:root {
  --c-black: #000;
  --c-white: #fff;
  --c-grey-100: #f8f8f8;
  --c-grey-150: #e4e7eb;
  --c-grey-200: #dcdbdc;
  --c-grey-250: #caced7;
  --c-grey-300: #a3aaae;
  --c-grey-400: #999;
  --c-grey-450: #656565;
  --c-grey-500: #4c4a44;
  --c-link: #ef7a42;
  --c-blue: #009edb;
  --c-dark-background: #151515;
  --c-global-border-dark: var(--c-black);
  --c-global-border-light: var(--c-grey-300);
  --c-global-border: #999;
  --c-page-background: #fff;
  --c-subtle-background: #eee;
  --f-sans: "HelveticaNeueLTStd";
  --f-serif: "Chronicle Display Roman";
  --fw-100: 100;
  --fw-200: 200;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900; }

.title, .about_video_content h1, .wh_we_title h2 {
  font-size: 48px;
  color: var(--c-black); }
  @media (max-width: 767px) {
    .title, .about_video_content h1, .wh_we_title h2 {
      font-size: 38px; } }
  @media (max-width: 580px) {
    .title, .about_video_content h1, .wh_we_title h2 {
      font-size: 32px; } }
  @media (max-width: 414px) {
    .title, .about_video_content h1, .wh_we_title h2 {
      font-size: 28px; } }

.hr_global {
  border-color: var(--c-global-border); }

.bg-light-1 {
  background-color: var(--c-grey-100) !important; }

.error {
  color: #ff0000;
  font-weight: 400; }

.ul_none, .ul_inline, .principles .principles_dot_list {
  list-style-type: none;
  text-decoration: none;
  margin: 0;
  padding: 0; }

.ul_inline > li, .principles .principles_dot_list > li {
  display: inline-block; }

.txt-black {
  color: var(--c-black) !important; }

.txt-gray {
  color: var(--c-grey-500) !important; }

.txt-orange {
  color: var(--c-link) !important; }

.txt-white {
  color: #fff !important; }

.txt-uppercase {
  text-transform: uppercase !important; }

.txt-capitalize {
  text-transform: capitalize !important; }

.txt-lowercase {
  text-transform: lowercase !important; }

.link-theme {
  color: var(--c-link);
  font-weight: var(--fw-500);
  text-decoration: none; }
  .link-theme:hover, .link-theme:focus {
    color: var(--c-link);
    border-bottom: 0; }

.link-theme-login {
  color: var(--c-link);
  font-weight: var(--fw-500);
  text-decoration: none; }
  .link-theme-login:hover {
    color: var(--c-link);
    border-bottom: 0; }

/***** about css *****/
.about_sec {
  padding-top: 130px;
  background-color: var(--c-grey-100); }
  @media (max-width: 480px) {
    .about_sec {
      padding-top: 120px; } }

.ab_co_found_main {
  margin: 0 auto;
  display: flex;
  flex-flow: row;
  width: 70%; }
  @media (max-width: 1024px) {
    .ab_co_found_main {
      width: 100%; } }
  @media (max-width: 640px) {
    .ab_co_found_main {
      flex-flow: column;
      width: 50%; } }
  @media (max-width: 580px) {
    .ab_co_found_main {
      width: 60%; } }
  @media (max-width: 480px) {
    .ab_co_found_main {
      width: 70%; } }
  @media (max-width: 375px) {
    .ab_co_found_main {
      width: 90%; } }
  @media (max-width: 320px) {
    .ab_co_found_main {
      width: 100%; } }
  .ab_co_found_main .ab_co_found_col {
    padding: 0 30px;
    margin-bottom: 20px;
    width: 50%; }
    @media (max-width: 980px) {
      .ab_co_found_main .ab_co_found_col {
        padding: 0 20px; } }
    @media (max-width: 640px) {
      .ab_co_found_main .ab_co_found_col {
        margin-bottom: 30px;
        padding: 0;
        width: 100%; }
        .ab_co_found_main .ab_co_found_col:last-child {
          margin-bottom: 0; } }
  .ab_co_founder_thumb {
    width: 100%;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden; }
    .ab_co_founder_thumb:hover img {
      transform: scale(1.05); }
    .ab_co_founder_thumb img {
      height: 420px;
      object-fit: cover;
      width: 100%;
      transform: scale(1);
      transition: transform 0.2s ease-out; }
      @media (max-width: 767px) {
        .ab_co_founder_thumb img {
          height: 100%;
          object-fit: contain; } }

  .ab_company_owner {
    padding: 30px 20px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%); }
    .ab_company_owner .media-right {
      padding-left: 20px; }
      @media (max-width: 800px) {
        .ab_company_owner .media-right {
          padding-left: 18px; } }
      .ab_company_owner .media-right span {
        width: 36px;
        height: 36px;
        border: 1px solid #fff;
        text-align: center;
        font-size: 18px;
        color: var(--c-blue);
        display: flex;
        align-items: center;
        justify-content: center; }
        .ab_company_owner .media-right span:hover {
          background-color: var(--c-blue);
          color: #fff; }
    .ab_company_owner .media-body h4 {
      color: #fff;
      margin-top: 0;
      margin-bottom: 10px;
      font-family: var(--f-serif);
      font-size: 26px; }
      @media (max-width: 375px) {
        .ab_company_owner .media-body h4 {
          font-size: 22px; } }
    .ab_company_owner .media-body p {
      color: var(--c-blue);
      margin: 0;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: var(--fw-700); }
      @media (max-width: 375px) {
        .ab_company_owner .media-body p {
          font-size: 15px; } }

.about_video_content h1 {
  margin-top: 0;
  margin-bottom: 30px; }
  @media (max-width: 580px) {
    .about_video_content h1 {
      margin-bottom: 20px; } }
.about_video_content p {
  color: var(--c-black);
  margin-bottom: 30px;
  text-align: justify; }
.about_video_content .ab_video {
  width: 100%;
  height: 400px;
  position: relative; }
  @media (max-width: 580px) {
    .about_video_content .ab_video {
      height: 300px; } }
  .about_video_content .ab_video a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%; }
    .about_video_content .ab_video a::before {
      content: " ";
      z-index: 1;
      background-image: url("../img/video-play.png");
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: 0 0;
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 65px;
      height: 65px;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .about_video_content .ab_video a::before {
          width: 60px;
          height: 60px; } }
    .about_video_content .ab_video a img {
      width: 100%;
      height: 100%;
      position: absolute;
      object-fit: cover; }

/*what we do*/
.what_we_main {
  position: relative; }
  .wh_we_title h4 {
    color: var(--c-black);
    margin-bottom: 20px; }

  @media (max-width: 480px) {
    .wh_we_media {
      display: flex;
      flex-flow: column-reverse; } }
  @media (max-width: 480px) {
    .wh_we_media .media-body {
      width: 100%; } }
  .wh_we_media_list {
    margin-bottom: 40px; }
    .wh_we_media_list + .wh_we_media_list {
      padding-top: 40px;
      border-top: 1px solid var(--c-global-border); }
      @media (max-width: 480px) {
        .wh_we_media_list + .wh_we_media_list {
          padding-top: 30px; } }
    @media (max-width: 480px) {
      .wh_we_media_list {
        margin-bottom: 30px; } }
    .wh_we_media_list:last-child {
      margin-bottom: 0; }
    .wh_we_media_list h4 {
      margin-top: 0;
      margin-bottom: 20px;
      color: var(--c-black);
      font-family: var(--f-serif);
      font-size: 30px; }
    .wh_we_media_list p {
      font-size: 20px;
      color: var(--c-black);
      margin-bottom: 0; }
  .wh_we_media .media-right {
    padding-left: 40px; }
    @media (max-width: 480px) {
      .wh_we_media .media-right {
        padding-left: 0; } }
    .wh_we_media .media-right img {
      width: auto;
      height: 100%;
      object-fit: contain; }
      @media (max-width: 480px) {
        .wh_we_media .media-right img {
          width: 130px;
          height: auto;
          margin-bottom: 30px; } }

/*principles*/
.principles {
  background-color: var(--c-grey-100); }
  .principles .principles_dot_list {
    margin-bottom: 20px; }
    .principles .principles_dot_list > li {
      color: #fff;
      font-family: var(--f-serif);
      font-size: 28px;
      position: relative; }
      @media (max-width: 1100px) {
        .principles .principles_dot_list > li {
          font-size: 26px; } }
      .principles .principles_dot_list > li + li::before {
        content: " ";
        position: relative;
        left: 0;
        top: -3px;
        margin: 0 10px;
        width: 10px;
        height: 10px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        background-color: #fff;
        display: inline-block; }

/*founder*/
/*about our service*/
.about_ouservice_thumb {
  width: 100%;
  position: relative;
  height: 500px;
  margin-bottom: 30px; }
  @media (max-width: 1100px) {
    .about_ouservice_thumb {
      height: 400px; } }
  .about_ouservice_thumb a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .about_ouservice_thumb a > img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .about_ouservice_thumb a .about_ourser_content {
      text-align: center;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%); }
      .about_ouservice_thumb a .about_ourser_content > img {
        width: 80px;
        margin-bottom: 20px; }
        @media (max-width: 1100px) {
          .about_ouservice_thumb a .about_ourser_content > img {
            width: 70px;
            margin-bottom: 15px; } }
      .about_ouservice_thumb a .about_ourser_content p {
        color: #fff;
        margin: 0;
        font-size: 50px;
        font-family: var(--f-serif); }
        @media (max-width: 1100px) {
          .about_ouservice_thumb a .about_ourser_content p {
            font-size: 40px; } }
        @media (max-width: 580px) {
          .about_ouservice_thumb a .about_ourser_content p {
            font-size: 36px; } }

@media (max-width: 767px) {
  .about_ouservice_box {
    margin-bottom: 40px; } }
@media (max-width: 480px) {
  .about_ouservice_box {
    margin-bottom: 20px; } }
.about_ouservice_box h3 {
  color: var(--c-black);
  font-size: 34px;
  font-family: var(--f-serif);
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 4px solid var(--c-global-border-light); }
  @media (max-width: 1100px) {
    .about_ouservice_box h3 {
      font-size: 30px; } }
  @media (max-width: 480px) {
    .about_ouservice_box h3 {
      font-size: 28px;
      padding-top: 10px; } }
.about_ouservice_box p {
  color: var(--c-black);
  font-size: 20px;
  margin-bottom: 0; }
  @media (max-width: 480px) {
    .about_ouservice_box p {
      font-size: 18px; } }

.aboutus_logo_box {
  border: 1px solid var(--c-global-border);
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }
  .aboutus_logo_box:hover {
    border-color: var(--c-black); }
    .aboutus_logo_box:hover .ab_overlap_text {
      display: flex;
      flex-flow: column;
      justify-content: center;
      animation: zoomIn 200ms ease-in-out; }
    .aboutus_logo_box:hover .ab_logo {
      filter: blur(4px); }
  .aboutus_logo_box .ab_overlap_text {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    z-index: 1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; }
    .aboutus_logo_box .ab_overlap_text h4 {
      color: #fff;
      margin-top: 0;
      margin-bottom: 15px;
      font-size: 24px;
      font-family: var(--f-serif); }
    .aboutus_logo_box .ab_overlap_text p {
      color: #fff;
      font-size: 15px;
      text-align: center;
      margin-bottom: 0; }
  .aboutus_logo_box .ab_logo {
    height: 250px;
    padding: 30px; }
    .aboutus_logo_box .ab_logo img {
      width: 100%;
      height: 100%;
      object-fit: contain; }

.ab_leadership_thumb {
  width: 240px;
  padding-right: 40px; }
  @media (max-width: 480px) {
    .ab_leadership_thumb {
      width: 200px;
      padding-right: 0; } }
  .ab_leadership_thumb > img {
    width: 100%;
    border-radius: 10px; }

.ab_leadership_content .media .media-left img {
  width: 80px; }

/** what_drive_us **/
.what_drive_us {
  background-color: var(--c-grey-100); }

/*# sourceMappingURL=about.css.map */