@charset "UTF-8";

/*

Template Name   : Qatar First Bank

Template URI    : https://www.qfb.com.qa/

Author          : 

Author URI      : 

Description     : A leading Shari’ah compliant bank based in Qatar

Version         : 1.0

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------*/

:root {

  --color__black: #000000;

  --color__white: #FFFFFF;

  --color__dark_purple: #2E093D;

  --color__purple: #3E1350;

  --color__red_poly: #F90D5D;

  --color__licorice: #20071F;

  --color__blue: #23274F;

  --color__silver: #7F8091;

  --color__ash_white: #F6F6F6;

  --color__text_heading: #F6F6F6;

  --font-primary: "Tajawal";

  --base__font-size: 18px;

  --heading__one: 48px;

  --heading__two: 36px;

  --heading__three: 32px;

  --heading__four: 24px;

  --heading__five: 20px;

  --heading__six: 16px;

  --font__line-height-body: 1.6;

  --font__line-height-heading: 1.25;

  --font__line-height-paragraph: 1.87;

}



html {

  font-size: 100%;

}



body {

  font-family: var(--font-primary);

  font-size: var(--base__font-size);

  font-weight: normal;

  line-height: var(--font__line-height-body);

  position: relative;

  z-index: 1;

}



.white-bg {

  background-color: var(--color__white);

}



.transparent-bg {

  background-color: transparent;

}



.white-text {

  color: var(--color__white);

}



.text-black {

  color: var(--color__black);

}



.border-no {

  border: 0;

}



.radius-xs {

  border-radius: 0.125rem;

}



.radius-sm {

  border-radius: 0.25rem;

}



.radius-md {

  border-radius: 0.375rem;

}



.radius-lg {

  border-radius: 0.5rem;

}



.radius-xl {

  border-radius: 0.625rem;

}



.radius-2xl {

  border-radius: 0.75rem;

}



.radius-3xl {

  border-radius: 0.875rem;

}



.radius-4xl {

  border-radius: 1rem;

}



.radius-5xl {

  border-radius: 1.25rem;

}



.radius-6xl {

  border-radius: 1.5rem;

}



.radius-7xl {

  border-radius: 1.75rem;

}



.radius-8xl {

  border-radius: 2rem;

}



.radius-50 {

  border-radius: 50%;

}



.radius-circle {

  border-radius: 9999px;

}



/*-------------------------------------------------

    [ ## Others Typography ]

*/

*::selection {

  background-color: #003764;

  color: #fff;

}



p {

  font-size: var(--base__font-size);

  line-height: var(--font__line-height-paragraph);

  margin: 0;

  text-align: justify;

  margin-top: 20px;

}

@media screen and (max-width: 450px) {

  p {

    font-size: 0.93rem;

  }

}



blockquote {

  margin: 0 0 1.3em;

}



address {

  margin: 0 0 1.3em;

}



dfn, var, tt, kbd, code, em, i, cite {

  font-size: 1em;

}



em, i, cite {

  font-style: italic;

}



[class*=flaticon] {

  display: inline-flex;

  align-items: center;

}



abbr, acronym {

  border-bottom: 1px dotted var(--color__black);

  cursor: help;

}



mark, ins {

  text-decoration: none;

}



big {

  font-size: 125%;

}



pre {

  padding: 20px 30px;

  margin-bottom: 30px;

  max-width: 100%;

  white-space: pre-wrap;

  white-space: -moz-pre-wrap;

  white-space: -pre-wrap;

  white-space: -o-pre-wrap;

  word-wrap: break-word;

  font-size: 0.929em;

  overflow: auto;

}



img {

  max-width: 100%;

  height: auto;

}

img.alignleft{

    float: left;

    margin-right: 15px;

    margin-bottom: 10px;

}

img.alignright{

    float: right;

    margin-left: 15px;

    margin-bottom: 10px;

}



.dropcap {

  display: block;

  float: left;

  margin: 15px 5px 0 0;

  font-weight: bold;

  font-size: 60px;

  color: #ccc;

}



ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



a {

  color: inherit;

  text-decoration: none;

}

a:hover {

  color: inherit;

  text-decoration: none;

}



/*-------------------------------------------------

    [ ## Heading ]

*/

h1, h2, h3, h4, h5, h6 {

  clear: both;

  font-family: var(--font-primary);

  line-height: var(--font__line-height-heading);

  margin: 0;

  font-weight: 400;

  -webkit-font-smoothing: antialiased;

}



h1 {

  font-size: var(--heading__one);

}



h2 {

  font-size: var(--heading__two);

}



h3 {

  font-size: var(--heading__three);

}



h4 {

  font-size: var(--heading__four);

}



h5 {

  font-size: var(--heading__five);

}



h6 {

  font-size: var(--heading__six);

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a {

  color: inherit;

  text-decoration: none;

}



h1 a:hover,

h2 a:hover,

h3 a:hover,

h4 a:hover {

  color: inherit;

  text-decoration: none;

}



/*-------------------------------------------------

    [ ## Buttons ]

-------------------------------------------------*/

button {

  transition: all 0.25s ease;

}



.btn:active:focus, .btn:focus {

  box-shadow: none;

}



.topbutton {

  margin: 0px;

  border-radius: 50%;

  transition: all 0.3s ease-in-out;

  position: fixed;

  bottom: 20px;

  right: 25px;

  z-index: 999;

  color: #fff;

  background-color: #003764;

  width: 3.5rem;

  height: 3.5rem;

  display: flex;

  align-items: center;

  justify-content: center;

}

.topbutton.btn-hide {

    visibility: hidden;

}

@media (max-width: 576px) {

  .topbutton {

    right: 10px;

    width: 2.5rem;

    height: 2.5rem;

  }

}

.topbutton.btn-show {

  bottom: 50px;

  opacity: 0.6;

  visibility: visible;

}

.topbutton:hover {

  color: var(--color__white);

  opacity: 1;

}



a {

  color: inherit;

}

a:hover, a:focus, a:active {

  text-decoration: none;

}

a:focus {

  outline: none;

}

a:hover, a:active {

  outline: 0;

  text-decoration: none;

}

a.btn-link-more {

  color: #003764;

  font-weight: 500;

  font-size: 12px;

}

@media screen and (min-width: 576px) {

  a.btn-link-more {

    font-size: 14px;

  }

}

@media screen and (min-width: 768px) {

  a.btn-link-more {

    font-size: 16px;

  }

}

@media screen and (min-width: 992px) {

  a.btn-link-more {

    font-size: 18px;

  }

}



/*-------------------------------------------------

    [ ## Fields ]

-------------------------------------------------*/

input[type=text]:focus,

input[type=email]:focus,

input[type=url]:focus,

input[type=password]:focus,

input[type=search]:focus {

  outline: none;

  box-shadow: none;

}



input[type=time]::-webkit-inner-spin-button,

input[type=time]::-webkit-outer-spin-button,

input[type=date]::-webkit-inner-spin-button,

input[type=date]::-webkit-outer-spin-button,

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



input[type=search] {

  -webkit-appearance: textfield;

}



input[type=search]::-webkit-search-decoration {

  -webkit-appearance: none;

}



select {

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}



textarea.form-control {

  display: block;

  width: 100%;

  display: block;

  min-height: 150px;

  padding-top: 0px;

}

textarea.form-control:focus {

  outline: none;

  box-shadow: none;

}



.form-floating > .form-control {

  border: none;

  border-radius: 0;

}



@media screen and (min-width: 992px) {

  .container {

    max-width: 980px;

  }

}

@media screen and (min-width: 1200px) {

  .container {

    max-width: 1180px;

  }

}

@media screen and (min-width: 1400px) {

  .container {

    max-width: 1360px;

  }

}

@media screen and (min-width: 1900px) {

  .container {

    max-width: 1610px;

  }

}



@media screen and (min-width: 576px) {

  .container-sm-fluid {

    max-width: 100%;

  }

}



/*--------------------------------------------------------------

    [ ## Header ]

--------------------------------------------------------------*/

header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1024;

  transition: all 0.2s;

  background-color: #fff;

}

header .header-top .navbar-brand img {

  max-width: 160px;

}

@media screen and (min-width: 768px) {

  header .header-top .navbar-brand img {

    max-width: 180px;

  }

}

@media screen and (min-width: 992px) {

  header .header-top .navbar-brand img {

    margin-left: 90px;

  }

}

@media screen and (min-width: 1200px) {

  header .header-top .navbar-brand img {

    margin-left: 100px;

    max-width: 210px;

  }

}

@media screen and (min-width: 1400px) {

  header .header-top .navbar-brand img {

    margin-left: 85px;

    max-width: 220px;

  }

}

@media screen and (min-width: 1900px) {

  header .header-top .navbar-brand img {

    margin-left: 30px;

    max-width: 240px;

  }

}

header .header-top .lg-hamburger {

  background-color: #003764;

  border: 0;

  position: absolute;

  top: 0;

  left: -25px;

  height: 100%;

  width: 75px;

  z-index: 99;

  border: 1px solid #003764;

}

header .header-top .lg-hamburger:hover{

    background-color : #003764;

}

header .header-top .lg-hamburger svg{

    /* transform: scaleX(-1); */

    width: 100%;

    height: 100%;

}

header .header-top .lg-hamburger:hover svg path{

    /* fill : #003764; */

}

header .header-top .container{



}



@media screen and (min-width: 992px) {

    header .header-top .container{



    }

}

@media screen and (min-width: 1200px) {

  header .header-top .container{



    }

}

@media screen and (min-width: 1400px) {

  header .header-top .container{



    }

}

@media screen and (min-width: 1900px) {

  header .header-top .container{



    }

}

@media screen and (min-width: 992px) {

  header .header-top .lg-hamburger {

    width: 100px;

  }

}

@media screen and (min-width: 1400px) {

  header .header-top .lg-hamburger {

    left: -36px;

  }

}

@media screen and (min-width: 1900px) {

  header .header-top .lg-hamburger {

    left: -100px;

  }

}

header .header-top .navbar {

  padding: 15px 0;

}

@media screen and (min-width: 992px) {

  header .header-top .navbar {

    padding: 20px 0;

  }

}

@media screen and (min-width: 1200px) {

  header .header-top .navbar {

    padding: 15px 0;

  }

}

header .header-top .hamburger {

  background-color: transparent;

  padding: 0;

  border: 0;

  width: 22px;

  height: 18px;

  display: flex;

  align-items: center;

  justify-content: center;

}

header .header-top .navbar ul li {

  position: relative;

}

header .header-top .navbar ul li a {

  color: #a3aaae;

  font-size: 18px;

  font-weight: 400;

  transition: all 0.3s;

}

@media screen and (min-width: 1200px) {

  header .header-top .navbar ul li a {

    font-size: 22px;

  }

}

header .header-top .navbar ul li a svg {

  transition: all 0.3s;

  transform: scale(0.9);

  margin-top: -5px;

}

@media screen and (min-width: 992px) {

  header .header-top .navbar ul li a svg {

    transform: scale(1);

  }

}

header .header-top .navbar ul li a span {

    position: absolute;

    width: 115px;

    top: -30px;

    left: 50%;

    transform: translateX(-50%);

    text-align: center;

    background: #003764;

    padding: 1px;

    color: #fff !important;

    border-radius: 10px;

    visibility: hidden;

}

header .header-top .navbar ul li:hover a span{

  visibility: visible;

  transition: all .3s;

}

header .header-top .navbar ul li a span:after{

  content: '';

  width: 0px;

  height: 0px;

  border-style: solid;

  border-width: 6px 6px 0 6px;

  border-color: #003764 transparent transparent transparent;

  transform: rotate(0deg);

  position: absolute;

  bottom: -5px;

  left: 50%;

  transform: translateX(-50%);

}

header .header-top .navbar ul li a:hover{

  color: #003764;

  text-shadow: 0px 0px 0.8px rgb(0, 55, 100);

}

header .header-top .navbar ul li.language a:hover {

  border-color: #003764 !important;

  background: #003764;

  color : #fff;

}

header .header-top .navbar ul li.language a:hover svg{

  fill : #fff !important

}

header .header-top .navbar ul li a:hover svg {

  fill: #003764;

}

header .header-top .navbar ul li:last-child a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  border: 2px solid #a3aaae;

  border-radius: 50%;

  font-size: 25px;

}

header .header-top .navbar ul li.lang-item-ar a{

  font-family: auto;

  font-size: 19px;

}

header .header-top .navbar ul li + li {

  margin-left: 20px;

}

header .header-top .navbar ul li.language ul{



}

header .header-top .navbar ul li.language ul li.current-lang  {

  display: none;

}

header .header-top .navbar ul li.language ul li.lang-item{

  margin-left: 0 !important;

}





@media (max-width: 360px) {

  header .header-top .navbar ul li + li {

    margin-left: 15px;

  }

}

@media screen and (min-width: 768px) {

  header .header-top .navbar ul li + li {

    margin-left: 30px;

  }

}

@media screen and (min-width: 1200px) {

  header .header-top .navbar ul li + li {

    margin-left: 40px;

  }

}

@media screen and (min-width: 1400px) {

  header .header-top .navbar ul li + li {

    margin-left: 50px;

  }

}

header .header-top .navbar ul li .searchform {

  position: absolute;

  right: -100px;

  top: calc(100% + 15px);

  height: 45px;

  display: flex;

  background-color: #fff;

  transition: all 0.2s;

  opacity: 0;

  visibility: hidden;

  border: 1px solid  #003764;

}

@media screen and (min-width: 576px) {

  header .header-top .navbar ul li .searchform {

    right: -7px;

    top: -5px;

  }

}

header .header-top .navbar ul li .searchform input {

  border: 0;

  width: 0;

  transition: all 0.3s;

}

header .header-top .navbar ul li .searchform button {

  border: 0;

  background-color: transparent;

}

@media screen and (max-width: 991px) {

  header .header-top .navbar ul li:not(.icon) {

    /*display: none;*/

  }

}

header .header-top .navbar ul li:hover .searchform {

  opacity: 1;

  visibility: visible;

}

header .header-top .navbar ul li:hover .searchform input {

  width: 250px;

}

@media screen and (min-width: 768px) {

  header .header-top .navbar ul li:hover .searchform input {

    width: 300px;

  }

}

header .header-top .header-icons{

  display: flex; margin-left: auto;

}

header .header-bottom {

  padding: 8px 0;

}

@media screen and (min-width: 992px) {

  header .header-bottom {

    padding: 10px 0;

  }

}

@media screen and (min-width: 992px) {

  header .header-bottom .navbar-brand {

    max-width: 180px;

  }

}

@media screen and (min-width: 1200px) {

  header .header-bottom .navbar-brand {

    max-width: 100%;

  }

}

header .header-bottom .navbar {

  padding-left: 80px;

}

@media screen and (min-width: 1400px) {

  header .header-bottom .navbar {

    padding-left: 70px;

  }

}

header .header-bottom ul li a {

  color: #a2a9ad;

  font-size: 18px;

  line-height: normal;

  transition: all 0.3s;

}

@media screen and (min-width: 1400px) {

  header .header-bottom ul li a {

    font-size: 20px;

  }

}

header .header-bottom ul li a:hover {

  color: #003764;

  text-shadow: 0px 0px 0.8px rgb(0, 55, 100);

}

header .header-bottom ul li + li {

  margin-left: 30px;

}

@media screen and (min-width: 1200px) {

  header .header-bottom ul li + li {

    margin-left: 50px;

  }

}

@media screen and (min-width: 1400px) {

  header .header-bottom ul li + li {

    margin-left: 70px;

  }

}

header.sticky {

  background-color: #fff;

  box-shadow: 0 0 5px 0 rgba(0, 55, 100, 0.1);

}

header .mobile-menu {

  position: fixed;

  top: 0;

  left: -280px;

  width: 280px;

  height: 100%;

  background-color: #fff;

  box-shadow: 0 0 5px 0 rgba(0, 55, 100, 0.1);

  overflow-y: scroll;

  transition: all 0.3s;

}

@media screen and (min-width: 992px) {

  header .mobile-menu {

    display: none;

  }

}

header .mobile-menu .logo {

  padding: 25px 30px;

  background-color: rgba(163, 170, 174, 0.1);

}

header .mobile-menu .logo img {

  max-width: 150px;

  margin: 0 auto;

}

header .mobile-menu .menu {

  margin: 30px 15px;

}

header .mobile-menu .menu h5 {

  border-bottom: 1px solid #003764;

  color: #003764;

  font-weight: 500;

  margin-bottom: 15px;

  padding-bottom: 5px;

  font-size: 18px;

}

header .mobile-menu .menu ul li a {

  font-size: 16px;

  padding: 5px 0;

  display: block;

  color: #003764;

  transition: all 0.2s;

}

header .mobile-menu .menu ul li a:hover {

  text-shadow: 0px 0px 1px rgb(0, 55, 100);

}

header .mobile-menu .follow-us {

  margin: 30px 20px;

}

header .mobile-menu .follow-us h5 {

  border-bottom: 1px solid #003764;

  color: #003764;

  font-weight: 500;

  margin-bottom: 20px;

  padding-bottom: 5px;

  font-size: 18px;

}

header .mobile-menu .follow-us ul {

  gap: 15px;

}

header .mobile-menu .follow-us ul li a {

  width: 35px;

  height: 35px;

  border: 1px solid #003764;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  font-size: 16px;

  color: #003764;

  transition: all 0.3s;

}

header .mobile-menu .follow-us ul li a:hover {

  background-color: #003764;

  color: #fff;

}

header .mobile-menu .follow-us ul li a svg path{

  fill : #003764

}

header .mobile-menu .follow-us ul li a:hover svg path{

  fill : #fff

}

header .mobile-menu.is-menu-open {

  left: 0;

}

header .mega-menu {

  position: absolute;

  background-color: rgb(255 255 255 / 95%);

  left: 0;

  top: -100px;

  width: 100%;

  padding: 15px 0;

  box-shadow: 0 0 5px 0 rgba(0, 55, 100, 0.1);

  transition: all 0.3s;

  opacity: 0;

  visibility: hidden;

}

@media screen and (min-width: 1400px) {

  header .mega-menu {

    padding: 15px 0;

  }

}

header .mega-menu .logo-wrap {

  margin-bottom: 40px;

  /* padding-left: 20px; */

  position: relative;

}

header .mega-menu .logo-wrap span.close_btn {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    cursor: pointer;

}

header .mega-menu .logo-wrap span.close_btn i{

    font-size: 2rem;

    color: #003764;

}



@media screen and (min-width: 1400px) {

  header .mega-menu .logo-wrap {

    margin-bottom: 70px;

  }

}

@media screen and (min-width: 1200px) {

  header .mega-menu .flex-xl-1 {

    flex: 1;

  }

}

header .mega-menu .widget h6 {

  font-weight: 500;

  color: #003764;

  font-size: 16px;

  /* margin-bottom: 10px; */

  text-shadow: 0px 0px 0.5px rgb(0, 55, 100);

}

@media screen and (min-width: 1400px) {

  header .mega-menu .widget h6 {

    font-size: 18px;

  }

}

@media screen and (min-width: 1900px) {

  header .mega-menu .widget h6 {

    font-size: 20px;

  }

}

header .mega-menu .widget ul li {

  color: #a3aaae;

  font-weight: 500;

  margin-bottom: 10px;

  font-size: 20px;

  margin: 0 5px;

}

header .mega-menu .widget ul li svg path{

  fill : #a3aaae

}

header .mega-menu .widget ul li a:hover svg path{

  fill : #fff

}

@media screen and (max-width: 1450px){

     header .mega-menu .widget ul li {

        /* font-size: 13px; */

    }

}

@media screen and (min-width: 1900px) {

  header .mega-menu .widget ul li {

    /* font-size: 15px; */

  }

}

header .mega-menu .social-icons li {

  margin: 4px 4px !important;

}

header .mega-menu .social-icons a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  border: 1px solid #a3aaae;

  border-radius: 50%;

  font-size: 16px;

  transition: all 0.3s;

}

header .mega-menu .social-icons a:hover {

  background-color: #003764;

  color: #fff;

}

header .mega-menu .mega-menu-footer {

  border-top: 2px solid #003764;

  margin-top: 15px;

  padding-top: 20px;

}

@media screen and (min-width: 1400px) {

  header .mega-menu .mega-menu-footer {

    margin-top: 20px;

  }

}

header .mega-menu.is-menu-open {

  top: 40px;

  opacity: 1;

  visibility: visible;

}

div#footer, hr {

    display: none;

}

ul.navbar-nav  {

    display: flex;

    flex-wrap: wrap;

    margin-top: calc(var(--bs-gutter-y) * -1);

    margin-right: calc(var(--bs-gutter-x) * -.5);

    margin-left: calc(var(--bs-gutter-x) * -.5);

    flex-direction: row;

}

ul.navbar-nav > li.menu-item {

    flex-basis: 0;

    flex-grow: 1;

    padding-right: calc(var(--bs-gutter-x) * .5);

    padding-left: calc(var(--bs-gutter-x) * .5);

    margin-top: var(--bs-gutter-y);

}

button.sub-menu-toggle {

    display: none;

}



ul.navbar-nav > li.menu-item > a{

    font-weight: 500;

    color: #003764;

    font-size: 20px;

    margin-bottom: 10px;

    text-shadow: 0px 0px 0.5px rgb(0 55 100);

    text-transform: capitalize;

}

ul.dropdown-menu {

    position: relative !important;

    display: block !important;

    border: none;

    transform: none !important;

    background-color : transparent;

}

ul.dropdown-menu li{

    margin: 4px 0;

    margin-bottom: 10px;

    display: block

}

ul.dropdown-menu li a{

    padding: 0;

    display: block;

    color: #787a7a;

    /* font-weight: 500; */

    font-size: 16px;

    white-space: unset;

    text-transform: capitalize;

}

ul.dropdown-menu li.current_page_item a,

.dropdown-item:hover {

    color: #003764;

    font-weight: 500;

    background-color: transparent;

}

ul.dropdown-menu li a:active{

    background: none;

    color: initial;

}

.dropdown-toggle::after{

    display: none

}



/*--------------------------------------------------------------

    [ ## Page Banner]

--------------------------------------------------------------*/

.pagebanner {

  height: 300px;

  background-size: cover;

  background-position: center;

  position: relative;

  border-radius: 0 0 0 110px;

}

.pagebanner.video_banner{

    padding: 0;

    position: relative;

}

.pagebanner.video_banner video{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

    border-radius: 0 0 0 110px;

}



@media screen and (min-width: 768px) {

  .pagebanner {

    height: 400px;

  }

}

@media screen and (min-width: 992px) {

  .pagebanner {

    height: 500px;

  }

}

@media screen and (min-width: 1200px) {

  .pagebanner {

    height: 600px;

  }

}

@media screen and (min-width: 1900px) {

  .pagebanner {

    height: 660px;

  }

}









@media screen and (min-width: 992px) {

  .pagebanner.container {

    max-width: 1006px;

  }

}

@media screen and (min-width: 1200px) {

  .pagebanner.container {

    max-width: 1207px;

  }

}

@media screen and (min-width: 1400px) {

  .pagebanner.container {

    max-width: 1407px;

    margin-top: 40px;

  }

}

@media screen and (min-width: 1900px) {

  .pagebanner.container {

    max-width: 1786px;

  }

}





.pagebanner::before {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 80%);

  display: none;

}



/*--------------------------------------------------------------

    [ ## Footer ]

--------------------------------------------------------------*/

/*--------------------------------------------------------------

# Footer-block

--------------------------------------------------------------*/

footer .footer-top {

  /* border-top: 1px solid #003764; */

  /* border-bottom: 1px solid #003764; */

  padding: 50px 0;

  background-image: url('../images/ft.bg.png') !important;

  background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

    background-color: #ededef;

    height: 203px;

    display: flex;

    align-items: center;

    padding-bottom: 20px;

}

@media(min-width:1770px){

    footer .footer-top {

        background-size: cover;

    }

}

footer .footer-top .site-brand {

  max-width: 150px;

  display: block;

  margin: 0 auto;

}

@media screen and (min-width: 992px) {

  footer .footer-top .site-brand {

    margin: 0;

  }

}

footer .footer-top .widget h6 {

  font-weight: 500;

  color: #003764;

  font-size: 14px;

  margin-bottom: 5px;

  text-shadow: 0px 0px 0.5px rgb(0, 55, 100);

}

@media screen and (min-width: 1400px) {

  footer .footer-top .widget h6 {

    font-size: 18px;

  }

}

@media screen and (min-width: 1900px) {

  footer .footer-top .widget h6 {

    font-size: 20px;

  }

}

footer .footer-top .widget ul.social-icons{

    align-items: center;

    display: flex;

    justify-content: center;

}

footer .footer-top .widget ul li {

  color: #a3aaae;

  /* font-size: 20px; */

  /* margin: 0 5px; */

  font-weight: 500;



}

@media(max-width: 996px){

  footer .footer-top .widget ul.social-icons{

    justify-content: inherit;

  }

}



footer .footer-top .widget ul li svg path {

    fill: #a3aaae;

}

footer .footer-top .widget ul li a:hover svg path {

    fill: #fff;

}

@media screen and (min-width: 1200px) {

  footer .footer-top .widget ul li {

    font-size: 13px;

  }

}

@media screen and (min-width: 1400px) {

  footer .footer-top .widget ul li {

    font-size: 15px;

  }

}

footer .footer-top .widget .social-icons a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  border: 1px solid #a3aaae;

  border-radius: 50%;

  font-size: 16px;

  transition: all 0.3s;

}

footer .footer-top .widget .social-icons a:hover {

  background-color: #003764;

  color: #fff;

}

@media screen and (min-width: 1200px) {

  footer .footer-top .col-xl {

    flex: 1;

  }

}

.footer .footer-top .col_download_app a{

  font-size: 20px;

}



/**/

footer .footer-middle {

  padding: 30px 0 40px;

  background: #ededef;

}

footer .footer-middle .widget h6 {

  font-weight: 500;

  color: #003764;

  font-size: 14px;

  margin-bottom: 10px;

  text-shadow: 0px 0px 0.5px rgb(0, 55, 100);

  text-transform: capitalize;

}

footer .footer-middle .widget h6:first-letter {

    text-transform: capitalize;

}

@media screen and (min-width: 1400px) {

  footer .footer-middle .widget h6 {

    font-size: 18px;

    text-transform: capitalize;

  }

}

@media screen and (min-width: 1900px) {

  footer .footer-middle .widget h6 {

    font-size: 20px;

  }

}

footer .footer-middle .widget ul li {

  color: #a3aaae;

  font-size: 14px;

  font-weight: 500;

  text-transform: capitalize;

  margin: 4px 0;

}

footer .footer-middle .widget ul li:first-letter{

  text-transform: capitalize;

}

@media screen and (min-width: 1400px) {

  footer .footer-middle .widget ul li {

    font-size: 15px;

  }

}

@media screen and (min-width: 1200px) {

  footer .footer-middle .col-xl-2 {

    flex: 1;

  }

}

footer .footer-bottom {

  background-color: #d9dddf;

  padding: 8px 0;

}

@media screen and (min-width: 1200px) {

  footer .footer-bottom {

    padding: 12px 0;

  }

}

footer .footer-bottom p {

  font-size: 13px;

  line-height: 1.3;

  color: #353535;

  margin-top: 0px;

}

@media screen and (min-width: 1200px) {

  footer .footer-bottom p {

    font-size: 14px;

  }

}

@media screen and (min-width: 1400px) {

  footer .footer-bottom p {

    font-size: 16px;

  }

}



/*--------------------------------------------------------------

# Home Page

--------------------------------------------------------------*/

.hero {

  margin: auto;

  height: calc(100vh - 81px);

    /* border-radius: 0 0 0 110px; */

    overflow: hidden;

    margin-top : 81px

}

.hero .hero-slider .swiper-slide {

  padding: 150px 0 150px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  background-color: #fff;

  position: relative;

  z-index: 1;

}

@media screen and (min-width: 576px) {

  .hero .hero-slider .swiper-slide {

    padding: 200px 0;

  }

}

@media screen and (min-width: 768px) {

  .hero .hero-slider .swiper-slide {

    padding: 230px 0 350px;

  }

}

@media screen and (min-width: 992px) {

  .hero .hero-slider .swiper-slide {

    padding: 230px 0 450px;

  }

}

@media screen and (min-width: 1400px) {

  .hero .hero-slider .swiper-slide {

    padding: 230px 0 570px;

  }

}

.hero .hero-slider .swiper-slide::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(180deg, white, transparent);

  z-index: -1;

  display: none;

}

@media screen and (min-width: 992px) {

  .hero .hero-slider .swiper-slide::before {

    height: 50%;

  }

}

.hero .hero-slider .swiper-slide::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 45%;

  background: linear-gradient(0deg, white, transparent);

  z-index: -1;

  display: none;

}

.hero .hero-slider .swiper-slide .slider-content-text {

  max-width: 400px;

  background-color: rgb(255 255 255 / 30%);

    padding: 10px 20px;

    border-radius: 10px;

}

@media screen and (min-width: 576px) {

  .hero .hero-slider .swiper-slide .slider-content-text {

    max-width: 470px;

  }

}

.hero .hero-slider h1 {

  font-size: 32px;

  color: #003764;

  font-weight: 400;

  margin-bottom: 20px;

}

@media screen and (min-width: 576px) {

  .hero .hero-slider h1 {

    font-size: 40px;

    font-weight: 300;

  }

}

@media screen and (min-width: 992px) {

  .hero .hero-slider h1 {

    font-size: 45px;

  }

}

.hero .hero-slider p {

  font-size: 16px;

  line-height: 1.4;

  color: #353535;

}

@media screen and (min-width: 576px) {

  .hero .hero-slider p {

    font-size: 18px;

  }

}

.hero .hero-slider .slider-footer {

  position: absolute;

  bottom: 30px;

  right: 60px;

  z-index: 1;

  width: 180px;

}

@media screen and (min-width: 576px) {

  .hero .hero-slider .slider-footer {

    right: 80px;

    bottom: 40px;

  }

}

@media screen and (min-width: 768px) {

  .hero .hero-slider .slider-footer {

    width: 240px;

    bottom: 80px;

  }

}

@media screen and (min-width: 992px) {

  .hero .hero-slider .slider-footer {

    bottom: 90px;

    right: 150px;

    width: 300px;

  }

}

.slide-count{

    background-color: rgb(255 255 255 / 30%);

    width: 48px;

    margin-left: auto;

    padding: 4px;

    height: 40px;

    text-align: center !important;

    border-radius: 10px;

}

.hero .hero-slider .slider-footer .activeslide, .hero .hero-slider .slider-footer .totalslide {

  color: #003764;

  font-weight: 500;

  font-size: 16px;

}

@media screen and (min-width: 768px) {

  .hero .hero-slider .slider-footer .activeslide, .hero .hero-slider .slider-footer .totalslide {

    font-size: 18px;

  }

}

@media screen and (min-width: 992px) {

  .hero .hero-slider .slider-footer .activeslide, .hero .hero-slider .slider-footer .totalslide {

    font-size: 20px;

  }

}

.hero .hero-slider .slider-footer .navigation {

  position: absolute;

  right: -40px;

  top: -35px;

  display: flex;

  flex-direction: column;

  gap: 10px 0;

}

@media screen and (min-width: 576px) {

  .hero .hero-slider .slider-footer .navigation {

    right: -50px;

  }

}

@media screen and (min-width: 768px) {

  .hero .hero-slider .slider-footer .navigation {

    right: -55px;

    top: -45px;

  }

}

@media screen and (min-width: 992px) {

  .hero .hero-slider .slider-footer .navigation {

    right: -75px;

    top: -50px;

    gap: 20px 0;

  }

}

.hero .hero-slider .slider-footer .navigation span {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  background-color: #fff;

  border-radius: 50%;

}

@media screen and (min-width: 768px) {

  .hero .hero-slider .slider-footer .navigation span {

    width: 40px;

    height: 40px;

  }

}

.hero .hero-slider .slider-footer .navigation span.swiper-button-disabled svg {

  opacity: 0.2;

}

.hero .hero-slider .slider-footer .swiper-pagination-progressbar {

  height: 1px;

}

.hero .hero-slider .slider-footer .swiper-pagination-progressbar-fill {

  background-color: #003763;

  height: 2px;

}

.swiper{

    height: 100%;

}

.our-offers {

  padding: 40px 0 10px;

}

@media screen and (min-width: 992px) {

  .our-offers {

    padding: 80px 0 50px;

  }

}

@media screen and (min-width: 1200px) {

  .our-offers {

    padding: 120px 0 50px;

  }

}

.our-offers .section-title {

  font-weight: 300;

  font-size: 28px;

  color: #003764;

  text-align: center;

}

@media screen and (min-width: 480px) {

  .our-offers .section-title {

    font-size: 34px;

  }

}

@media screen and (min-width: 768px) {

  .our-offers .section-title {

    font-size: 40px;

  }

}

@media screen and (min-width: 992px) {

  .our-offers .section-title {

    text-align: left;

  }

}

@media screen and (min-width: 1200px) {

  .our-offers .section-title {

    font-size: 45px;

  }

}

.our-offers .offer-content-nav {

  margin-top: 20px;

}

@media screen and (min-width: 768px) {

  .our-offers .offer-content-nav {

    margin-top: 40px;

  }

}

@media screen and (min-width: 992px) {

  .our-offers .offer-content-nav {

    margin-top: 0;

  }

}

.our-offers .offer-content-nav .nav-tabs {

  border-bottom: 1px solid #d9dddf;

  justify-content: space-between;

}

.our-offers .offer-content-nav .nav-tabs .nav-link {

  padding: 3px 0;

  border: 0;

  margin: 0;

  border-radius: 0;

  color: #a3aaae;

  font-weight: 500;

  font-size: 13px;

  position: relative;

  transition: all 0.3s;

}

@media (min-width: 410px) {

  .our-offers .offer-content-nav .nav-tabs .nav-link {

    max-width: 120px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

}

@media screen and (min-width: 480px) {

  .our-offers .offer-content-nav .nav-tabs .nav-link {

    font-size: 10px;

    max-width: 160px;

  }

}

@media screen and (min-width: 576px) {

  .our-offers .offer-content-nav .nav-tabs .nav-link {

    font-size: 12px;

  }

}

@media screen and (min-width: 768px) {

  .our-offers .offer-content-nav .nav-tabs .nav-link {

    font-size: 16px;

    max-width: 210px;

  }

}

@media screen and (min-width: 992px) {

  .our-offers .offer-content-nav .nav-tabs .nav-link {

    font-size: 18px;

    max-width: 200px;

  }

}

@media screen and (min-width: 1200px) {

  .our-offers .offer-content-nav .nav-tabs .nav-link {

    max-width: 255px;

  }

}

@media screen and (min-width: 1400px) {

  .our-offers .offer-content-nav .nav-tabs .nav-link {

    max-width: 100%;

  }

}

@media screen and (min-width: 1900px) {

  .our-offers .offer-content-nav .nav-tabs .nav-link {

    font-size: 18px;

  }

}

.our-offers .offer-content-nav .nav-tabs .nav-link::after {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  bottom: 0;

  height: 1px;

  background-color: #003764;

  opacity: 0;

}

.our-offers .offer-content-nav .nav-tabs .nav-link.active {

  color: #003764;

}

.our-offers .offer-content-nav .nav-tabs .nav-link.active::after {

  opacity: 1;

}

.our-offers .offer-content-nav .tab-content {

  padding: 20px 0;

}

@media screen and (min-width: 768px) {

  .our-offers .offer-content-nav .tab-content {

    /* padding: 30px 0 20px; */

  }

}

@media screen and (min-width: 1400px) {

  .our-offers .offer-content-nav .tab-content {

    /* padding: 40px 0 20px; */

  }

}

@media screen and (min-width: 1900px) {

  .our-offers .offer-content-nav .tab-content {

    /* padding: 60px 0 30px; */

  }

}

.our-offers .offer-content-nav .tab-content .tab-pane {

  max-width: 575px;

}

@media screen and (min-width: 1400px) {

  .our-offers .offer-content-nav .tab-content .tab-pane {

    max-width: 650px;

  }

}

.our-offers .offer-content-nav .tab-content p {

  font-size: 14px;

  margin-bottom: 10px;

  line-height: 1.4;

  color: #353535;

}

@media screen and (min-width: 480px) {

  .our-offers .offer-content-nav .tab-content p {

    font-size: 14px;

  }

}

@media screen and (min-width: 768px) {

  .our-offers .offer-content-nav .tab-content p {

    font-size: 16px;

    margin-bottom: 15px;

  }

}

@media screen and (min-width: 992px) {

  .our-offers .offer-content-nav .tab-content p {

    font-size: 18px;

  }

}

@media screen and (min-width: 1400px) {

  .our-offers .offer-content-nav .tab-content p {

    margin-bottom: 20px;

  }

}



.paralax-img {

  height: 280px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top;

  /* background-attachment: fixed; */

  display: none !important;

}

.paralax-img.active{

    display: inherit !important;

}

/* @media screen and (min-width: 768px) {

  .paralax-img {

    height: 380px;

  }

}

@media screen and (min-width: 1200px) {

  .paralax-img {

    height: 450px;

  }

}

@media screen and (min-width: 1400px) {

  .paralax-img {

    height: 575px;

  }

} */



.our-offers .header_wrap{

    display: flex;

    align-items: center;

}

.our-offers .header_wrap .corp_brochure{

    margin: 0 0px 30px 60px

}



.investor-relation {

  padding: 40px 0;

  position: relative;

  z-index: 1;

}

@media screen and (min-width: 992px) {

  .investor-relation {

    padding: 75px 0;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation {

    padding: 100px 0;

  }

}

.investor-relation::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/investor-bg.webp);

  background-size: cover;

  background-position: center;

  z-index: -1;

}

.investor-relation .section-title,  .our-offers .section-title {

  font-weight: 300;

  font-size: 28px;

  color: #003764;

  text-align: center;

  margin-bottom: 20px;

}

@media screen and (min-width: 480px) {

  .investor-relation .section-title,  .our-offers .section-title{

    font-size: 34px;

  }

}

@media screen and (min-width: 768px) {

  .investor-relation .section-title,  .our-offers .section-title {

    font-size: 40px;

  }

}

@media screen and (min-width: 992px) {

  .investor-relation .section-title,  .our-offers .section-title {

    text-align: left;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation .section-title,  .our-offers .section-title {

    font-size: 45px;

    margin-bottom: 40px;

  }

}

.investor-relation .box-content {

  background-color: rgba(162, 169, 173, 0.25);

  padding: 30px 25px;

  max-width: 375px;

  margin: 0 auto;

}

@media screen and (min-width: 992px) {

  .investor-relation .box-content {

    max-width: 540px;

    margin: 0;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation .box-content {

    padding: 60px 50px;

  }

}

.investor-relation .box-content p {

  font-size: 14px;

  margin-bottom: 25px;

  line-height: 1.4;

  color: #353535;

}

@media screen and (min-width: 576px) {

  .investor-relation .box-content p {

    font-size: 16px;

  }

}

@media screen and (min-width: 992px) {

  .investor-relation .box-content p {

    font-size: 18px;

  }

}

@media screen and (min-width: 1400px) {

  .investor-relation .box-content p {

    font-size: 19px;

  }

}

.investor-relation .box-content h5 {

  /* text-align: center; */

  color: #003764;

  font-weight: 500;

  font-size: 14px;

  /* padding: 0 20px; */

}

@media screen and (min-width: 576px) {

  .investor-relation .box-content h5 {

    font-size: 16px;

  }

}

@media screen and (min-width: 992px) {

  .investor-relation .box-content h5 {

    font-size: 18px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation .box-content h5 {

    font-size: 20px;

    padding: 0;

  }

}

@media screen and (min-width: 1400px) {

  .investor-relation .box-content h5 {

    font-size: 22px;

    /* padding: 0 20px; */

  }

}

.investor-relation .box-content button {

  background-color: #003764;

  border: 0;

  color: #fff;

  font-size: 14px;

  padding: 10px 25px;

}

@media screen and (min-width: 576px) {

  .investor-relation .box-content button {

    font-size: 16px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation .box-content button {

    font-size: 18px;

    padding: 10px 35px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation .box-content button {

    font-size: 20px;

    padding: 10px 40px;

  }

}

/* .investor-relation .section-content {

  padding: 40px 0;

}

@media screen and (min-width: 576px) {

  .investor-relation .section-content {

    max-width: 560px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 992px) {

  .investor-relation .section-content {

    margin: 0;

    padding: 70px 0;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation .section-content {

    padding: 135px 0;

    max-width: 650px;

  }

} */

.investor-relation .section-content p {

  font-size: 14px;

  margin-bottom: 25px;

  line-height: 1.4;

  color: #353535;

}

@media screen and (min-width: 576px) {

  .investor-relation .section-content p {

    font-size: 15px;

  }

}

@media screen and (min-width: 768px) {

  .investor-relation .section-content p {

    font-size: 16px;

  }

}

@media screen and (min-width: 992px) {

  .investor-relation .section-content p {

    font-size: 18px;

  }

}

@media screen and (min-width: 1400px) {

  .investor-relation .section-content p {

    font-size: 19px;

  }

}



.investment-slider .swiper-wrapper {

  align-items: center;

}

.investment-slider .swiper-slide .content {

  padding: 40px 40px;

  text-align: center;

  background-color: rgba(162, 169, 173, 0.9);

  width: calc(100% - 50px);

  border-radius: 15px;

  transition: all 0.3s;

}

@media (min-width: 425px) {

  .investment-slider .swiper-slide .content {

    transform: scaleY(1.3);

    padding: 40px 25px;

  }

}

.investment-slider .swiper-slide .content h4 {

  color: #fff;

  font-weight: 300;

  font-size: 18px;

  user-select: none;

}

@media screen and (min-width: 576px) {

  .investment-slider .swiper-slide .content h4 {

    font-size: 20px;

  }

}

@media screen and (min-width: 992px) {

  .investment-slider .swiper-slide .content h4 {

    font-size: 22px;

  }

}

.investment-slider .swiper-slide .slide-item {

  height: 280px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  position: relative;

  z-index: 1;

  transition: all 0.2s linear;

  display: flex;

  align-items: center;

  justify-content: center;

}

@media (min-width: 425px) {

  .investment-slider .swiper-slide .slide-item {

    transform: scaleY(0.7);

  }

}

.investment-slider .swiper-slide .slide-item::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 255, 255, 0.5);

  z-index: -1;

}

@media (min-width: 425px) {

  .investment-slider .swiper-slide.swiper-slide-prev .slide-item, .investment-slider .swiper-slide.swiper-slide-next .slide-item {

    transform: scaleY(0.8);

  }

}

@media (min-width: 425px) {

  .investment-slider .swiper-slide.swiper-slide-prev .slide-item .content, .investment-slider .swiper-slide.swiper-slide-next .slide-item .content {

    transform: scaleY(1.2);

  }

}

.investment-slider .swiper-slide.swiper-slide-active .slide-item {

  transform: scaleY(1);

}

.investment-slider .swiper-slide.swiper-slide-active .content {

  background-color: rgba(0, 55, 100, 0.9);

  transform: scaleY(1);

  height: 135px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.investment-slider .swiper-slide.swiper-slide-active .slide-item:hover .content{

  height: 100%;

  width: 100%;

  transition: all .2s;

  border-radius: 0;

  background-color: rgb(255 255 255 / 75%);

}

.investment-slider .swiper-slide.swiper-slide-active .slide-item:hover .content h4{

  color: #003764;

    font-weight: 600;

}



.latest-news {

  padding: 40px 0;

  position: relative;

  z-index: 1;

}

@media screen and (min-width: 768px) {

  .latest-news {

    padding: 75px 0 90px;

  }

}

@media screen and (min-width: 992px) {

  .latest-news {

    padding: 90px 0 90px;

  }

}

@media screen and (min-width: 1400px) {

  .latest-news {

    padding: 100px 0 130px;

  }

}

.latest-news::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/investor-bg.webp);

  transform: scaleY(-1);

  background-size: cover;

  background-position: center;

  z-index: -1;

}

.latest-news .section-title {

  font-weight: 300;

  font-size: 28px;

  color: #003764;

  text-align: center;

  margin-bottom: 20px;

}

@media screen and (min-width: 480px) {

  .latest-news .section-title {

    font-size: 34px;

  }

}

@media screen and (min-width: 768px) {

  .latest-news .section-title {

    font-size: 40px;

  }

}

@media screen and (min-width: 992px) {

  .latest-news .section-title {

    text-align: left;

  }

}

@media screen and (min-width: 1200px) {

  .latest-news .section-title {

    font-size: 45px;

    margin-bottom: 30px;

  }

}

.latest-news .news-list {

  max-width: 400px;

  border: 0;

}

@media screen and (min-width: 992px) {

  .latest-news .news-list {

    max-width: 440px;

  }

}

@media screen and (min-width: 1400px) {

  .latest-news .news-list {

    max-width: 600px;

  }

}

.latest-news .news-list .nav-item {

  margin: 5px 0;

}

@media screen and (min-width: 1400px) {

  .latest-news .news-list .nav-item {

    margin: 11px 0;

  }

}

@media screen and (min-width: 1600px) {

  .latest-news .news-list .nav-item {

    margin: 15px 0;

  }

}

.latest-news .news-list .nav-link {

  padding: 0 0;

  color: #353535;

  border: 0;

}

@media screen and (min-width: 768px) {

  .latest-news .news-list .nav-link h6 {

    padding-right: 25px;

    position: relative;

  }

}

.latest-news .news-list .nav-link.active {

  background-color: transparent;

}

.latest-news .news-list .nav-link.active h6 {

  color: #003764;

  text-shadow: 0px 0px 1px rgb(0, 55, 100);

}

@media screen and (min-width: 768px) {

  .latest-news .news-list .nav-link.active h6::after {

    content: "";

    position: absolute;

    right: 7px;

    top: 10px;

    width: 10px;

    height: 10px;

    border-top: 2px solid #003764;

    border-right: 2px solid #003764;

    transform: rotate(45deg) translateY(-50%);

  }

}

.latest-news .news-list p {

  margin: 5px 0;

  font-size: 14px;

  color: #a3aaae;

}

@media screen and (min-width: 992px) {

  .latest-news .news-list p {

    font-size: 16px;

  }

}

@media screen and (min-width: 1400px) {

  .latest-news .news-list p {

    font-size: 18px;

  }

}

.latest-news .news-list h6 {

  font-size: 16px;

  font-weight: 500;

  line-height: 1.2;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

@media screen and (min-width: 992px) {

  .latest-news .news-list h6 {

    font-size: 18px;

    -webkit-line-clamp: 3;

  }

}

@media screen and (min-width: 1400px) {

  .latest-news .news-list h6 {

    font-size: 19px;

  }

}

@media screen and (max-width: 767px) {

  .latest-news .news-list-item {

    margin-top: 30px;

    max-width: 400px;

  }

}

.latest-news .news-list-item .thumbnail {

  padding-top: 65%;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

}

.latest-news .news-list-item .content {

  padding: 20px 0 0;

}

.latest-news .news-list-item .content .date {

  font-size: 14px;

  color: #a3aaae;

}

@media screen and (min-width: 992px) {

  .latest-news .news-list-item .content .date {

    font-size: 16px;

  }

}

@media screen and (min-width: 1200px) {

  .latest-news .news-list-item .content .date {

    font-size: 18px;

  }

}

.latest-news .news-list-item .content h4 {

  font-size: 16px;

  font-weight: 400;

  color: #003764;

  text-shadow: 0px 0px 1px rgb(0, 55, 100);

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

@media screen and (min-width: 768px) {

  .latest-news .news-list-item .content h4 {

    -webkit-line-clamp: 3;

  }

}

@media screen and (min-width: 992px) {

  .latest-news .news-list-item .content h4 {

    font-size: 18px;

  }

}

@media screen and (min-width: 1200px) {

  .latest-news .news-list-item .content h4 {

    font-size: 20px;

  }

}

@media screen and (min-width: 1400px) {

  .latest-news .news-list-item .content h4 {

    font-size: 22px;

  }

}

.latest-news .news-list-item .content .description {

  line-height: 1.3;

  font-size: 14px;

  margin: 10px 0 25px;

  color: #353535;

}

@media screen and (min-width: 768px) {

  .latest-news .news-list-item .content .description {

    font-size: 16px;

  }

}

@media screen and (min-width: 992px) {

  .latest-news .news-list-item .content .description {

    font-size: 18px;

  }

}

@media screen and (min-width: 1200px) {

  .latest-news .news-list-item .content .description {

    font-size: 20px;

  }

}



.our-performance {

  padding: 40px 0;

  overflow: hidden;

}

@media screen and (min-width: 576px) {

  .our-performance {

    padding: 60px 0;

  }

}

@media screen and (min-width: 1200px) {

  .our-performance {

    padding: 90px 0;

  }

}

@media screen and (min-width: 1400px) {

  .our-performance {

    padding: 120px 0;

  }

}

.our-performance .section-title {

  font-weight: 300;

  font-size: 28px;

  color: #003764;

  text-align: center;

  margin-bottom: 30px;

}

@media screen and (min-width: 480px) {

  .our-performance .section-title {

    font-size: 34px;

  }

}

@media screen and (min-width: 768px) {

  .our-performance .section-title {

    font-size: 40px;

  }

}

@media screen and (min-width: 992px) {

  .our-performance .section-title {

    text-align: left;

  }

}

@media screen and (min-width: 1200px) {

  .our-performance .section-title {

    font-size: 45px;

    margin-bottom: 40px;

  }

}

.our-performance .performance-slider-nav {

  margin-bottom: 50px;

  padding-bottom: 10px;

}

@media screen and (min-width: 992px) {

  .our-performance .performance-slider-nav {

    margin-top: 60px;

  }

}

.our-performance .performance-slider-nav .slick-slide {

  text-align: center;

  color: #a3aaae;

  font-size: 20px;

  padding-bottom: 5px;

  position: relative;

}

.our-performance .performance-slider-nav .slick-slide::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  border-bottom: 2px solid #003764;

  width: 0;

  opacity: 0;

  transition: all 0.2s;

}

.our-performance .performance-slider-nav .slick-slide.slick-current, .our-performance .performance-slider-nav .slick-slide:hover {

  color: #003764;

  font-weight: 500;

  cursor : pointer;

}

.our-performance .performance-slider-nav .slick-slide.slick-current::after, .our-performance .performance-slider-nav .slick-slide:hover::after {

  opacity: 1;

  width: 100px;

  transition: all 0.2s;

}

.our-performance .performance-slider-nav::before {

  content: "";

  position: absolute;

  bottom: 10px;

  left: 0;

  width: 100%;

  border-bottom: 1px solid #d9dddf;

  z-index: -1;

}

.our-performance .performance-slider-nav .slick-arrow {

  text-indent: -9999px;

  border: 0;

  background-color: #e5e7e7;

  position: absolute;

  top: 49%;

  z-index: 1;

}

.our-performance .performance-slider-nav .slick-arrow.slick-prev {

  left: -2px;

  clip-path: polygon(100% 0, 0 50%, 100% 100%);

}

.our-performance .performance-slider-nav .slick-arrow.slick-next {

  right: 0;

  clip-path: polygon(0 0, 100% 50%, 0 100%);

}

.bg-lt-gray {

    background: #f7f7f7;

    padding-bottom: 55px;

    position: relative;

}

.bg-lt-gray .attribute{

  position: absolute;

  bottom: 10px;

  left: 20px;

  font-size: 15px;

}

.bg-lt-blue{

    background: #f3faff;

    padding-bottom: 25px;

}

.our-performance .performance-slider-navcontent .bg-title {

  background-color: #e5e7e7;

  padding: 5px;

  text-align: center;

  color: #174971;

  font-size: 22px;

  letter-spacing: 1px;

  /* margin-bottom: 60px; */

}

.our-performance .performance-slider-navcontent p {

  color: #353535;

  font-size: 12px;

  line-height: 1.2;

  min-height: 44px;

  text-align: center;

}

@media screen and (min-width: 576px) {

  .our-performance .performance-slider-navcontent p {

    font-size: 12px;

  }

}

@media screen and (min-width: 768px) {

  .our-performance .performance-slider-navcontent p {

    font-size: 12px;

  }

}

@media screen and (min-width: 992px) {

  .our-performance .performance-slider-navcontent p {

    font-size: 13px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

}

@media screen and (min-width: 1400px) {

  .our-performance .performance-slider-navcontent p {

    font-size: 15px;

  }

}

.our-performance .performance-slider-navcontent h1,  .our-performance .performance-slider-navcontent span{

  color: #174971;

  font-weight: bold;

  font-size: 38px;

}

@media screen and (min-width: 576px) {

  .our-performance .performance-slider-navcontent h1,  .our-performance .performance-slider-navcontent span.perc {

    font-size: 19px;

  }

}

@media screen and (min-width: 992px) {

  .our-performance .performance-slider-navcontent h1,  .our-performance .performance-slider-navcontent span.perc {

    font-size: 26px;

  }

}

@media screen and (min-width: 1200px) {

  .our-performance .performance-slider-navcontent h1,  .our-performance .performance-slider-navcontent span.perc {

    font-size: 38px;

  }

}

@media screen and (min-width: 1400px) {

  .our-performance .performance-slider-navcontent h1,  .our-performance .performance-slider-navcontent span.perc {

    font-size: 50px;

  }

}

.our-performance .performance-slider-navcontent h6 {

  color: #003764;

  font-size: 13px;

  font-weight: 300;

}

.our-performance .performance-slider-navcontent span{

  font-size: 20px;

}

@media screen and (min-width: 576px) {

  .our-performance .performance-slider-navcontent h6 {

    font-size: 11px;

  }

}

@media screen and (min-width: 992px) {

  .our-performance .performance-slider-navcontent h6 {

    font-size: 14px;

  }

}

@media screen and (min-width: 1400px) {

  .our-performance .performance-slider-navcontent h6 {

    font-size: 16px;

  }

}



/*--------------------------------------------------------------

# Inner Page

--------------------------------------------------------------*/

.investor-relation-page {

  padding: 30px 0;

  position: relative;

  z-index: 1;

}

@media screen and (min-width: 992px) {

  .investor-relation-page {

    padding: 40px 0;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page {

    padding: 60px 0;

  }

}

.investor-relation-page .investment-slider {

  margin-bottom: 50px;

}

@media screen and (min-width: 992px) {

  .investor-relation-page .investment-slider {

    margin-bottom: 100px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .investment-slider {

    margin-bottom: 150px;

  }

}



@media screen and (min-width: 992px) {

  .sub_page {

    padding: 40px 0;

  }

}

@media screen and (min-width: 1200px) {

  .sub_page {

    padding: 60px 0;

  }

}

/*.sub_page {

  margin-bottom: 50px;

}

@media screen and (min-width: 992px) {

  .sub_page {

    margin-bottom: 100px;

  }

}

@media screen and (min-width: 1200px) {

  .sub_page {

    margin-bottom: 150px;

  }

}*/





.investor-relation-page .section-content {

  margin-top: 20px;

  margin-bottom: 40px;

}

@media (min-width: 576px) {

  .investor-relation-page .section-content {

    margin-top: 0;

  }

}

@media screen and (min-width: 768px) {

  .investor-relation-page .section-content {

    margin-top: 15px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .section-content {

    margin-bottom: 50px;

  }

}

@media screen and (min-width: 1400px) {

  .investor-relation-page .section-content {

    margin-top: 20px;

    margin-bottom: 100px;

  }

}

/*.investor-relation-page .section-content p, .tab-content p{

  font-size: 16px;

  margin-bottom: 20px;

  color: #303030;

  line-height: 1.35;

  font-weight: 300;

}

@media screen and (min-width: 576px) {

  .investor-relation-page .section-content p, .tab-content p {

    font-size: 15px;

  }

}

@media screen and (min-width: 768px) {

  .investor-relation-page .section-content p, .tab-content p {

    font-size: 16px;

  }

}

@media screen and (min-width: 992px) {

  .investor-relation-page .section-content p, .tab-content p {

    font-size: 17px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .section-content p, .tab-content p {

    font-size: 18px;

  }

}

@media screen and (min-width: 1900px) {

  .investor-relation-page .section-content p, .tab-content p {

    font-size: 22px;

  }

}*/

.investor-relation-page .usefull-links {

  border-top: 2px solid #a2a9ad;

  border-bottom: 2px solid #a2a9ad;

  padding: 25px 0;

}

@media screen and (min-width: 992px) {

  .investor-relation-page .usefull-links {

    padding: 45px 0;

    border-top: 5px solid #a2a9ad;

    border-bottom: 5px solid #a2a9ad;

  }

}

.investor-relation-page .usefull-links h5 {

  font-size: 16px;

  color: #a3aaae;

  font-weight: 500;

  margin-bottom: 20px;

}

@media screen and (min-width: 576px) {

  .investor-relation-page .usefull-links h5 {

    font-size: 18px;

  }

}

@media screen and (min-width: 768px) {

  .investor-relation-page .usefull-links h5 {

    font-size: 20px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .usefull-links h5 {

    font-size: 22px;

    margin-bottom: 30px;

  }

}

@media screen and (min-width: 1400px) {

  .investor-relation-page .usefull-links h5 {

    font-size: 24px;

    margin-bottom: 40px;

  }

}

.investor-relation-page .subscribe-box {

  background-color: rgba(162, 169, 173, 0.25);

  padding: 30px 25px;

  margin: 20px auto;

}

@media screen and (min-width: 992px) {

  .investor-relation-page .subscribe-box {

    margin: 30px 0;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .subscribe-box {

    padding: 60px 50px;

    margin: 0;

  }

}

.investor-relation-page .subscribe-box p {

  font-size: 14px;

  margin-bottom: 25px;

  line-height: 1.4;

  color: #353535;

}

@media screen and (min-width: 576px) {

  .investor-relation-page .subscribe-box p {

    font-size: 15px;

  }

}

@media screen and (min-width: 768px) {

  .investor-relation-page .subscribe-box p {

    font-size: 16px;

  }

}

@media screen and (min-width: 992px) {

  .investor-relation-page .subscribe-box p {

    font-size: 17px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .subscribe-box p {

    font-size: 18px;

  }

}

@media screen and (min-width: 1900px) {

  .investor-relation-page .subscribe-box p {

    font-size: 22px;

  }

}

.investor-relation-page .subscribe-box h5 {

  text-align: center;

  color: #003764;

  font-weight: 500;

  font-size: 14px;

}

@media screen and (min-width: 576px) {

  .investor-relation-page .subscribe-box h5 {

    font-size: 16px;

  }

}

@media screen and (min-width: 992px) {

  .investor-relation-page .subscribe-box h5 {

    font-size: 18px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .subscribe-box h5 {

    font-size: 20px;

  }

}

@media screen and (min-width: 1900px) {

  .investor-relation-page .subscribe-box h5 {

    font-size: 22px;

  }

}

.investor-relation-page .subscribe-box button {

  background-color: #003764;

  border: 0;

  color: #fff;

  font-size: 14px;

  padding: 10px 25px;

}

@media screen and (min-width: 576px) {

  .investor-relation-page .subscribe-box button {

    font-size: 16px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .subscribe-box button {

    font-size: 18px;

    padding: 10px 35px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .subscribe-box button {

    padding: 10px 40px;

  }

}

@media screen and (min-width: 1400px) {

  .investor-relation-page .subscribe-box button {

    font-size: 20px;

  }

}

@media screen and (min-width: 1900px) {

  .investor-relation-page .subscribe-box button {

    font-size: 22px;

  }

}

.investor-relation-page .announcement {

  margin-top: 30px;

  background-color: rgba(162, 169, 173, 0.25);

  padding: 30px 25px;

  margin: 15px auto 0;

}

@media screen and (min-width: 992px) {

  .investor-relation-page .announcement {

    margin: 20px 0;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .announcement {

    padding: 60px 50px;

  }

}

@media screen and (min-width: 1400px) {

  .investor-relation-page .announcement {

    max-width: 100%;

  }

}

.investor-relation-page .announcement h5 {

  font-weight: 500;

  font-size: 14px;

  letter-spacing: 2px;

  color: #a3aaae;

  margin-bottom: 20px;

}

@media screen and (min-width: 576px) {

  .investor-relation-page .announcement h5 {

    font-size: 16px;

  }

}

@media screen and (min-width: 992px) {

  .investor-relation-page .announcement h5 {

    font-size: 18px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .announcement h5 {

    font-size: 20px;

  }

}

@media screen and (min-width: 1900px) {

  .investor-relation-page .announcement h5 {

    font-size: 22px;

  }

}

.investor-relation-page .announcement ul li {

  position: relative;

  padding-right: 15px;

}

.investor-relation-page .announcement ul li a {

  display: block;

  font-weight: 500;

  font-size: 14px;

  color: #a3aaae;

  line-height: 1.2;

  transition: all 0.3s ease-out 0s;

}

@media screen and (min-width: 768px) {

  .investor-relation-page .announcement ul li a {

    font-size: 16px;

  }

}

@media screen and (min-width: 1200px) {

  .investor-relation-page .announcement ul li a {

    font-size: 20px;

  }

}

.investor-relation-page .announcement ul li a:hover {

  color: #353535;

}

.investor-relation-page .announcement ul li + li {

  margin-top: 15px;

}

.investor-relation-page .announcement ul li::after {

  content: "";

  position: absolute;

  right: 0;

  top: 4px;

  width: 10px;

  height: 10px;

  border-bottom: 2px solid #a3aaae;

  border-right: 2px solid #a3aaae;

  transform: rotate(45deg);

}



.inverstor-rel .main-title {

  color: #003764;

  font-size: 28px;

  margin-bottom: 15px;

}

.sub{

    color: #003764;

    font-weight: 500;

}

    

@media screen and (min-width: 768px) {

  .inverstor-rel .main-title {

    font-size: 32px;

    margin-bottom: 20px;

  }

}

@media screen and (min-width: 992px) {

  .inverstor-rel .main-title {

    font-size: 38px;

    margin-bottom: 30px;

  }

}

.inverstor-rel.corporate-gov .main-content {

  margin: 30px 0;

}

@media screen and (min-width: 992px) {

  .inverstor-rel.corporate-gov .main-content {

    margin: 40px 0;

  }

}

@media screen and (min-width: 1200px) {

  .inverstor-rel.corporate-gov .main-content {

    margin: 60px 0;

  }

}





.inverstor-rel.corporate-gov .main-content .corporate-gov-content p {

  font-size: 16px;

  color: #303030;

  letter-spacing: 0.5px;

  line-height: 1.5;

  font-weight: 300;

}

@media screen and (min-width: 992px) {

  .inverstor-rel.corporate-gov .main-content .corporate-gov-content p {

    font-size: 18px;

  }

}

.inverstor-rel.corporate-gov .main-content .corporate-gov-content p + p {

  margin-top: 20px;

}

.inverstor-rel.corporate-gov .main-content .right-block {

  background-color: #edeeef;

  padding: 20px 20px;

}

@media screen and (min-width: 768px) {

  .inverstor-rel.corporate-gov .main-content .right-block {

    padding: 30px 35px;

  }

}

@media screen and (min-width: 1400px) {

  .inverstor-rel.corporate-gov .main-content .right-block {

    padding: 30px 50px;

  }

}

.inverstor-rel.corporate-gov .main-content .right-block ul li {

  margin: 10px 0;

}

@media screen and (min-width: 1200px) {

  .inverstor-rel.corporate-gov .main-content .right-block ul li {

    margin: 15px 0;

  }

}

@media screen and (min-width: 1400px) {

  .inverstor-rel.corporate-gov .main-content .right-block ul li {

    margin: 20px 0;

  }

}

@media screen and (min-width: 1900px) {

  .inverstor-rel.corporate-gov .main-content .right-block ul li {

    margin: 24px 0;

  }

}

.inverstor-rel.corporate-gov .main-content .right-block ul li a {

  text-transform: capitalize;

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: #a3aaae;

  font-size: 14px;

  padding: 3px 0;

  transition: all 0.2s;

}

@media screen and (min-width: 576px) {

  .inverstor-rel.corporate-gov .main-content .right-block ul li a {

    font-size: 16px;

  }

}

@media screen and (min-width: 768px) {

  .inverstor-rel.corporate-gov .main-content .right-block ul li a {

    font-size: 18px;

  }

}

.inverstor-rel.corporate-gov .main-content .right-block ul li a img {

  width: 20px;

  opacity: 0.3;

  transition: all 0.2s;

}

.inverstor-rel.corporate-gov .main-content .right-block ul li a:hover {

  color: #003764;

  text-shadow: 0 0 1.5px #003764;

}

.inverstor-rel.corporate-gov .main-content .right-block ul li a:hover img {

  opacity: 1;

}

.inverstor-rel.corporate-gov .corporate-gov-tab {

  background-color: rgba(163, 170, 174, 0.1);

  margin: 80px 0;

  padding: 40px 0 80px;

}

@media screen and (min-width: 1200px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab {

    margin: 100px 0;

    padding: 80px 0;

  }

}

.inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs {

  overflow: hidden;

  border-bottom: 1px solid #dadddf;

  margin-bottom: 40px;

  gap: 10px;

}

@media screen and (min-width: 576px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs {

    gap: 20px;

  }

}

@media screen and (min-width: 992px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs {

    gap: 10px;

    align-items: flex-end;

  }

}

@media screen and (min-width: 1200px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs {

    margin-bottom: 80px;

  }

}

.inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-item {

  width: calc(50% - 5px);

}

@media screen and (min-width: 576px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-item {

    width: calc(50% - 10px);

  }

}

@media screen and (min-width: 768px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-item {

    width: calc(25% - 15px);

  }

}

@media screen and (min-width: 992px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-item {

    width: calc(15% - 16px);

  }

}

@media screen and (min-width: 1200px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-item {

    /* width: auto;

    max-width: 170px;

    flex: 1; */

    width: 24%;

  }

}

@media screen and (min-width: 1400px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-item {

    max-width: inherit;

  }

}

.inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-link {

  background-color: transparent;

  border-radius: 0;

  border: 0;

  color: #a3aaae;

  line-height: 1.2;

  padding: 0 0 5px;

  font-size: 16px;

  margin: 0;

  margin-bottom: 15px;

  text-align: left !important;

}

@media screen and (min-width: 1200px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-link {

    text-align: center;

    font-size: 17px;

  }

}

@media screen and (min-width: 1400px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-link {

    font-size: 18px;

  }

}

.inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-link.active {

  color: #003764;

  text-shadow: 0px 0px 1px #003764;

}

.inverstor-rel.corporate-gov .corporate-gov-tab .tab-content p {

  font-size: 16px;

  color: #303030;

  font-weight: 300;

  letter-spacing: 0.5px;

  line-height: 1.5;

}

@media screen and (min-width: 992px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .tab-content p {

    font-size: 18px;

  }

}

.inverstor-rel.corporate-gov .corporate-gov-tab .tab-content p + p {

  margin-top: 20px;

}

.inverstor-rel.corporate-gov .corporate-gov-tab .tab-content ul {

  margin: 15px 0;

}

.inverstor-rel.corporate-gov .corporate-gov-tab .tab-content ul li {

  font-size: 16px;

  color: #303030;

  font-weight: 300;

  letter-spacing: 0.5px;

  line-height: 24px;

  position: relative;

}

@media screen and (min-width: 992px) {

  .inverstor-rel.corporate-gov .corporate-gov-tab .tab-content ul li {

    font-size: 18px;

  }

}

.inverstor-rel.corporate-gov .corporate-gov-tab .tab-content ul li::before {

  content: "•";

  font-weight: 900;

  font-size: 22px;

  margin-right: 10px;

  top: 1px;

  position: relative;

}

.inverstor-rel.corporate-gov .download-reports {

  margin: 50px 0;

}

@media screen and (min-width: 992px) {

  .inverstor-rel.corporate-gov .download-reports {

    margin: 80px 0;

  }

}

@media screen and (min-width: 1200px) {

  .inverstor-rel.corporate-gov .download-reports {

    margin: 100px 0;

  }

}

.inverstor-rel.corporate-gov .download-reports h5 {

  font-size: 18px;

  color: #a3aaae;

  font-weight: 500;

  margin-bottom: 10px;

}

@media screen and (max-width: 767px) {

  .inverstor-rel.corporate-gov .download-reports h5 {

    margin-top: 50px;

  }

}

@media screen and (min-width: 576px) {

  .inverstor-rel.corporate-gov .download-reports h5 {

    font-size: 20px;

    margin-bottom: 15px;

  }

}

@media screen and (min-width: 1400px) {

  .inverstor-rel.corporate-gov .download-reports h5 {

    font-size: 22px;

    margin-bottom: 25px;

  }

}

@media screen and (min-width: 1900px) {

  .inverstor-rel.corporate-gov .download-reports h5 {

    font-size: 24px;

  }

}

.inverstor-rel.corporate-gov .download-reports .reports-download::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  background-color: #003764;

  top: 50%;

  transform: translateY(-50%);

}

.inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide {

  height: 65px;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

}

.desctext{

    line-height: 1.5 rem;

}

@media screen and (min-width: 576px) {

  .inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide {

    height: 70px;

  }

}

@media screen and (min-width: 992px) {

  .inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide {

    height: 90px;

  }

}

.inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide a {

  display: flex;

  flex-direction: column;

  font-size: 14px;

  color: #a3aaae;

  font-weight: 500;

  transition: all 0.3s;

  position: relative;

  top: 40px;

}

@media screen and (min-width: 992px) {

  .inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide a {

    font-size: 16px;

    top: 50px;

  }

}

@media screen and (min-width: 1400px) {

  .inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide a {

    font-size: 18px;

  }

}

.inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide a img {

  width: 20px;

  height: 0;

}

@media screen and (min-width: 1400px) {

  .inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide a img {

    width: 24px;

  }

}

.inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background-color: #003764;

  border: 1px solid #003764;

  transform: translate(-50%, -50%);

  transition: all 0.3s ease;

  z-index: -1;

}

.inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide:hover::before {

  width: 60px;

  height: 60px;

  background-color: #ededef;

}

@media screen and (min-width: 992px) {

  .inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide:hover::before {

    width: 70px;

    height: 70px;

  }

}

@media screen and (min-width: 1400px) {

  .inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide:hover::before {

    width: 85px;

    height: 85px;

  }

}

.inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide:hover a {

  color: #003764;

  top: 0;

  width: 85px;

    height: 85px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.inverstor-rel.corporate-gov .download-reports .reports-download .swiper-slide:hover a img {

  height: auto;

}

.inverstor-rel.financial-statement {

  margin: 60px 0;

}

.desctext{

    line-height: 1.5 rem;

}

@media screen and (min-width: 992px) {

  .inverstor-rel.financial-statement {

    margin: 80px 0;

  }

}

@media screen and (min-width: 1200px) {

  .inverstor-rel.financial-statement {

    margin: 100px 0;

  }

}

@media screen and (max-width: 575px) {

  .inverstor-rel.financial-statement .nav-tabs, .sub_page .nav-tabs{

    flex-direction: column;

  }

}

@media screen and (min-width: 576px) {

  .inverstor-rel.financial-statement .nav-tabs, .sub_page .nav-tabs {

    gap: 10px;

  }

}

@media screen and (min-width: 768px) {

  .inverstor-rel.financial-statement .nav-tabs, .sub_page .nav-tabs {

    gap: 10px 20px;

  }

}

@media screen and (min-width: 992px) {

  .inverstor-rel.financial-statement .nav-tabs, .sub_page .nav-tabs {

    gap: 0;

    justify-content: space-between;

  }

}

@media (min-width: 576px) and (max-width: 767px) {

  .inverstor-rel.financial-statement .nav-tabs .nav-item, .sub_page .nav-tabs .nav-item{

    width: calc(50% - 10px);

  }

}

.inverstor-rel.financial-statement .nav-tabs .nav-link, .sub_page .nav-tabs .nav-link{

  border: 0;

  background-color: transparent;

  margin: 0;

  padding: 0;

  color: #a3aaae;

  font-size: 16px;

  /* text-transform: capitalize; */

}

ul.dropdown-menu li.no-cap a {

    text-transform: initial;

}

.sub_page .nav-tabs .nav-item{

    

} 

.form-row{

    margin-bottom: 2em;

}

.form-control {

    /* min-height: 50px; */

    border-radius: 0;

}

.tab-content {

    /* margin: 35px 0; */

}

.ex-client .wpcf7-submit {

    display: block;

    margin-left: auto;

    background: #003764;

    border: none;

    color: #fff;

    padding: 10px;

    width: 150px;

    text-transform: uppercase;

}

@media screen and (min-width: 1200px) {

  .inverstor-rel.financial-statement .nav-tabs .nav-link, .sub_page .nav-tabs .nav-link {

    font-size: 18px;

  }

}

@media screen and (min-width: 1400px) {

  .inverstor-rel.financial-statement .nav-tabs .nav-link, .sub_page .nav-tabs .nav-link {

    font-size: 20px;

  }

}

.inverstor-rel.financial-statement .nav-tabs .nav-link.active, .sub_page .nav-tabs .nav-link.active {

  color: #003764;

  text-shadow: 0 0 1px #003764;

}

.inverstor-rel.financial-statement .tab-content .table-responsive,.tab-content .table-responsive {

  margin: 20px 0;

}

@media screen and (min-width: 768px) {

  .inverstor-rel.financial-statement .tab-content .table-responsive, .tab-content .table-responsive {

    margin: 30px 0;

  }

}

@media screen and (min-width: 1200px) {

  .inverstor-rel.financial-statement .tab-content .table-responsive, .tab-content .table-responsive {

    margin: 50px 0;

  }

}

.table thead td {

  font-size: 20px;

  padding: 10px 15px;

  border-width: 5px !important;

  text-transform: capitalize;

  border-color: #fff !important;

}

table thead th {

  background-color: #b6b6b6;

  /* background-color: #feb600; */

  color: #303030;

  font-size: 20px;

  font-size: 16px;

  border-color: #fff;

  padding: 10px 15px;

  border-width: 5px;

}

@media screen and (min-width: 1200px) {

  table thead th {

    font-size: 18px;

  }

}

@media screen and (min-width: 1400px) {

  table thead th {

    font-size: 20px;

  }

}

table thead th:not(:first-child) {

  text-align: right;

}

 table tbody td {

  background-color: rgba(237, 237, 239, 0.5);

  border-width: 5px !important;

  border-color: #fff !important;

  padding: 10px 15px !important;

  font-size: 16px ;

  /*line-height: 1 !important;*/

  height: 65px !important;

}

@media screen and (min-width: 1200px) {

  table tbody td {

    font-size: 18px;

  }

}

@media screen and (min-width: 1400px) {

  table tbody td {

    font-size: 20px;

    padding: 10px 15px !important;

  }

}

table tbody td:not(:first-child) {

  text-align: right;

}

table tbody td:first-child {

  max-width: 230px;

  min-width: 230px;

}

table tbody th + th{

    text-align: right;

}

table tbody th {

    background-color: #b6b6b6 !important;

    /* background-color: #feb600; */

    color: #303030;

    font-size: 20px;

    font-size: 16px;

    border-color: #fff;

    padding: 10px 15px !important;

    border-width: 5px !important;

    text-transform: uppercase;

}

@media screen and (min-width: 1200px)

{

    table tbody th {

        font-size: 18px;

    }

}

@media screen and (min-width: 1400px)

{

    table tbody th {

        font-size: 20px;

    }

}





.team {

  margin: 60px 0;

  overflow: hidden;

  padding-bottom: 10px;

}

.team .team-grid .team-item:hover {

    background-color: #f7f7f7;

}

@media screen and (min-width: 992px) {

  .team {

    margin: 80px 0;

  }

}

@media screen and (min-width: 1200px) {

  .team {

    margin: 100px 0;

  }

}

.team .main-title {

  color: #003764;

  font-size: 28px;

  margin-bottom: 30px;

}

@media screen and (min-width: 768px) {

  .team .main-title {

    font-size: 32px;

    margin-bottom: 40px;

  }

}

@media screen and (min-width: 992px) {

  .team .main-title {

    font-size: 38px;

  }

}

.team p {

  font-size: 16px;

  line-height: 1.5;

  color: #303030;

}

@media screen and (min-width: 992px) {

  .team p {

    font-size: 18px;

  }

}

.team .team-grid {

  display: grid;

  grid-template-columns: repeat(1, 1fr);

  gap: 30px 30px;

}

@media screen and (min-width: 576px) {

  .team .team-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media screen and (min-width: 768px) {

  .team .team-grid {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media screen and (min-width: 1200px) {

  .team .team-grid {

    grid-template-columns: repeat(3, 1fr);

    gap: 50px 25px;

  }

}

@media screen and (min-width: 1400px) {

  .team .team-grid {

    gap: 75px 85px;

  }

}

@media screen and (min-width: 1900px) {

  .team .team-grid {

    gap: 75px 170px;

  }

}

.team .team-grid .team-item {

  max-width: 270px;

  width: 100%;

  margin: 0 auto;

  transition: all .3s;

  box-shadow: 1px 2px 16px 0 #eaeaea;

    padding: 12px;

    margin-left: 5px !important;

}

.team .team-grid .team-item:hover{

    box-shadow: 1px 2px 13px 0 rgb(234 234 234);

    transition: all .3s;

}

@media screen and (min-width: 768px) {

  .team .team-grid .team-item {

    margin: 0;

  }

}

.team .team-grid .team-item .thumbnail {

  height: 280px;

  background-color: #a1a7ad;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  border-radius: 10px;

}

.team .team-grid .team-item .thumbnail a{

  height: 100%;

  width: 100%;

}

.team .team-grid .team-item .thumbnail img {

  height: 100%;

    object-fit: cover;

    width: 100%;

    transition: all .3s;

    object-position: top;

}

.team .team-grid .team-item:hover .thumbnail img{

    transform: scale(1.10);

    transition: all .3s;

}

@media screen and (min-width: 576px) {

  .team .team-grid .team-item:nth-child(1) {

    grid-column: 1/3;

  }

}

@media screen and (min-width: 768px) {

  .team .team-grid .team-item:nth-child(1) {

    grid-column: 1/4;

  }

}

@media screen and (min-width: 1200px) {

  .team .team-grid .team-item:nth-child(1) {

    grid-column: 1/4;

  }

}

.team .team-grid .team-item .name-designation {

  padding-top: 15px;

}

.team .team-grid .team-item .name-designation .name {

  font-size: 21px;

  letter-spacing: 0.5px;

  line-height: 30px;

  color: #003764;

  font-weight: 500;

  /* margin-bottom: 8px; */

}

.team .team-grid .team-item .name-designation p {

  font-size: 18px;

  color: #303030;

  line-height: 1.2;

  padding: 0 5px;

  text-align: center;

  margin-bottom: 5px;

  margin-top: 2px;

}



@media screen and (min-width: 992px) {

  .team-member-popup .modal-lg {

    max-width: 720px;

  }

}

@media screen and (min-width: 1200px) {

  .team-member-popup .modal-lg {

    max-width: 910px;

  }

}

.team-member-popup .modal-body .image {

  max-width: 200px;

  margin: 0 auto;

}

@media screen and (min-width: 1200px) {

  .team-member-popup .modal-body .image {

    max-width: 300px;

  }

}

.team-member-popup .modal-body .about-self,.what_we_offer .modal-content {

  padding: 1rem 0;

}

@media screen and (min-width: 768px) {

  .team-member-popup .modal-body .about-self,.what_we_offer .modal-content {

    padding: 1.5rem 1rem;

  }

}

@media screen and (min-width: 992px) {

  .team-member-popup .modal-body .about-self,.what_we_offer .modal-content {

    padding: 1.85rem 3rem;

  }

}

@media screen and (min-width: 1200px) {

  .team-member-popup .modal-body .about-self,.what_we_offer .modal-content {

    padding: 1.85rem 4.375rem;

  }

}

.what_we_offer .image {

    height: 300px;

    overflow: hidden;

    border: 1px solid #f1f1f1;

    background-color: #f1f1f1;

}

.what_we_offer.equity_portfolios .image{

    background-color: #ffffff;

    display: flex;

    align-items: center;

    justify-content: center;

}

.what_we_offer .image img{

    height: 100%;

    margin: auto;

    display: block;

}

.what_we_offer.equity_portfolios .image img{

    max-width: 500px;

    max-height: 220px;

    height: auto;

}



body.page-id-1185 .sub_page,

body.page-id-1187 .sub_page{

  padding-bottom: 0;

}



.team-member-popup .modal-body .about-self p {

  font-size: 15px;

  line-height: 1.5;

  color: #303030;

  letter-spacing: 0.5px;

}

@media screen and (min-width: 992px) {

  .team-member-popup .modal-body .about-self p {

    font-size: 16px;

  }

}

@media screen and (min-width: 1200px) {

  .team-member-popup .modal-body .about-self p {

    font-size: 18px;

  }

}

.team-member-popup .modal-body .about-self p strong {

  color: #003764;

}

.team-member-popup .modal-body .about-self p + p {

  margin-top: 20px;

}



.news-wrapper {

  padding: 60px 0px;

  overflow: hidden;

}

@media screen and (min-width: 992px) {

  

}

@media screen and (min-width: 1200px) {

  

}

.news-wrapper .main-title {

  color: #003764;

  font-size: 28px;

  margin-bottom: 30px;

}

@media screen and (min-width: 768px) {

  .news-wrapper .main-title {

    font-size: 32px;

    margin-bottom: 40px;

  }

}

@media screen and (min-width: 992px) {

  .news-wrapper .main-title {

    font-size: 38px;

  }

}

.news-wrapper p {

  font-size: 16px;

  line-height: 1.5;

  color: #303030;

}

@media screen and (min-width: 992px) {

  .news-wrapper p {

    font-size: 18px;

  }

}

.news-wrapper .mail-link {

  color: #003764;

  font-weight: bold;

}

.news-wrapper .nav-tabs {

  border: 0;

  flex-wrap: inherit;

}

.news-wrapper .news-by-year {

  margin: 20px 0 40px;

}

@media screen and (min-width: 1200px) {

  .news-wrapper .news-by-year {

    margin: 20px 0 100px;

  }

}

.news-wrapper .news-by-year::before {

  /* content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  background-color: #003764;

  top: 50%;

  transform: translateY(-50%); */

  content: "";

    width: 93%;

    position: absolute;

    height: 2px;

    background-color: #003764;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.news-wrapper .news-by-year .swiper-slide {

  height: 65px;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

}

@media screen and (min-width: 576px) {

  .news-wrapper .news-by-year .swiper-slide {

    height: 70px;

  }

}

@media screen and (min-width: 992px) {

  .news-wrapper .news-by-year .swiper-slide {

    height: 90px;

  }

}

.news-wrapper .news-by-year .swiper-slide a {

  display: flex;

  flex-direction: column;

  font-size: 14px;

  color: #a3aaae;

  font-weight: 500;

  transition: all 0.3s;

  position: relative;

  top: 28px;

}

@media screen and (min-width: 992px) {

  .news-wrapper .news-by-year .swiper-slide a {

    font-size: 16px;

  }

}

@media screen and (min-width: 1200px) {

  .news-wrapper .news-by-year .swiper-slide a {

    top: 40px;

  }

}

@media screen and (min-width: 1400px) {

  .news-wrapper .news-by-year .swiper-slide a {

    font-size: 18px;

  }

}

.news-wrapper .news-by-year .swiper-slide a img {

  width: 20px;

  height: 0;

}

@media screen and (min-width: 1400px) {

  .news-wrapper .news-by-year .swiper-slide a img {

    width: 24px;

  }

}

.news-wrapper .news-by-year .swiper-slide::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background-color: #003764;

  border: 1px solid #003764;

  transform: translate(-50%, -50%);

  transition: all 0.3s ease;

  z-index: -1;

}

.news-wrapper .news-by-year .swiper-slide:hover::before {

  width: 60px;

  height: 60px;

  background-color: #ededef;

}

@media screen and (min-width: 992px) {

  .news-wrapper .news-by-year .swiper-slide:hover::before {

    width: 70px;

    height: 70px;

  }

}

@media screen and (min-width: 1400px) {

  .news-wrapper .news-by-year .swiper-slide:hover::before {

    width: 85px;

    height: 85px;

  }

}

.news-wrapper .news-by-year .swiper-slide:hover a {

  color: #003764;

  top: 0;

  width: 85px;

  height: 85px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

}

.news-wrapper .news-by-year .swiper-slide:hover a img {

  height: auto;

}

.news-wrapper .news-item-wrapper {

  display: grid;

  grid-template-columns: repeat(1, 1fr);

  gap: 50px;

}

@media screen and (min-width: 992px) {

  .news-wrapper .news-item-wrapper {

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

  }

}

@media screen and (min-width: 1200px) {

  .news-wrapper .news-item-wrapper {

    gap: 40px 30px;

  }

}

@media screen and (min-width: 1200px) {

  .news-wrapper .news-item-wrapper {

    gap: 40px 30px;

  }

}

@media screen and (min-width: 1400px) {

  .news-wrapper .news-item-wrapper {

    gap: 50px 50px;

  }

}

.news-wrapper .news-item-wrapper .news-item .thumbnail {

  overflow: hidden;

}

@media screen and (max-width: 575px) {

  .news-wrapper .news-item-wrapper .news-item .thumbnail {

    margin-bottom: 10px;

  }

}

.news-wrapper .news-item-wrapper .news-item .thumbnail img {

  transition: all 0.3s;

  width: 100%;

  height: 300px;

  object-fit: contain;

  cursor: pointer;

    object-position: top;

}



@media (min-width: 768px) and (max-width: 991px) {

  .news-wrapper .news-item-wrapper .news-item .thumbnail img {

    /*height: 250px;*/

  }

}

@media screen and (min-width: 1400px) {

  .news-wrapper .news-item-wrapper .news-item .thumbnail img {

    /*height: 260px;*/

  }

}

.news-wrapper .news-item-wrapper .news-item .details .date {

  font-size: 18px;

  letter-spacing: 1px;

  color: #303030;

  font-weight: 500;

  margin-bottom: 5px;

}

.news-wrapper .news-item-wrapper .news-item .details .news-title {

  font-size: 20px;

  color: #003764;

  font-weight: 700;

  line-height: 1.2;

  margin-bottom: 10px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .news-wrapper .news-item-wrapper .news-item .details .news-title {

    -webkit-line-clamp: 5;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }

}

.news-wrapper .news-item-wrapper .news-item .details .desc p {

  -webkit-line-clamp: 3;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

  margin-bottom: 10px;

  font-size: 16px;

}

@media screen and (min-width: 992px) {

  .news-wrapper .news-item-wrapper .news-item .details .desc p {

    font-size: 18px;

  }

}

.news-wrapper .news-item-wrapper .news-item .details .desc a {

  color: #00748d;

  font-size: 16px;

  font-weight: 500;

  line-height: 16px;

    display: flex;

    align-items: center;

}

.news-wrapper .news-item-wrapper .news-item .details .desc a.btn_link ._icon{

    margin-left: 6px;

}

body.rtl .news-wrapper .news-item-wrapper .news-item .details .desc a.btn_link ._icon{

    margin-left: 0; margin-right: 6px;

}



.news-wrapper .news-item-wrapper .news-item:hover .thumbnail img {

  transform: scale(1.1);

}

.news-wrapper .pagination-wrapper {

  margin-top: 50px;

}

@media screen and (min-width: 992px) {

  .news-wrapper .pagination-wrapper {

    margin-top: 80px;

  }

}

@media screen and (min-width: 1200px) {

  .news-wrapper .pagination-wrapper {

    margin-top: 100px;

  }

}

.news-wrapper .pagination-wrapper .pagination {

  gap: 10px;

}

.news-wrapper .pagination-wrapper .page-item .page-link {

  border: 0;

  background-color: #003764;

  color: #fff;

  width: 50px;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 16px;

  font-weight: 500;

  border-radius: 0;

}

@media screen and (min-width: 992px) {

  .news-wrapper .pagination-wrapper .page-item .page-link {

    width: 70px;

    height: 70px;

    font-size: 20px;

  }

}

.news-wrapper .pagination-wrapper .page-item .page-link:focus {

  outline: 0;

  box-shadow: none;

}



.private-equity {

  margin: 60px 0;

}

@media screen and (min-width: 992px) {

  .private-equity {

    margin: 80px 0;

  }

}

@media screen and (min-width: 1200px) {

  .private-equity {

    margin: 100px 0;

  }

}

.private-equity .main-title {

  color: #003764;

  font-size: 28px;

  margin-bottom: 30px;

}

@media screen and (min-width: 768px) {

  .private-equity .main-title {

    font-size: 32px;

    margin-bottom: 40px;

  }

}

@media screen and (min-width: 992px) {

  .private-equity .main-title {

    font-size: 38px;

  }

}

.private-equity .intro {

  margin: 40px 0;

}

.private-equity .intro h5 {

  font-size: 22px;

  line-height: 1.5;

  color: #303030;

  margin-bottom: 15px;

}

.private-equity .intro p {

  font-size: 16px;

  line-height: 1.5;

  color: #303030;

}

@media screen and (min-width: 992px) {

  .private-equity .intro p {

    font-size: 18px;

  }

}

.private-equity .equity-logo-slider {

  background-color: #ededef;

  padding: 40px 0;

  overflow: hidden;

}

.private-equity .equity-logo-slider .logo-slider {

  margin-bottom: 40px;

}

@media screen and (min-width: 992px) {

  .private-equity .equity-logo-slider .logo-slider {

    margin-bottom: 60px;

  }

}

@media screen and (min-width: 1200px) {

  .private-equity .equity-logo-slider .logo-slider {

    margin-bottom: 80px;

  }

}

.private-equity .equity-logo-slider .logo-slider .slide-item {

  height: 100px;

  display: flex !important;

  align-items: center;

  justify-content: center;

}

@media screen and (min-width: 768px) {

  .private-equity .equity-logo-slider .logo-slider .slide-item {

    height: 150px;

  }

}

@media screen and (min-width: 992px) {

  .private-equity .equity-logo-slider .logo-slider .slide-item {

    height: 200px;

  }

}

.private-equity .equity-logo-slider .logo-slider .slide-item img {

  width: 100px;

}

@media screen and (min-width: 992px) {

  .private-equity .equity-logo-slider .logo-slider .slide-item img {

    width: auto;

  }

}

.private-equity .equity-logo-slider .logo-slider .slick-arrow {

  background-color: transparent;

  border: 0;

  text-indent: -9999px;

  width: 20px;

  height: 20px;

  position: absolute;

  top: 50%;

}

.private-equity .equity-logo-slider .logo-slider .slick-arrow.slick-prev {

  border-left: 1px solid #000;

  border-top: 1px solid #000;

  transform: rotate(-45deg) translateY(-50%);

  left: 0;

}

.private-equity .equity-logo-slider .logo-slider .slick-arrow.slick-next {

  border-right: 1px solid #000;

  border-top: 1px solid #000;

  transform: rotate(45deg) translateY(-50%);

  right: 0;

}

.private-equity .equity-logo-slider .text-with-image {

  margin-top: 40px;

  margin-bottom: 40px;

}

@media screen and (max-width: 991px) {

  .private-equity .equity-logo-slider .text-with-image .text-content {

    margin-top: 40px;

  }

}

@media screen and (min-width: 1400px) {

  .private-equity .equity-logo-slider .text-with-image .text-content {

    padding-left: 80px;

  }

}

.private-equity .equity-logo-slider .text-with-image .text-content h4 {

  color: #003764;

  font-size: 22px;

  line-height: 1.5;

  font-weight: 700;

  margin-bottom: 15px;

}

.private-equity .equity-logo-slider .text-with-image .text-content p {

  font-size: 16px;

  line-height: 1.5;

  color: #303030;

  margin-bottom: 20px;

}

@media screen and (min-width: 992px) {

  .private-equity .equity-logo-slider .text-with-image .text-content p {

    font-size: 18px;

  }

}

.private-equity .equity-logo-slider .text-with-image .text-content li {

  font-size: 16px;

  line-height: 1.5;

  color: #303030;

}

@media screen and (min-width: 992px) {

  .private-equity .equity-logo-slider .text-with-image .text-content li {

    font-size: 18px;

  }

}

.private-equity .equity-logo-slider .text-with-image .text-content li strong {

  font-weight: 500;

}

.private-equity .equity-logo-slider .text-with-image .text-content li span {

  color: #003764;

  font-weight: 700;

}

.private-equity .bottom-content {

  margin: 60px 0;

}

@media screen and (min-width: 992px) {

  .private-equity .bottom-content {

    margin: 80px 0;

  }

}

@media screen and (min-width: 1200px) {

  .private-equity .bottom-content {

    margin: 100px 0;

  }

}

.private-equity .bottom-content h4 {

  margin-bottom: 15px;

  font-size: 22px;

}

.private-equity .bottom-content p {

  font-size: 16px;

  line-height: 1.5;

  color: #303030;

}

@media screen and (min-width: 992px) {

  .private-equity .bottom-content p {

    font-size: 18px;

  }

}

.private-equity .bottom-content p + p {

  margin-top: 20px;

}

.private-equity .bottom-content .related-news {

  margin-left: auto;

  padding: 30px 20px;

  background-color: rgba(237, 237, 239, 0.5);

}

@media screen and (min-width: 768px) {

  .private-equity .bottom-content .related-news {

    max-width: 425px;

  }

}

@media screen and (min-width: 1200px) {

  .private-equity .bottom-content .related-news {

    padding: 30px 40px;

    max-width: 480px;

  }

}

@media screen and (min-width: 1400px) {

  .private-equity .bottom-content .related-news {

    max-width: 560px;

  }

}

@media screen and (min-width: 1900px) {

  .private-equity .bottom-content .related-news {

    max-width: 670px;

  }

}

.private-equity .bottom-content .related-news ul li {

  font-size: 18px;

  line-height: 1.5;

}

.private-equity .bottom-content .related-news ul li a {

  color: #a3aaae;

  transition: all 0.3s;

}

.private-equity .bottom-content .related-news ul li a:hover {

  color: #003764;

  text-shadow: 0 0 1px #003764;

}

.private-equity .bottom-content .related-news ul li + li {

  margin-top: 15px;

}



.investment-management .main-title,.sub_page .main-title {

  color: #003764;

  font-size: 28px;

  margin-bottom: 30px;

  /* text-transform: uppercase; */

}

@media screen and (min-width: 768px) {

  .investment-management .main-title,.sub_page .main-title {

    font-size: 32px;

    margin-bottom: 40px;

  }

}

@media screen and (min-width: 992px) {

  .investment-management .main-title,.sub_page .main-title {

    font-size: 38px;

    margin-bottom: 60px;

  }

}



.investment-management .main-content {

  margin: 30px 0;

}

@media screen and (min-width: 992px) {

  .investment-management .main-content {

    margin: 40px 0;

  }

}

@media screen and (min-width: 1200px) {

  .investment-management .main-content {

    margin: 60px 0;

  }

}

.investment-management .main-content h5, .sub_page h5{

  margin-bottom: 10px;

  font-size: 22px;

  text-transform: capitalize;

  color: #003764;

    font-weight: 500;

}

.sub_page h5{

    margin-top: 25px

}

.investment-management .main-content p {

  font-size: 16px;

  line-height: 1.5;

  color: #303030;

  margin-bottom: 25px;

}

@media screen and (min-width: 992px) {

  .investment-management .main-content p {

    font-size: 18px;

  }

}

.investment-management .main-content ul {

  margin: 25px 0;

}

.investment-management .main-content ul li {

  font-size: 16px;

  line-height: 1.5;

  color: #303030;

}

@media screen and (min-width: 992px) {

  .investment-management .main-content ul li {

    font-size: 18px;

  }

}

.investment-management .main-content ul li + li {

  margin-top: 5px;

}

.investment-management .heighlight-numbers {

  /* margin: 75px 0; */

  margin-bottom: 30px;

}

@media screen and (min-width: 1200px) {

  .investment-management .heighlight-numbers {

    /* margin: 100px 0; */

    margin-bottom: 40px;

  }

}

@media screen and (min-width: 1200px) {

  .investment-management .heighlight-numbers {

    /* margin: 150px 0; */

    margin-bottom: 60px;

  }

}

.investment-management .heighlight-numbers .main-title {

  color: #003764;

  font-size: 28px;

  margin-bottom: 20px;

}

@media screen and (min-width: 768px) {

  .investment-management .heighlight-numbers .main-title {

    font-size: 32px;

  }

}

@media screen and (min-width: 992px) {

  .investment-management .heighlight-numbers .main-title {

    font-size: 38px;

  }

}

.investment-management .heighlight-numbers .fun-facts {

  /* background-color: rgba(237, 237, 239, 0.5); */

}

.investment-management .heighlight-numbers .fun-facts .fact-item {

  padding: 20px 0;

}

@media screen and (min-width: 768px) {

  .investment-management .heighlight-numbers .fun-facts .fact-item {

    padding: 25px 0;

  }

}

@media screen and (min-width: 992px) {

  .investment-management .heighlight-numbers .fun-facts .fact-item {

    padding: 32px 0;

  }

}

.investment-management .heighlight-numbers .fun-facts .fact-item .counter {

  font-size: 50px;

  color: #003764;

  font-weight: 800;

  line-height: 1;

}

@media screen and (min-width: 768px) {

  .investment-management .heighlight-numbers .fun-facts .fact-item .counter {

    font-size: 19px;

  }

}

@media screen and (min-width: 992px) {

  .investment-management .heighlight-numbers .fun-facts .fact-item .counter {

    font-size: 26px;

  }

}

@media screen and (min-width: 1200px) {

  .investment-management .heighlight-numbers .fun-facts .fact-item .counter {

    font-size: 38px;

  }

}

@media screen and (min-width: 1400px) {

  .investment-management .heighlight-numbers .fun-facts .fact-item .counter {

    font-size: 50px;

  }

}

.investment-management .heighlight-numbers .fun-facts .fact-item .counter::after {

  content: attr(data-after);

}

.investment-management .heighlight-numbers .fun-facts .fact-item p {

  /* font-size: 18px; */

  letter-spacing: 1px;

  line-height: 1.2;

  color: #003764;

  font-weight: 300;

  text-align: center;

}

@media screen and (min-width: 576) {

  .investment-management .heighlight-numbers .fun-facts .fact-item p {

    font-size: 11px;

  }

}

@media screen and (min-width: 992px) {

  .investment-management .heighlight-numbers .fun-facts .fact-item p {

    font-size: 14px;

  }

}

@media screen and (min-width: 1200px) {

  .investment-management .heighlight-numbers .fun-facts .fact-item p {

    font-size: 15px;

  }

}

@media screen and (min-width: 1400px) {

  .investment-management .heighlight-numbers .fun-facts .fact-item p {

    font-size: 16px;

  }

}

.investment-management .heighlight-numbers .fun-facts .fact-item p span {

    font-size: 12px;

}

.investment-management .realestate-investment {

  background-color: #ededef;

}

@media screen and (min-width: 992px) {

  .investment-management .realestate-investment {

    padding: 60px 0 0;

  }

}

@media screen and (min-width: 1400px) {

  .investment-management .realestate-investment {

    padding: 60px 0 200px;

  }

}

.investment-management .realestate-investment .main-title {

  margin-bottom: 30px;

}

@media screen and (max-width: 991px) {

  .investment-management .realestate-investment .main-title {

    text-align: center;

  }

}

@media screen and (max-width: 991px) {

  .investment-management .realestate-investment .left-bar {

    margin: 0 auto;

    padding: 40px 0 0;

  }

}

.investment-management .realestate-investment .left-bar form .input-group {

  border-radius: 10px;

  overflow: hidden;

}

.investment-management .realestate-investment .left-bar form .form-control {

  height: 60px;

  border: 0;

  padding: 0 25px;

}

.investment-management .realestate-investment .left-bar form .form-control:focus {

  box-shadow: none;

  outline: 0;

}

.investment-management .realestate-investment .left-bar form button {

  background-color: #003764;

  border: 0;

  padding: 0 20px;

}

.investment-management .realestate-investment .left-bar .form-result {

  border-radius: 15px;

  filter: drop-shadow(0 0 10.5px rgba(51, 66, 79, 0.13));

  background-color: #ffffff;

  padding: 30px 25px;

  margin-top: 40px;

}

.investment-management .realestate-investment .left-bar .form-result ul{

  gap: inherit;

}

.investment-management .realestate-investment .left-bar .form-result ul li{

  width: auto;

}

.investment-management .realestate-investment .left-bar .form-result ul li a {

  font-size: 16px;

  line-height: 1.3;

  display: block;

  color: #a1a8ad;

  text-transform: uppercase;

  letter-spacing: 0.5px;

  transition: all 0.3s;

}

.investment-management .realestate-investment .left-bar .form-result ul li a:hover, 

.investment-management .realestate-investment .left-bar .form-result ul li a.active {

  color: #003764;

  text-shadow: 0 0 1px #003764;

}

.investment-management .realestate-investment .left-bar .form-result ul li + li {

  margin-top: 20px;

}

.investment-management .realestate-investment .left-bar .form-result ul li a p {

    margin-top: 0;

}

.investment-management .realestate-investment .map-tab-content {

  margin: 50px 0;

  z-index: 1;

  min-height: 590px;

}

@media screen and (min-width: 1400px) {

  .investment-management .realestate-investment .map-tab-content {

    margin: 0;

  }

}

.investment-management .realestate-investment .map-tab-content .tab-content {

  filter: drop-shadow(0 0 55px rgba(51, 66, 79, 0.5));

  background-color: #ffffff;

  border-radius: 0 0 0 110px;

    overflow: hidden;

    /* border: 2px solid #fff; */

    box-shadow: 0 0 20px 0px #343232;

}

@media screen and (max-width: 1199px) {

  .investment-management .realestate-investment .map-tab-content .tab-content {

    margin-bottom: 40px;

  }

}

@media screen and (min-width: 1400px) {

  .investment-management .realestate-investment .map-tab-content .tab-content {

    position: relative;

    /* top: -30px; */

    top : 25px;

    margin-right: 50px;

  }

}

@media screen and (max-width: 992px) {

  .investment-management .realestate-investment .map-tab-content .tab-content {

    margin-bottom: 40px;

  }

  .investment-management .realestate-investment .map-tab-content .tab-content .tab-content-text{

    padding-left: 25px !important;

  }

    .investment-management .realestate-investment .map-tab-content .map{

        height: 327px;

    }

    .investment-management .realestate-investment .map-tab-content .map iframe{

        height: 100%;

    }

    .investment-management .realestate-investment .map-tab-content{

        min-height: auto;

            margin: 0;

    }

}

.investment-management .realestate-investment .map-tab-content .tab-content .tab-content-text {

  padding: 30px 15px;

  padding-left: 0 !important;

}



@media screen and (max-width: 991px) {

  .investment-management .realestate-investment .map-tab-content .tab-content .tab-content-text {

    padding: 30px 20px !important;

  }

}

@media screen and (min-width: 1200px) {

  .investment-management .realestate-investment .map-tab-content .tab-content .tab-content-text {

    padding: 30px 10px;

  }

}

.investment-management .realestate-investment .map-tab-content .tab-content h4 p{

  text-transform: capitalize;

  font-size: 24px;

  color: #003764;

  font-weight: 500;

  margin-bottom: 20px;

}

.investment-management .realestate-investment .map-tab-content .tab-content p {

  margin-bottom: 20px;

  font-size: 16px;

  line-height: 1.4;

  color: #303030;

  text-align: justify !important;

}

@media screen and (min-width: 1400px) {

  .investment-management .realestate-investment .map-tab-content .tab-content p {

    font-size: 17px;

  }

}

.investment-management .realestate-investment .map-tab-content .tab-content .swiper {

  /* height: 100%; */

  height: 730px;

}

.investment-management .realestate-investment .map-tab-content .tab-content .swiper-slide {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  min-height: 600px !important;

    height: 100%;

}

@media screen and (min-width: 1200px) {

  .investment-management .realestate-investment .map-tab-content .tab-content .swiper-slide {

    max-height: inherit;

  }

}

.investment-management .realestate-investment .map-tab-content .tab-content .swiper-slide img {

  opacity: 0;

}

.investment-management .realestate-investment .map-tab-content .map iframe{

    width: 100%;

}

.investment-management .realestate-investment .map-tab-content .map{

    overflow: hidden;

}

@media (max-width: 1399px) {

  .investment-management .realestate-investment .map-tab-content .map {

    /* display: none; */

  }

}

@media screen and (min-width: 1400px) {

  .investment-management .realestate-investment .map-tab-content .map {

    position: absolute;

    right: 0;

    top: 48px;

    width: 90%;

    z-index: -1;

  }

}

@media screen and (min-width: 1400px) {

  .investment-management .realestate-investment .map-tab-content .map iframe {

    height: 640px;

  }

}







/*Page Profile*/

@media screen and (max-width: 575px) {

  .content_desc .nav-tabs {

    flex-direction: column;

  }

}

@media screen and (min-width: 576px) {

  .content_desc .nav-tabs {

    gap: 10px;

  }

}

@media screen and (min-width: 768px) {

  .content_desc .nav-tabs {

    gap: 10px 20px;

  }

}

@media screen and (min-width: 992px) {

  .content_desc .nav-tabs {

    gap: 0;

    justify-content: space-between;

  }

}

@media (min-width: 576px) and (max-width: 767px) {

  .content_desc .nav-tabs .nav-item {

    width: calc(50% - 10px);

  }

}

.content_desc .nav-tabs .nav-link {

  border: 0;

  background-color: transparent;

  margin: 0;

  padding: 0;

  color: #a3aaae;

  font-size: 16px;

  /* text-transform: capitalize; */

}

@media screen and (min-width: 1200px) {

  .content_desc .nav-tabs .nav-link {

    font-size: 18px;

  }

}

@media screen and (min-width: 1400px) {

  .content_desc .nav-tabs .nav-link {

    font-size: 20px;

  }

}

.content_desc .nav-tabs .nav-link.active {

    color: #003764;

    text-shadow: 0 0 1px #003764;

}

.content_desc  ul.nav.nav-tabs li {

    margin-bottom: 1rem;

}



.content_desc .tab-content {

  margin: 20px 0;

}

@media screen and (min-width: 992px) {

  .content_desc .tab-content {

    margin: 20px 0;

  }

}

@media screen and (min-width: 1200px) {

  .content_desc .tab-content {

    margin: 30px 0;

  }

}





.content_desc .tab-content h3 {

  color: #003764;

  font-size: 28px;

  margin-bottom: 30px;

}

@media screen and (min-width: 768px) {

  .content_desc .tab-content h3 {

    font-size: 32px;

    margin-bottom: 15px;

  }

}

@media screen and (min-width: 992px) {

  .content_desc .tab-content h3 {

    font-size: 38px;

    margin-bottom: 20px;

  }

}



.content_desc .tab-content ul li strong{

    margin-bottom: 10px;

    font-size: 22px;

}



/*Page BOD*/

.bod .item {

    padding-bottom: 7px;

    text-align: center;

    margin-bottom: 30px;

}

.bod .item figure img {

    max-width: 300px;

    margin: auto;

}

.bod .item figure img.chair{

    max-width: 400px;

}

.bod_name {

    margin-top: 7px;

    color: #4c382d;

    text-transform: uppercase;

    margin-bottom: 10px;

    font-size: 22px;

}

.bod_desig {

    color: #003764;

    font-weight: 700;

    margin-bottom: 15px;

    text-transform: uppercase;

}

.bod .card-body p{

    text-align: justify;

}



/*Page Contact Us*/

.contactus strong{

    color: #4c382d;

    margin-bottom: 10px;

    font-size: 22px;

    font-weight: normal;

    margin-top: 25px;

    display: inline-block;

}

.contactus .side-bar{

    position: relative;

}

.contactus .side-bar:before{

    position: absolute;

    content: '';

    left: -55px;

    top: 15px;

    height: 100%;

    width: 3px;

    background-color: #003764;

}



/*Page private equity and corporate banking*/

#exited figure {

    height: 335px;

    max-width: 100%;

    margin-bottom: 20px;

    cursor : pointer;

    position: relative;

    overflow: hidden;

    transition: all .3s;

    border: 1px solid #ededef;

}

#exited figure img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    display: block;

    margin: auto;

}

#exited figure button{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    border: none;

    background-color: #003764;

    color: #fff;

    font-size: 20px;

    padding: 15px;

    background-blend-mode: multiply;

    transform: translateY(100%);

    transition: all .3s;

}

#exited figure:hover{

    box-shadow: 1px 2px 13px 0 rgb(171 196 217);

}

#exited figure:hover button{

    transform : translateY(0);

    transition: all .3s;

}



/***/

#exited.equity_portfolios figure{

    background: white;

    display: flex;

    align-items: center;

    justify-content: center;

}

#exited.equity_portfolios figure img{

    object-fit: contain;

    max-width: 320px;

    max-height: 150px;

    width: auto;

    height: auto;

    padding: 0;

}





.grey_01{

    background-color: #ededef;

}



@media screen and (min-width: 992px){

    #exited{

        padding: 60px 0 0;

    }

}

@media screen and (min-width: 1400px){

    #exited{

        padding: 60px 0px;

    }

}



.btn{

    background: #003764;

    color: #fff;

    padding: 10px;

    width: 150px;

    text-transform: uppercase;

    border: none;

    border-radius: 0;

}



/*Page Financial Statement*/

._grid_row ._grid_col {

    margin-bottom: 3em;

}

._grid_row ._grid_col ._icon {

    width: calc(100% - 60px);

    height: 233px;

    overflow: hidden;

    transition: all .3s;

}

._grid_row ._grid_col ._icon img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

._grid_row ._grid_col ._icon:hover{

    box-shadow: 1px 2px 13px 0 rgb(157 156 156);

    transform: translateY(-10px);

    transition: all .3s;

}

._grid_row ._grid_col ._label {

    margin-top: 10px;

    text-transform: capitalize;

    text-align: center

}

@media(min-width : 1905px){

    ._grid_row ._grid_col ._label{

        width: calc(100% - 60px);

    }

}

@media(max-width : 1900px){

    ._grid_row ._grid_col ._icon {

        width: 100%;

        height: 270px

    }

}



.director1 .item {

    padding-top: 1rem;

}

.content_expand h3 {

    color: #003764;

    margin: 0;

    font-weight: 700;

    font-size: 24px;

    /* margin-bottom: 2rem; */

    margin-bottom: 7px;

}

.card{

    margin-bottom: 2em;

}

.card, .card-header {

    background: none;

    border: none;

    padding: 0;

}

.card-header .btn{

    width: 100%;

    text-decoration: none;

    text-align: left;

    padding: 15px;

    margin-bottom: 10px;

    position: relative;

    text-transform: capitalize;

}

.card-header .btn i{

    position: absolute;

    right: 15px;

    top : 20px

}

.card-header .btn:hover{

    color: #fff;

}

.card-body{

    padding: 5px;

    padding-left: 15px;

    line-height: 1.5;

}



/*Page general Assembly*/

ul.sidebar_down{

    

}

ul.sidebar_down li{

    margin-bottom: 1em;

}

.btn-primary{

    background: none;

    color: inherit;

}

.btn-primary img{

    width: 20px;

    opacity: 0.4;

    transition: all 0.2s;

}

.btn-primary:hover{

    background: none;

    color : inherit

}



/*Page Gallery*/

.media-gallery .single-media {

    margin-bottom: 30px;

}

.media-gallery .single-media .inner_col {

    box-shadow: 1px 2px 13px 0 #eaeaea;

    padding: 15px;

    text-align: center;

    min-height: 290px;

    height: 100%;

    position: relative;

}

.media-gallery .single-media .media-title {

    font-weight: 900;

    margin-bottom: 20px;

    text-align: center;

    font-size: 17px;

}

.media-gallery .media-image figure {

    height: 195px;

    width: 250px;

    overflow: hidden;

    margin: auto;

    margin-bottom: 0;

}

.media-gallery .single-media .media-image figure img {

    object-fit: contain;

    width: 100%;

    height: 100%;

}



/*Page News*/

.news-wrapper .pagination-wrapper{

    display: flex;

    padding-left: 0;

    list-style: none;

    gap: 10px;

    align-items: center;

    justify-content: center

}

.page-numbers{

    border: 0;

    background-color: #003764;

    color: #fff;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 16px;

    font-weight: 500;

    border-radius: 0;

}

@media screen and (min-width: 992px){

    .page-numbers {

        width: 70px;

        height: 70px;

        font-size: 20px;

    }

}

a.prev.page-numbers {

    width: 105px;

}

span.c-p {

    color: #a3aaae;

}



/*Search Page*/

.nav-links {

    display: flex;

    padding-left: 0;

    list-style: none;

    gap: 10px;

    align-items: center;

    justify-content: center;

    width: 100%;

}

.page-numbers .screen-reader-text {

    position: relative;

    -webkit-clip-path: none;

    height: 100%;

    width: 100%;

    text-align: center;

    line-height: 1;

    display: flex;

    align-items: center;

}

.main-content p:first-child, .body__part p:first-child ,.side-bar p:first-child, .sub_page p:first-child, #aboutus p:first-child{

    margin-top: 0;

}

ul.nav.nav-tabs li:hover a {

    color: #003764 !important;

    text-shadow: 0 0 1px #003764;

}

.i4ewOd-pzNkMb-haAclf{

    display: none;

}

.swiper-button-next:after, .swiper-button-prev:after{

  color: #a3aabd;

    font-size: 29px;

}

.swiper-button-next.inv {

    right: -6px;

    background: #fff;

}

.swiper-button-prev.inv{

  left: -6px;

  background: #fff;

}

.swiper-button-next.inv:after, .swiper-button-prev.inv:after{

  font-size: 15px;

}

.fin-statement table tbody td:first-child,.fin-statement table tbody th:first-child,

.fact-sheet  table tbody td:first-child{

    width: 550px !important;

    max-width: initial;

    min-width: inherit;

    /* text-transform: capitalize !important; */

}

.fact-sheet  table tbody td:first-child p{

  text-transform: initial;

}

.fin-statement table tbody th,.fin-statement table tbody td, .fact-sheet table tbody td{

    width: 120px;

}

.fact-sheet .table>thead td + td {

    text-align: right;

}

a.nav-link.current-link {

    color: #003764 !important;

    font-weight: 600;

}



/** Jobs **/

.sub_page div.job_listings {

    margin-bottom: 6em;

}

.sub_page div.job_listings .job_filters{

  background: none;

  margin-bottom: 30px;

}

.sub_page div.job_listings .job_filters .search_jobs{

  display: none;

}

.sub_page div.job_listings .job_filters .job_types{

  background: #edeef0;

  border: none;

  border-radius: 3px;

}

.sub_page div.job_listings .job_filters .job_types li{

  border: none; 

  padding: 15px 18px 10px;

}

.sub_page div.job_listings .job_filters .job_types li label{

  text-transform: uppercase;

  color: #003764;

  font-size: 17px;

}

.sub_page div.job_filters .showing_jobs{}

.sub_page div.job_listings ul.job_listings{

  margin: 0;

  padding: 0;

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  display: flex;

  flex-wrap: wrap;

  margin-top: calc(var(--bs-gutter-y) * -1);

  margin-right: calc(var(--bs-gutter-x) * -.5);

  margin-left: calc(var(--bs-gutter-x) * -.5);

  border-top: 0;

}

.sub_page div.job_listings ul.job_listings li.job_listing{

  flex: 0 0 auto;

  width: 33.33333333%;

  padding-right: calc(var(--bs-gutter-x) * .5);

  padding-left: calc(var(--bs-gutter-x) * .5);

  border-bottom: none;

  height: 202px;

  margin-bottom: 30px;

}

.sub_page ul.job_listings li.job_listing a{

    border-radius: 4px;

    border-bottom-left-radius: 40px;

    box-shadow: 0px 0px 8px #ccc;

    height: 100%;

    position: relative;

    padding: 20px 20px 15px;

}

.sub_page ul.job_listings li.job_listing a::before,

.sub_page ul.job_listings li.job_listing a::after{

  content: '';

  position: absolute;

    right: 20px;

    bottom: 10px;

    width: 30px;

    height: 30px;

    background-repeat: no-repeat;

    background-size: contain;

    transition: all .3s;

}

.sub_page ul.job_listings li.job_listing a::before{

  background-image: url(../images/dimond_arrow.png);

}

.sub_page ul.job_listings li.job_listing a:hover::before{

  transform: translateX(80px);

    opacity: 0;

}

.sub_page ul.job_listings li.job_listing a::after{

  background-image: url(../images/dimond_arrow_blue.png);

      transform: translateX(-30px);

    opacity: 0;

}

.sub_page ul.job_listings li.job_listing a:hover::after{

  transform: translateX(0);

    opacity: 1;

}

.sub_page ul.job_listings li.job_listing.job_position_featured a{

  background: none !important;

}

.sub_page ul.job_listings li.job_listing.job_position_featured a:hover{

  background: none !important;

}

.sub_page ul.job_listings li.job_listing a img.company_logo{

  display: none;

}

.sub_page ul.job_listings li.job_listing a div.position{

  width: 100%;

  padding: 0;

}

.sub_page ul.job_listings li.job_listing a div.position h3{

  font-weight: 500;

  font-size: 22px;

}

.sub_page ul.job_listings li.job_listing a div.position .company .tagline{

    margin: 0;

    display: block;

    font-size: 15px;

}

.sub_page ul.job_listings li.job_listing a div.location{

  padding: 0;

    position: absolute;

    bottom: 15px;

    left: 20px;

    text-align: left;

}

.sub_page ul.job_listings li.job_listing a ul.meta{

    float: left;

    width: calc(100% - 40px);

    text-align: left;

    padding: 0;

    margin: 0;

    padding-bottom: 5px;

    border-bottom: 4px solid #ecedef;

    font-size: 16px;

    font-weight: normal;

    color: #353535;

    position: absolute;

    bottom: 50px;

    left: 20px;

}

.sub_page ul.job_listings li.job_listing a ul.meta::after{

  content: '';

  position: absolute;

    bottom: -4px;

    left: 0;

    width: 100%;

    height: 4px;

    background: rgb(0 55 100 / 60%);

    transform: scaleX(0);

    transition: all .3s;

}

.sub_page ul.job_listings li.job_listing a:hover ul.meta::after{

  transform: scaleX(1);

}

.sub_page ul.job_listings li.job_listing a ul.meta li.job-type{

    color: inherit;

    font-weight: normal;

    float: left;

}

.sub_page ul.job_listings li.job_listing a ul.meta li.date{

  float: right;

}

.sub_page ul.job_listings .job-manager-applications-applied-notice {

    color: #146c43;

    float: right;

    font-size: 16px;

    font-weight: 600;

}



.sub_page div.job_listings .load_more_jobs{}



/**Single Job**/

.page_single_job .single_job_listing .meta .full-time {

    background-color: #003764;

}

.page_single_job .single_job_listing .company{}

.page_single_job .single_job_listing .job_description{}

.page_single_job .single_job_listing .job_description p{}

.page_single_job .single_job_listing .job_description h2,

.page_single_job .single_job_listing .job_description h3,

.page_single_job .single_job_listing .job_description h4,

.page_single_job .single_job_listing .job_description h5{

  margin: 20px 0 10px;

}

.page_single_job .single_job_listing .job_description ul li{

  margin-bottom: 10px;

  list-style: disc;

  margin-left: 20px;

}

.page_single_job .single_job_listing .job_description ul li:last-child{

  margin-bottom: 0;

}

.page_single_job .single_job_listing .job_application{}

.page_single_job .single_job_listing .job_application .button{

  padding: 10px 30px;

  line-height: 30px;

  background: #a3aaae;

  border: none;

  color: white;

}

.page_single_job .single_job_listing .job_application .button:hover{

  background: #3a4043;

}



.page_single_job .job-manager-form fieldset input.input-text,

.page_single_job .job-manager-form fieldset input.input-date,

.page_single_job .job-manager-form fieldset textarea,

.page_single_job .job-manager-form fieldset select{

    margin: 0;

    vertical-align: middle;

    width: 100%;

    box-sizing: border-box;

    border: 1px solid #e3e3e7;

    padding: 8px 10px;

}

.page_single_job .job-manager-message.job-manager-message,

.page_single_job .job-manager-error.job-manager-message,

.page_single_job .job-manager-info.job-manager-message{

    border-top-color: #146c43;

    background: #d1e7dd;

    color: #146c43;

}

.page_single_job .job-manager-message.job-manager-error,

.page_single_job .job-manager-error.job-manager-error,

.page_single_job .job-manager-info.job-manager-error{

    border-top-color: #b02a37;

    background: #f8d7da;

    color: #b02a37;

}

.page_single_job .job-manager-message,

.page_single_job .job-manager-error,

.page_single_job .job-manager-info{

  box-shadow: none;

}

.page_single_job .job-manager-message.job-manager-message::before, 

.page_single_job .job-manager-error.job-manager-message::before,

.page_single_job .job-manager-info.job-manager-message::before {

    font-weight: bold;

    color: #146c43;

}

.page_single_job .job-manager-message.job-manager-error::before,

.job-manager-error.job-manager-error::before,

.job-manager-info.job-manager-error::before{

  color: #b02a37;

}

.page_single_job .single_job_listing .job-manager-applications-applied-notice{

  color: #997404;

    background: #fff3cd;

    border-color: #ffe69c;

    font-weight: 500;

}

.single_job_listing .job-manager-applications-applied-notice::before{

  width: 20px;

    height: 20px;

    font-size: 20px;

}



/** Temp: Life at Lesha **/

.temp_life_lesha .blocks_row{}

.temp_life_lesha .blocks_row .col_block{

    

}

.temp_life_lesha ._title{

    font-size: 30px;

    margin-bottom: 5px;

    font-weight: 500;

    color: #003764;

}

.temp_life_lesha .col_block ._cont{}

.temp_life_lesha .col_block ._cont .wp-video{

    margin-top: 20px;

}



.temp_life_lesha .employee_testi_row .emp_block .inner_col{

    border: 1px solid #e8e8e8;

    padding: 25px;

}

.temp_life_lesha .employee_testi_row .emp_block ._cont ._body{

    overflow: hidden;

}

.temp_life_lesha .employee_testi_row .emp_block .emp_name{

    margin-top: 15px;

    font-weight: 600;

    color: #003764;

}



/***/

.temp_case_study{}

.temp_case_study .news-wrapper .case_study_wrapper .news-item .thumbnail img{

    height: auto;

}

.temp_case_study .addi_notes{

    margin-top: 80px;

}

.temp_case_study .addi_notes .note_block{

    display: inline-block;

    border-left: 6px solid;

    border-color: darkgoldenrod;

    padding-left: 8px;

}

body.rtl .temp_case_study .addi_notes .note_block{

    border-left: 0;

    border-right: 6px solid;

    border-color: darkgoldenrod;

    padding-left: 0;

    padding-right: 8px;

}



.single-qfb_case_study table tbody td:not(:first-child) {

    text-align: left;

}

body.rtl .single-qfb_case_study table tbody td:not(:first-child) {

    text-align: right;

}



.single-qfb_case_study .main-title .post_title{

	margin-top: 13px;

	/*font-size: 35px;*/

}









/***********************************************************/

@media screen and (max-width: 992px){

    .home_page{ margin-top: 92px;}

    .home_page .hero{ height: 42vh;}

    .hero .hero-slider .swiper-slide{ height: 100%; padding: 0; background-size: contain;}

    .hero .hero-slider .swiper-slide video{ 

        margin-top: 0;

        top: 50%;

        transform: translateY(-50%);

    }

}



@media screen and (max-width: 572px){

    header .header-top .navbar ul li + li {

        margin-left: 12px;

    }

    ul.navbar-nav > li.menu-item {

        flex-basis: inherit; width: 100%;

    }



    .home_page {

        margin-top: 85px;

    }

    .home_page .hero{ height: 23vh;}

    .hero .hero-slider .swiper-slide{ height: 100%; padding: 0; background-size: cover;}

    .hero .hero-slider .slider-footer{ bottom: 30px; right: 44px;}

    .slide-count.mt-1.text-end{ width: 40px; height: 25px; line-height: 25px; padding: 0;}



    .sub_page .main-title{ margin-top: 30px;}

}

@media(max-width: 756px){

    ul.navbar-nav > li.menu-item > a{

        margin-bottom: 0;

    }

    ul.sub-menu {

        margin-bottom: 20px;

    }

    header .header-top .navbar ul li.language ul li.lang-item a {

        width: 26px;

        height: 25px;

        font-size: 13px;

    }

    header .header-top .hamburger{

        margin-top: -4px;

    }

    .hero .hero-slider .slider-footer{

        bottom: 10px;

        right: 10px;

    }

    .our-performance .performance-slider-navcontent h1{

        font-size: 25px;

    }

    footer .footer-top {

      background-image: none !important;

      height: auto;

    }

    footer .footer-top .widget h6,footer .footer-top .widget ul,footer .footer-top .widget ul li {

      text-align: left !important;

      font-size: 14px;

    }

    footer .footer-top .site-brand {

      margin-left: 0;

    }

    .team .team-grid .team-item{

        max-width: 100%;

    }

    .team .team-grid .team-item .thumbnail{

        height: 340px

    }

    .contactus strong{

        margin-top: 0;

    }

    .body__part {

        margin-bottom: 20px;

    }

    .col-lg-6.mob-p {

        padding-right: calc(var(--bs-gutter-x) * .5) !important;

        padding-left: calc(var(--bs-gutter-x) * .5) !important;

    }

    .col-lg-6.mob-p {

        padding-right: calc(var(--bs-gutter-x) * .5) !important;

        padding-left: calc(var(--bs-gutter-x) * .5) !important;

    }

    .mb-order-2{

        order: 2;

    }

    .mob-m-0{

        margin-left : 0;

        margin-right : 0

    }

    .nav-tabs.private {

        display: flex;

        flex-direction: row;

        margin-bottom: 0px !important;

    }

    .investment-management .main-content h5, .sub_page h5 {

        padding-top: 20px;

    }

    .content_desc ul.nav.nav-tabs li{

        width: 100% !important;

    }

    .mb-5{

        margin-bottom: 20px !important;

    }

    .mt-5{

        margin-top: 20px !important;

    }

    .content_desc.grey_01 {

        padding: 20px 0;

    }

    .fin-statement table tbody td:first-child, .fin-statement table tbody th:first-child, .fact-sheet table tbody td:first-child{

        display: inline-block;

        overflow-x: hidden;

        overflow-y: scroll;

    }

    .inverstor-rel.corporate-gov .corporate-gov-tab{

        margin: 25px 0;

        padding: 40px 0 37px;

    }

    .inverstor-rel.corporate-gov .corporate-gov-tab .nav-tabs .nav-item {

        width: 100%;

    }

    .inverstor-rel.corporate-gov .corporate-gov-tab{

        margin-bottom: 0;

    }

    .inverstor-rel.corporate-gov .download-reports {

        margin: 0px 0;

    }

    .inverstor-rel.corporate-gov .download-reports h5 {

        margin-top: 0;

    }

    canvas {

        height: 410px !important;

    }

    .card-body{

        padding-left: 0;

    }

    .news-wrapper .news-by-year .nav-tabs{

        flex-direction: row;

    }

    .investment-management .realestate-investment .map-tab-content .tab-content .tab-content-text{

        padding-left: 15px !important;

        padding-right: 15px !important;

    }

    .investment-management .realestate-investment .map-tab-content .map iframe{

        margin-top: -70px !important;

    }

    .investment-management .realestate-investment .map-tab-content .tab-content p{

        font-size: 14px;

        margin-top : 0;

    }

    .investment-management .realestate-investment .map-tab-content .tab-content h4 p{

        text-align : inherit;

    }

    .sub_page .main-title span {

        display: block;

    }

    #exited figure{

        height: 108px;

    }

    .investment-management .main-title, .sub_page .main-title{

        font-size: 24px;

    }

    .currency{

        font-size: 16px;

    }



    /**Modal**/

    .modal-header{

      padding: 1rem 1rem 1rem 2rem;

    }

    body.rtl .modal-header{

      padding: 1rem 2rem 1rem 1rem;

    }

    .modal-header .modal-title{

      line-height: normal;

      font-size: 30px;

      font-weight: 300;

    }

    .modal-body{

      padding: 2rem 2rem;

    }

    .modal-body p:first-child{

      margin-top: 0;

    }

    .modal-header .btn-close {

        margin-right: 2px;

    }

    .modal_type_image .modal-body{

      padding: 40px 30px 30px;

      position: relative;

    }

    .modal_type_image .modal-body button.close{

        position: absolute;

        right: 0;

        top: 0px;

        /* background: lightsteelblue; */

        width: 44px;

        height: 44px;

        line-height: 29px;

    }

    body.rtl .modal_type_image .modal-body button.close{

      right: inherit;

      left: 0;

    }

    /* Styel Copied from home */

    body.home .modal-header{

        padding: 1rem 1rem 1rem 2rem;

    }

    body.home.rtl .modal-header{

        padding: 1rem 2rem 1rem 1rem;

    }

    body.home .modal-header .modal-title{

        line-height: normal;

        font-size: 30px;

        font-weight: 300;

    }

    body.home .modal-body{

        padding: 2rem 2rem;

    }

    body.home .modal-body p:first-child{

        margin-top: 0;

    }



    body.home .modal_type_image .modal-body{

        padding: 40px 30px 30px;

        position: relative;

    }

    body.home .modal_type_image .modal-body button.close{

        position: absolute;

        right: 0;

        top: 0px;

        /* background: lightsteelblue; */

        width: 44px;

        height: 44px;

        line-height: 29px;

    }

    body.home body.rtl .modal_type_image .modal-body button.close{

        right: inherit;

        left: 0;

    }



    ._figure {

        max-width: 100% !important;

        margin-right: 0 !important;

    }

    header .header-top .container {

      border-top: 1px solid #f5f3f3;

    }

    .hero{

      margin-top: 100px;

    }

    header .header-top .navbar{

      padding: 0;

    }

    .our-offers {

        padding: 20px 0 10px;

    }

    header .header-top .navbar-brand img {

      max-width: 125px;

    }

    .our-performance .performance-slider-nav .slick-arrow{

      top: 94%;

      transform: translateY(-50%);

    }

    .our-performance .performance-slider-nav .slick-arrow.slick-next {

      right: -10px;

      clip-path: polygon(0 0, 85% 30%, 0 63%);

    }

    .our-performance .performance-slider-nav .slick-arrow.slick-prev {

        left: -2px;

        clip-path: polygon(85% 0, 0 30%, 85% 63%);

    }

    .our-offers .offer-content-nav .nav-tabs li {

        width: 33% !important;

        margin-bottom: 10px;

    }

    .our-offers .offer-content-nav .nav-tabs .nav-link {

        width: 70%;

        margin: auto;

        white-space: inherit;

    }

    .investment-management .realestate-investment .map-tab-content .tab-content .swiper{

      height : auto

    }

    .slide-count{

        width: 38px;

        height: 28px;

        display: flex;

        justify-content: center;

        align-items: center;

    }

    .hero .hero-slider .slider-footer{

        width: 85px;

    }



    /**/

    .sub_page div.job_listings ul.job_listings li.job_listing{

      width: 100%;

      margin-bottom: 20px;

    }

    .sub_page ul.job_listings li.job_listing a{

      border-bottom-left-radius: 25px;

    }

    .sub_page ul.job_listings li.job_listing a div.location{

      text-align: left;

      font-size: 18px;

      line-height: inherit;

    }

    .page_single_job{

      margin-bottom: 30px;

    }

    .page_single_job .single_job_listing .meta li{

      font-size: 16px;

      margin: 0;

    }

    .page_single_job .single_job_listing .meta li.location{

      float: right;

      margin-right: 0;

      width: 50%;

      text-align: right;

      line-height: 30px;

    }

    .page_single_job .single_job_listing .meta li.date-posted{

      width: 50%;

      clear: both;

      margin-top: 22px;

    }

    .page_single_job .single_job_listing .meta li.salary{

      float: right;

      margin-right: 0;

      width: 50%;

      text-align: right;

      margin-top: 22px;

    }

    .page_single_job .single_job_listing .job-manager-applications-applied-notice{

      padding: 10px;

      margin: 15px 0;

    }

    .page_single_job .single_job_listing .job_description p,

    .page_single_job .single_job_listing .job_description ul li{

        font-size: 16px;

    }

    .page_single_job .single_job_listing .job_application .button {

      padding: 6px 20px;

      line-height: 26px;

    }

    .page_single_job .single_job_listing .company {

        margin-bottom: 20px;

            padding: 14px;

    }

    .page_single_job .single_job_listing .company img{

      width: 45px;

      height: 45px;

    }

    .single_job_listing .application .application_details,

    .page_single_job .job-manager-application-wrapper .application .application_details{

      padding: 15px;

    }

    .page_single_job .single_job_listing .application .application_details form.job-manager-application-form{

      padding: 0;

    }

    .page_single_job .job-manager-form fieldset{

      margin-bottom: 10px;

    }

    .page_single_job .job-manager-form fieldset label:not(.full-line-checkbox-field label),

    .page_single_job .job-manager-form fieldset div.field:not(.full-line-checkbox-field){

      width: 100%;

    }

}

@media(max-width: 480px){

    .our-offers .offer-content-nav .nav-tabs .nav-link{

      font-size: 10px;

    }

    header .header-top .container{

      padding-top: 8px;

      padding-bottom: 8px;

    }

    .home_page {

      margin-top: 100px;

    }

    .hero {

      margin-top: 27px;

  }

}

@media(max-width: 376px){

    .our-offers .offer-content-nav .nav-tabs .nav-link{

      font-size: 8px;

    }

}

figure._cop_img {

    margin-top: 2rem;

    box-shadow: 1px 2px 3px 0 rgb(226 222 222);

    max-width: 290px;

}

.__post__date {

    font-size: 18px;

    margin-top: 1rem;

}

button.close {

    border: none;

    background: none;

    height: inherit;

    font-size: 12px;

    padding: 6px 15px !important;

}

   button.close span{

     font-size: 25px;

    height: inherit;

   }

   .slider_link{

       position: absolute;

       top: 0;

       left: 0;

       width: 100%;

       height: 100%;

       z-index: 100;

   }



/*

body.home .hamRotate.active {

    transform: rotate(45deg);

}

body.home .ham1 .top {

    stroke-dasharray: 40 139;

}

body.home .line {

    fill: none;

    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;

    stroke: #fff;

    stroke-width: 5.5;

    stroke-linecap: round;

}

body.home .ham1.active .top {

    stroke-dashoffset: -98px;

}

body.home .ham1.active .bottom {

    stroke-dashoffset: -138px;

}

body.home .ham1 .bottom {

    stroke-dasharray: 40 180;

}*/





body.home .video-section{

    position : relative;

}

body.home .video-section video{

    width:100%;

    max-width:100%;

    height:auto;

}

body.home .modal-dialog{

    margin-left:0 !important;

}

@media(min-width:576px){

    body.home .modal-dialog {

        max-width: 35%;

    }

}

@media(max-width:576px){

body.home .modal-dialog{margin-top :18rem!important}

}



/***/

.navbar .hamRotate.active {

    transform: rotate(45deg);

}

.navbar .ham1 .top {

    stroke-dasharray: 40 139;

}

.navbar .line {

    fill: none;

    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;

    stroke: #fff;

    stroke-width: 5.5;

    stroke-linecap: round;

}

.navbar .ham1.active .top {

    stroke-dashoffset: -98px;

}

.navbar .ham1.active .bottom {

    stroke-dashoffset: -138px;

}

.navbar .ham1 .bottom {

    stroke-dasharray: 40 180;

}

.modal-content.bod {

      border-radius: 0;

      border: none;

      background: #fff;

  }

  .page-desc p{

      margin-top : 0

  }

  .page-template-default .content_expand p:first-child{

      margin-top: 0;

  }



  /* Investment Management Page */

  .page-template-investment-management .investment-management .main-content h5, .sub_page h5{

        color: #003764;

        font-weight: 500;

    }

    .page-template-investment-management .counter-single {

        width: 20%;

    }

    .page-template-investment-management .cur_symb {

        color: #787a7a;

        font-weight: 600;

        font-size: 35px;

    }

    .page-template-investment-management .currency {

        color: #787a7a;

        font-weight: 600;

        font-size: 23px;

    }

    .page-template-investment-management .investment-management .heighlight-numbers .fun-facts .h-more .fact-item .counter::before {

        content: attr(data-before);

    }

    

    /* Investment Management Arabic Page */

    .page-template-investment-management.rtl .investment-management .realestate-investment .map-tab-content .tab-content .tab-content-text{

        padding-left: 22px !important;

    }

    .page-template-investment-management.rtl .investment-management .realestate-investment .map-tab-content .tab-content .tab-content-text{

        padding: 30px ;

        padding-left: 10px;

        padding-right: 0;

    }

    .page-template-investment-management.rtl span.inv_close_btn {

        left: 20px;

        right: inherit !important;

    }

    .page-template-investment-management.rtl .investment-management .heighlight-numbers .fun-facts .fact-item .counter{

        direction: ltr;

    }



    .page-template-investment-management.rtl .investment-management .realestate-investment .map-tab-content .tab-content .tab-content-text{

        padding-left: 22px !important;

    }

    .page-template-investment-management.rtl .investment-management .realestate-investment .map-tab-content .tab-content .tab-content-text{

        padding: 30px ;

        padding-left: 10px;

        padding-right: 0;

    }

    .page-template-investment-management.rtl span.inv_close_btn {

        left: 20px;

        right: inherit !important;

    }

    .page-template-investment-management.rtl .investment-management .heighlight-numbers .fun-facts .fact-item .counter{

        direction: ltr;

    }









    /* What we Do */

    .page-template-page_whatwedo_sub .news-wrapper .news__single:last-child{

        padding-right: 20px;

        border-right: 1px solid #b5adad;

        transition: .3s all;

    }

    .page-template-page_whatwedo_sub .card-header p{

        display:none

    }

    .page-template-page_whatwedo_sub .ex-client .wpcf7-submit{

        display:block;

        margin-left: auto;

    }

    .page-template-page_whatwedo_sub.rtl .news-wrapper .news__single:last-child{

        padding-left: 20px;

        padding-right: 0;

        border-left: 1px solid #b5adad;

        border-right: none

    }

    .page-template-page_whatwedo_sub.rtl.owl-theme .owl-nav{

        direction: ltr;

    }

    .page-template-page_whatwedo_sub.rtl.ex-client .wpcf7-submit{

        display:block;

        margin-right: auto;

        margin-left: 0

    }







/* Page Case Study */

.page-template-page_case_study #myImg {

  border-radius: 5px;

  cursor: pointer;

  transition: 0.3s;

}



.page-template-page_case_study #myImg:hover {opacity: 0.7;}



/* The Modal (background) */

.page-template-page_case_study .modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 10000; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

}



/* Modal Content (image) */

.page-template-page_case_study .modal-content {

  margin: auto;

  display: block;

  width: 80%;

  max-width: 700px;

}



/* Caption of Modal Image */

.page-template-page_case_study #caption {

  margin: auto;

  display: block;

  width: 80%;

  max-width: 700px;

  text-align: center;

  color: #ccc;

  padding: 10px 0;

  height: 150px;

}



/* Add Animation */

.page-template-page_case_study .modal-content, #caption {  

  -webkit-animation-name: zoom;

  -webkit-animation-duration: 0.6s;

  animation-name: zoom;

  animation-duration: 0.6s;

}



@-webkit-keyframes zoom {

  from {-webkit-transform:scale(0)} 

  to {-webkit-transform:scale(1)}

}



@keyframes zoom {

  from {transform:scale(0)} 

  to {transform:scale(1)}

}



/* The Close Button */

.page-template-page_case_study .close {

  position: absolute;

  top: 15px;

  right: 35px;

  color: #f1f1f1;

  font-size: 40px;

  font-weight: bold;

  transition: 0.3s;

}



.page-template-page_case_study .close:hover,

.page-template-page_case_study .close:focus {

  color: #bbb;

  text-decoration: none;

  cursor: pointer;

}





/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px){

  .page-template-page_case_study .modal-content {

    width: 100%;

  }

}



/* Factsheet */

.page-template-fact-sheet .content_desc.grey_01 {

    padding-top: 15px;

}

.page-template-fact-sheet .content_desc .nav-tabs{

    flex-wrap: wrap;

    border: none

}

.page-template-fact-sheet .content_desc ul.nav.nav-tabs li{

    width: 33%;

    display : initial;

}





/* Financial Statement */

.page-template-page-financial-statement ._annual_reports ._grid_col ._label{

    position : relative; display: flex; flex-flow: column; align-items: center;

}

.page-template-page-financial-statement ._annual_reports ._grid_col .download_icon{

    display: table; margin: auto;

}

.page-template-page-financial-statement ._annual_reports ._grid_col .dv_btn{

   /* display: none;*/ background: #003764; color: white; padding: 2px 10px; width: 100%; margin-top: 5px;

}

.page-template-page-financial-statement ._annual_reports ._grid_col:first-child .dv_btn{

    display: block;

}

.page-template-page-financial-statement .table{

    overflow-x: auto;

    white-space: nowrap;

}

.page-template-page-financial-statement.page ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}

.page-template-page-financial-statement.page ::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}

.page-template-page-financial-statement.page ::-webkit-scrollbar{height: 8px;}

.page-template-page-financial-statement.page ::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #a2a9ad;}

.page-template-page-financial-statement .news_year {

    font-size: 1.6rem;

    margin: 3rem 20px 20px;

    text-align: center;

    font-weight: 600;

    color: #003764;

}



/* Page Unclaimed */

.page-template-page_unclaimed .error{

  color:red;

}

.page-template-page_unclaimed .success{

    color:green;

  

}



/* Page News */

.page-template-page_news #myImg,  .page-template-page_awards #myImg{

  border-radius: 5px;

  cursor: pointer;

  transition: 0.3s;

}



.page-template-page_news #myImg:hover, .page-template-page_awards #myImg:hover {opacity: 0.7;}



/* The Modal (background) */

.page-template-page_news .modal,

.page-template-page_awards .modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 10000; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

}



/* Modal Content (image) */

.page-template-page_news .modal-content,

.page-template-page_awards .modal-content{

  margin: auto;

  display: block;

  width: 80%;

  max-width: 700px;

}



/* Caption of Modal Image */

.page-template-page_news #caption,

.page-template-page_awards #caption{

  margin: auto;

  display: block;

  width: 80%;

  max-width: 700px;

  text-align: center;

  color: #ccc;

  padding: 10px 0;

  height: 150px;

}



/* Add Animation */

.page-template-page_news .modal-content #caption,

.page-template-page_awards .modal-content #caption{  

  -webkit-animation-name: zoom;

  -webkit-animation-duration: 0.6s;

  animation-name: zoom;

  animation-duration: 0.6s;

}



@-webkit-keyframes zoom {

  from {-webkit-transform:scale(0)} 

  to {-webkit-transform:scale(1)}

}



@keyframes zoom {

  from {transform:scale(0)} 

  to {transform:scale(1)}

}



/* The Close Button */

.page-template-page_news .close , .page-template-page_awards .close{

  position: absolute;

  top: 15px;

  right: 35px;

  color: #f1f1f1;

  font-size: 40px;

  font-weight: bold;

  transition: 0.3s;

}



.page-template-page_news .close:hover,

.page-template-page_news .close:focus,

.page-template-page_awards .close:hover,

.page-template-page_awards .close:focus{

  color: #bbb;

  text-decoration: none;

  cursor: pointer;

}

.page-template-page_news .news_year {

    font-size: 1.6rem;

    margin: 3rem 20px 20px;

    text-align: center;

    font-weight: 600;

    color: #003764;

}

/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px){

  .page-template-page_news .modal-content,

  .page-template-page_awards .modal-content{

    width: 100%;

  }

}

.page-template-page_news .content_desc .nav-tabs, .page-template-page_awards .content_desc .nav-tabs{

    justify-content: flex-start !important;

}

.page-template-page_news .content_desc ul.nav.nav-tabs li, .page-template-page_awards .content_desc ul.nav.nav-tabs li{

    width: 15%  !important;

}