/*@font-face {
      font-family: 'Blacksword';
      src: url(fonts/Blacksword.otf) format('opentype');
    }

    @font-face {
      font-family: 'Brittany Signature';
      src: url(fonts/Brittany-Signature.ttf);
    }

    @font-face {
      font-family: 'MinionVariableConcept-Roman';
      src: url(fonts/MinionVariableConcept-Roman.otf);
      font-weight: 600;
    }

    @font-face {
      font-family: 'Montserrat-MediumItalic';
      src: url(fonts/Montserrat-MediumItalic.ttf) format('opentype');
      font-size: 400;
    }

    @font-face {
      font-family: 'Montserrat-ExtraBoldItali';
      src: url(fonts/Montserrat-ExtraBoldItalic.ttf) format('opentype');
      font-weight: 600;
    }

    @font-face {
      font-family: 'Montserrat';
      src: url(fonts/FontsFree-Net-Montserrat-Light.ttf) format('opentype');
      font-weight: 300;
    }*/
    @font-face {
        font-family: 'Brittany Signature';
        src: url('../fonts/BrittanySignatureRegular.woff2') format('woff2'),
            url('../fonts/BrittanySignatureRegular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    .text-xlg {
      font-size: 124px;
      line-height: 1;
    }

    .title-p {
      font-size: 26px;
    }
    .fw-700{
      font-weight: 700;
    }
    .p-main {
      font-size: 18px;
    }

    .text-lgg {
      font-size: 44px;
    }

    .fs-24 {
      font-size: 24px;
    }

    .poppin {
      font-family: 'Poppins', sans-serif;
    }

    .text-minion {
      font-family: 'MinionVariableConcept-Roman';
    }

    .text-montserrat-light {
      font-family: 'Montserrat';
    }

    .text-montserrat {
      font-family: 'Montserrat-ExtraBoldItali';
    }

    .text-montserrat-i {
      font-family: 'Montserrat-MediumItalic';
    }

    .font-blacksword {
      font-family: 'Blacksword';
    }

    .font-brittany {
      font-family: 'Brittany Signature';
    }

    .text-lt {
      color: #D0D2D3;
    }

    .text-bl {
      color: #27364F;
    }

    .text-bl3 {
      color: #313133;
    }

    .space-6l {
      letter-spacing: 6px
    }

    .leadership-header {
      background-image: url(../img/leadership/leadership-banner.png);
      background-size: contain;
      background-position: right;
      background-repeat: no-repeat;
      height: 700px;
      margin-top: 115px;
      padding-top: 40px;
      clear: both;
    }

    .leader {
      width: 25%;
      position: relative;
      z-index: 0;

    }

    .img-leader {
      width: 95%;
      height: 300px;
      object-fit: cover;
      background-color: #f8f8f8;
      box-shadow: rgba(0, 0, 0, 0.45) -8px 9px 17px -4px;
      object-position: top;
      transition: .3s all;
      position: relative;
      z-index: 2;
    }

    .leader-detail {
      position: absolute;
      background: #404041;
      height: 365px;
      right: -32px;
      top: -75px;
      width: 100%;
      z-index: 1;
      z-index: 1;
      opacity: 0;
      transition: .3s ease-in-out;
    }

    .leader-scale {
      transform: scale(1.1);
      transition: .3s all;
      z-index: 2;
    }

    .leader-op {
      opacity: 1;
      transition: .3s ease-in-out;
    }

    .text-horizontal {
      writing-mode: vertical-lr;
      transform: rotate(180deg);
      margin:0px 10px 0 0;
      font-size: 16px;
      font-weight: 300;
      text-transform: uppercase;
    }

    .role {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 300px;
    }

    .name h6 {
      font-size: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px 0 0 0;
    }

    .b-top {
      position: relative;
    }

    .b-top::after {
      content: '';
      position: absolute;
      width: 140px;
      height: 10px;
      border-top: 2px solid #000;
      left: 0;
      top: -10px;
    }

    .leader-text {
      background: #404041;
      padding: 20px;
      position: relative;
      z-index: 9;
      margin-bottom: 20px;
    }

    .p-custom {
      padding: 0 80px;
    }

    .show-mob {
      display: none;
    }

    .bg-g {
      background: rgb(64, 64, 64, 0.85);
    }

    .rotate {
      transform: rotate(180deg);
      writing-mode: vertical-lr;
      font-weight: 300;
      font-size: 20px;
      text-align: center;
      line-height: 1;
    }
    .rotate br{
      display: block !important;
    }
    .img-sm {
      height: 300px;
      object-fit: cover;
      object-position: top;
      z-index: 2;
      position: relative;
    }

    .role-m {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 0;
      height: 100%;
      width: 24%;
      justify-content: center;
      padding-top: 30px;
    }

    .img-l {
      z-index: 2;
      position: relative;
    }

    .name-m {
      background: rgba(19, 19, 19, 0.85);
      width: 100%;
      position: absolute;
      bottom: 10px;
      left: 0;
      right: 0;
      z-index: 9;
      text-align: center;
      padding: 10px 0;
    }

    .name-m h6 {
      font-size: 24px;
      font-weight: 300;
    }

    .role-right {
      right: 0 !important;
      left: auto;
    }

    .b-top-m::after {
      content: '';
      position: absolute;
      width: 40%;
      height: 10px;
      border-top: 2px solid #000;
      left: auto;
      top: 22px;
      margin-left: 20px;
    }

    .w-30 {
      width: 30%;
    }

    .w-90 {
      width: 90%;
    }

    .img-ceo {
      width: 320px;
      margin-right: 30px;
      float: left;
    }

    .ceo-img-md {
      width: 320px;
      margin-right: 30px;
    }

    .ceo-img-right {
      width: 320px;
      margin-left: 30px;
      float: right;
    }

    @media screen and (max-width:1199px) {
      .name h6 {
        font-size: 42px;
      }

      .img-leader {
        height: 400px;
      }

      .name h6 {
        font-size: 30px;
      }

      .show-desk {
        display: none;
      }

      .show-mob {
        display: block;
      }

    }

    @media (max-width: 991px) {
      .text-xlg {
        font-size: 84px;
      }

      .img-ceo,
      .ceo-img-md,
      .ceo-img-right {
        width: 230px;
      }

      .h4-sm {
        font-size: 20px;
      }

      .text-lgg {
        font-size: 32px;
      }

      .fs-24 {
        font-size: 20px;
      }

      .p-main {
        font-size: 16px;
      }

      .wrp-leaders {
        flex-wrap: wrap;
      }

      .leader {
        width: 50%;
        margin-bottom: 20px;
      }

      .leader-detail {
        height: 565px;
        top: -127px;
      }

      .text-horizontal {
        font-size: 11px;
        white-space: nowrap;
      }

      .role {
        padding-bottom: 80px;
      }

      .b-top-m::after {
        top: 10px;
      }

      .img-ceo {
        float: left;
      }
      .role-m{
        padding-top: 0;
        width: 60px;
      }
    }

    @media screen and (max-width: 767px) {
      .text-xlg {
        font-size: 64px;
      }

      .text-lgg {
        font-size: 24px;
      }

      .title-p {
        font-size: 20px;
      }

      .fs-24 {
        font-size: 18px;
      }

      .leadership-header {
        height: 500px;
      }

      .p-custom {
        padding: 0 20px;
      }

      .leader {
        width: 100%;
      }

      .img-leader {
        height: 500px;
      }

      .leader-detail {
        height: 100%;
        top: 0;
        right: 0;
        z-index: 99;
        background: rgb(64, 64, 64, .5);
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center
      }

      .img-leader {
        width: 100%;
      }

      .leader:hover .img-leader {
        transform: none;
      }

      .text-horizontal {
        writing-mode: initial;
        font-size: 26px;
        white-space: normal;
        padding-bottom: 20px;
      }

      .role {
        justify-content: center;
      }

      .name h6 {
        font-size: 40px;
      }
      .border-b-sm {
        border-bottom: 1px solid rgb(0, 0, 0, .1);
      }
      .leadership-header {
        background-size: 100%;
        margin-bottom: 10px;
      }
    }
    @media screen and (max-width:576px)  {
      .img-ceo, .ceo-img-right {
        float: none;
        margin: 0 0 15px 0;
       }
       .rotate{
        height: 100%;
        padding-top: 45px;
       }
  
      .leadership-header {
        height: 350px;
        background-position: bottom center;
        padding: 20px 0;
      }
      .img-l {
        width: 100%;
      }

      .role-m {
        width: 16%;
      }

      .text-xlg {
        font-size: 50px;
      }

      .text-xlg {
        font-size: 40px;
      }

      .text-lgg {
        font-size: 22px;
      }

      .b-top-m::after {
        top: -10px;
        left: 0;
        margin-left: 0;
      }

      .h4-sm {
        font-size: 18px;
      }

      .img-ceo,
      .ceo-img-md,
      .ceo-img-right {
        width: 100%;
      }

      .img-ceo {
        margin-right: 0;
      }

      .img-ceo-right {
        margin-left: 0;
      }
   
    }