@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap");
.prime-color { color: #3078ff; }
.secondary-color { color: #00AAE5; }
.nav-link { display: block; padding: 0.5rem 0.3rem; }
.nav-tabs .nav-link { background-color: #eee; border: 1px solid white; }
.bs-callout li { padding-bottom: 8px; }
.bs-callout li div.row:hover { background-color: lightyellow; }
.prime-color-bg { background-color: #3078ff; }
.secondary-color-bg { background-color: #00AAE5; }
.bg-white { background-color: white; }
.jumbotron { background-color: none !important; width: 100%; }
.bg-grey { background-color: #e3e3e3 !important; }
.mh-500 { height: 500px !important; vertical-align: middle !important; width: 100%; }
.bg-black { background-color: #001540 !important; }
.mt-100 { margin-top: 100px; }
.mt-50 { margin-top: 50px; }
.mb-p200 { padding: 100px 0; }
.pt-20 { padding: 20px !important; }
.text-white { color: #fff !important; }
.taf,
p { text-align: justify !important; }
.apbc-body { margin: 0; padding: 0; overflow-x: hidden; font-size: 16px; line-height: 1.556; color: #858585; font-family: "Roboto", sans-serif; -moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }
.cursor_default { cursor: default !important; }
::-moz-selection { color: #ffffff; background-color: #3078ff; }
::selection { color: #ffffff; background-color: #3078ff; }
::-moz-selection { color: #ffffff; background-color: #3078ff; }
.logo25 { position: fixed; top: 10px; right: 0px; width: 120px; height: 120px; z-index: 101;/*  transform: rotateY(45deg);*/ animation: animate 2.5s linear infinite; perspective: 800px; border-radius: 50%; animation-iteration-count: 7;/*
  -moz-box-shadow: 0 0 5px #fff;
  -webkit-box-shadow: 0 0 5px #fff;
  box-shadow: 0px 0px 5px #fff;*/ }
  @keyframes animate {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
  }
  .logo25 img { width: 100%; }
  .container { max-width: 1240px; }
  @media only screen and (min-width:320px) {
    .logo25 { position: fixed; top: 75px; right: 0px; width: 80px; height: 80px; }
    .mh-700 { min-height: 700px; }
    .mh-400 { min-height: 400px; }
  }

  /* Extra Small Devices, Phones */
  @media only screen and (min-width:480px) {
    .logo25 { position: fixed; top: 75px; right: 0px; width: 95px; height: 95px; }
    .mh-700 { min-height: 700px; }
    .mh-400 { min-height: 400px; }
  }

  /* Small Devices, Tablets */
  @media only screen and (min-width:768px) {
    .logo25 { position: fixed; /*  top: -10px;
         right: 75px;
         width: 130px;
         height: 130px; */ top: 10px; right: 75px; width: 100px; height: 100px; }
      .mh-700 { min-height: auto; }
      .mh-400 { min-height: auto; }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width:992px) {
      .logo25 { position: fixed; top: -10px; right: 10px; width: 120px; height: 120px; }
      .mh-700 { min-height: auto; }
      .mh-400 { min-height: auto; }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width:1200px) {
      .logo25 { position: fixed; top: -10px; right: 10px; width: 120px; height: 120px; }
      .mh-700 { min-height: auto; }
      .mh-400 { min-height: auto; }
    }
    ul { margin: 0; padding: 0; list-style: none; }
    ul li { list-style: none; }
    [data-background] { background-size: cover; background-repeat: no-repeat; background-position: center center; }
    a { color: inherit; text-decoration: none; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; }
    a:hover,
    a:focus { text-decoration: none; }
    img { width: 100%; height: auto; }
    section { overflow: hidden; }
    button { cursor: pointer; }
    .form-control:focus,
    button:visited,
    button.active,
    button:hover,
    button:focus,
    input:visited,
    input.active,
    input:hover,
    input:focus,
    textarea:hover,
    textarea:focus,
    a:hover,
    a:focus,
    a:visited,
    a.active,
    select,
    select:hover,
    select:focus,
    select:visited { outline: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; color: inherit; }
    .form-control { -webkit-box-shadow: none; box-shadow: none; }
    .relative-position { position: relative; }
    .no-padding { padding: 0; }
    .apbc-headline h1,
    .apbc-headline h2,
    .apbc-headline h3,
    .apbc-headline h4,
    .apbc-headline h5,
    .apbc-headline h6 { font-family: "Poppins", sans-serif; font-weight: 700; /*text-transform: capitalize;*/ line-height: 1.25; letter-spacing: normal; margin-bottom: 0; color: #000625; }
    .apbc-headline h1 { font-size: 1.5rem; }

    /*@media only screen and (min-width: 820px) {
      .apbc-headline h1 {
      padding-top: 150px; text-align: center;
     }}*/
    @media only screen and (min-width:1200px) {
      .apbc-headline h1 { font-size: 1.5rem; padding-top: 70px; position: absolute; bottom: -200px; }
    }
    @media only screen and (max-width:992px) {
      .apbc-headline h1 { font-size: 1.5rem; padding-top: 70px; position: absolute; bottom: -125px; }
    }
    @media (max-width:768.98px) {
      .apbc-headline h1 { font-size: 1.5rem; position: absolute; bottom: -150px; }
    }
    @media (max-width:575.98px) {
      .apbc-headline h1 { font-size: 1rem; position: absolute; bottom: -25px; }
    }
    .apbc-headline h2 { font-size: 1.5rem; }
    @media (max-width:768.98px) {
      .apbc-headline h2 { font-size: 1.5rem; }
    }
    @media (max-width:575.98px) {
      .apbc-headline h2 { font-size: 1rem; }
    }
    .apbc-headline h3 { font-size: 2rem; }
    @media (max-width:767.98px) {
      .apbc-headline h3 { font-size: 1.5rem; }
    }
    @media (max-width:575.98px) {
      .apbc-headline h2 { font-size: 1rem; }
    }
    .apbc-headline h4 { font-size: 30px; }
    .apbc-headline h5 { font-size: 24px; }
    .apbc-headline h6 { font-size: 20px; }
    .apbc-pera-txt p { color: #858585; margin: 0; }
    [class^="flaticon-"]:before,
    [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after,
    [class*=" flaticon-"]:after { margin-left: 0; line-height: 0; }
    .loading-preloader { background-color: white; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; }
    #loading-preloader { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 50px; width: 150px; visibility: visible; z-index: 1000; }
    .line_shape { width: 8px; height: 50px; margin-right: 5px; background-color: #3078ff; -webkit-animation: animate24 1s infinite; animation: animate24 1s infinite; float: left; opacity: 1; }
    .line_shape:last-child { margin-right: 0px; }
    .line_shape:nth-child(10) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
    .line_shape:nth-child(9) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
    .line_shape:nth-child(8) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
    .line_shape:nth-child(7) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
    .line_shape:nth-child(6) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
    .line_shape:nth-child(5) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
    .line_shape:nth-child(4) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
    .line_shape:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
    .line_shape:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
    @-webkit-keyframes animate24 {
      50% { -webkit-transform: scaleY(0); transform: scaleY(0); }
    }
    @keyframes animate24 {
      50% { -webkit-transform: scaleY(0); transform: scaleY(0); }
    }
    .apbc-body-overlay { background-color: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; z-index: 50; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
    .apbc-body-overlay-on { opacity: 1; visibility: visible; }
    .apbc-title-area { margin-bottom: 30px; }
    .apbc-title-area .apbc-subtitle,
    .subtitle { display: inline-block; position: relative; color: #3078ff; font-size: 18px; font-weight: 700; margin-bottom: 15px; }
    .apbc-title-area .apbc-subtitle::after {/*  content: '';
        position: absolute;
        width: 100px;
        height: 2px;
        background-color: #3078ff;
        bottom: 8px;
        left: calc(100% + 6px);*/ }
      .apbc-nav-menu .side-demo span { top: 0px; right: 20px; }
      .apbc-title-area .apbc-pera-txt { margin-top: 25px; }
      .apbc-primary-btn a,
      .rev-btn a { width: auto; height: 55px; line-height: 55px; font-family: "Poppins", sans-serif; font-size: 15px; color: #ffffff; background-color: #3078ff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 30px; font-weight: 600; padding: 0 10px 0 15px; text-transform: capitalize; }
      .apbc-primary-btn a i,
      .rev-btn a i { margin-left: 20px; width: 35px; height: 35px; line-height: 30px; background-color: #ffffff; border-radius: 50%; color: #3078ff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-primary-btn a:hover,
      .rev-btn a:hover { background-color: #000625; }
      .apbc-primary-btn a:hover i,
      .rev-btn a:hover i { color: #000625; }
      .apbc-secondary-btn a { width: auto; height: 55px; line-height: 55px; font-family: "Poppins", sans-serif; font-size: 15px; color: #ffffff; background-color: #000625; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 30px; font-weight: 600; padding: 0 10px 0 15px; text-transform: capitalize; }
      .apbc-secondary-btn a i { margin-left: 20px; width: 35px; height: 35px; line-height: 30px; background-color: #ffffff; border-radius: 50%; color: #000625; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-secondary-btn a:hover { background-color: #3078ff; }
      .apbc-secondary-btn a:hover i { color: #3078ff; }
      .apbc-readmore-btn { margin-top: 20px; height: 200px; }
      .apbc-readmore-btn a { font-size: 15px; font-weight: 700; font-family: "Poppins", sans-serif; text-transform: capitalize; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-readmore-btn a i { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-scroll-top { width: 30px; height: 30px; color: #ffffff !important; background-color: #3078ff; font-size: 20px; text-align: center; line-height: 30px; display: inline-block; position: fixed; bottom: 50px; right: 30px; z-index: 10; border-radius: 4px; display: none; -webkit-transition: initial; -o-transition: initial; transition: initial; }
      .apbc-scroll-bottom {  /*width: 40px;
          height: 40px;
          color: #ffffff !important;
          background-color: #3078ff;
          font-size: 24px;
          text-align: center;
          line-height: 40px;
          display: inline-block;
          position: fixed;
          bottom: 10px;
          right: 30px;
          z-index: 10;
          border-radius: 4px;
          display: block;
          -webkit-transition: initial;
          -o-transition: initial;
          transition: initial;*/
      width: 30px; height: 30px; color: #ffffff !important; background-color: #3078ff; font-size: 18px; text-align: center; line-height: 30px; display: inline-block; position: fixed; bottom: 10px; right: 30px; z-index: 10; border-radius: 4px; display: block; -webkit-transition: initial; -o-transition: initial; transition: initial; }
      .apbc-hero-slider .rev-btn { background-color: transparent !important; padding: 0 !important; }
      .apbc-hero-slider .rev-btn a { border: 2px solid transparent; }
      .apbc-hero-slider .rev-btn a:hover { border: 2px solid #3078ff; background-color: transparent; }
      @media (max-width:575.98px) {
        .apbc-hero-slider .rev-btn a { width: auto; height: auto; padding: 8px !important; font-size: 9px; }
        .apbc-hero-slider .rev-btn a i { width: 25px; height: 25px; }
      }
      .apbc-hero-slider .rev-btn a:hover { background-color: transparent; border: 2px solid #3078ff !important; }
      .apbc-hero-slider .rev-btn i { font-family: 'Font Awesome 5 Free'; font-weight: 900 !important; }
      .apbc-hero-slider .rev-btn i::before { font-family: 'Font Awesome 5 Free'; font-weight: 900; }
      .apbc-p-20 { padding: 0 20px; }
      @-webkit-keyframes apbc_shape_ups_down {
        0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
        50% { -webkit-transform: translateY(10px); transform: translateY(10px); }
        100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
      }
      @keyframes apbc_shape_ups_down {
        0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
        50% { -webkit-transform: translateY(10px); transform: translateY(10px); }
        100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
      }
      @-webkit-keyframes apbc_fadeInUp {
        0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
        60% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
        100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
      }
      @keyframes apbc_fadeInUp {
        0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
        60% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
        100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
      }

      /********* Layout **************/
      .apbc-header-section { top: 0; left: 0; width: 100%; z-index: 10; position: absolute; background-color: transparent; }
      .apbc-header-section .apbc-logo-wrapper a {  /*width: 280px;*/
      width: 350px; display: inline-block; }
      @media (max-width:767.98px) {
        .apbc-logo-wrapper a img { width: 90%; }
      }
      @media (max-width:575.98px) {
        .apbc-logo-wrapper a img { width: 70%; }
      }
      @media (max-width:991.98px) {
        .apbc-header-section { padding: 10px 0; }
        .apbc-header-section .apbc-desktop-menu { display: none; }
      }
      .apbc-header-sticky { position: fixed; top: 0; left: 0; width: 100%; height: auto; background-color: #010f42; -webkit-box-shadow: -3.119px 14.672px 60px 0px rgba(70, 73, 95, 0.6); box-shadow: -3.119px 14.672px 60px 0px rgba(70, 73, 95, 0.6); -webkit-animation: 1s slideInDown; animation: 1s slideInDown; z-index: 20; }
      .apbc-nav-menu { text-align: right; }
      .apbc-nav-menu ul li { display: inline-block; position: relative; }
      .apbc-nav-menu ul li a {  /*padding: 26px 25px;*/
      padding: 35px 15px; color: #ffffff; font-weight: 500; text-transform: capitalize; display: block; position: relative; }
      .apbc-nav-menu ul li a::after { content: ''; position: absolute; bottom: 15px; left: 20px; width: 0; height: 3px; background-color: #3078ff; border-radius: 2px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-nav-menu ul li a::before { content: ''; width: 0; height: 3px; background-color: #3078ff; position: absolute; left: 50px; bottom: 15px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-nav-menu ul li a.active::after { width: 25px; }
      .apbc-nav-menu ul li a.active::before { width: 6px; }
      .apbc-nav-menu ul li a:hover::after { width: 25px; }
      .apbc-nav-menu ul li a:hover::before { width: 6px; }
      .apbc-nav-menu ul li.has-submenu::after { content: '+'; position: absolute; top: 35px; right: 0px; font-family: "Roboto", sans-serif; font-weight: 500; color: #ffffff; font-size: 16px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-nav-menu ul li.has-submenu ul { position: absolute; top: calc(100% + 10px); left: 0; background-color: #000625; min-width: 200px; z-index: 10; text-align: left; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; opacity: 0; visibility: hidden; }
      .apbc-nav-menu ul li.has-submenu ul:after { content: ''; position: absolute; left: 0; top: -5px; width: 100%; height: 5px; background-color: #3078ff; }
      .apbc-nav-menu ul li.has-submenu ul li { display: block; }
      .apbc-nav-menu ul li.has-submenu ul li::after { top: 15px; right: 15px; }
      .apbc-nav-menu ul li.has-submenu ul li a { padding: 12px 20px; }
      .apbc-nav-menu ul li.has-submenu ul li a::after { display: none; }
      .apbc-nav-menu ul li.has-submenu ul li a::before { display: none; }
      .apbc-nav-menu ul li.has-submenu ul li a:hover { color: #3078ff; padding-left: 25px; }
      .apbc-nav-menu ul li.has-submenu ul li ul { left: 100%; top: 10px; }
      .apbc-nav-menu ul li.has-submenu ul li:hover>ul { top: 5px; }
      .apbc-nav-menu ul li.has-submenu:hover::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
      .apbc-nav-menu ul li.has-submenu:hover>ul { top: calc(100% + 5px); opacity: 1; visibility: visible; }
      .apbc-sidebar-btn,
      .apbc-mobile-menu-open { text-align: right; }
      .apbc-sidebar-btn a,
      .apbc-mobile-menu-open a { width: 50px; height: 50px; background-color: #3078ff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; font-size: 25px; border-radius: 50%; border: 2px solid transparent; }
      .apbc-sidebar-btn a:hover,
      .apbc-mobile-menu-open a:hover { background-color: transparent; border: 2px solid #3078ff; color: #3078ff; }
      @media (max-width:991.98px) {
        .apbc-sidebar-btn { display: none; }
      }
      .apbc-mobile-menu-open { display: none; }
      @media (max-width:991.98px) {
        .apbc-mobile-menu-open { display: block; }
      }
      .apbc-mobile-navigation { position: fixed; right: -320px; top: 0; width: 300px; height: 100vh; overflow: scroll; background-color: #000625; padding-top: 20px; z-index: 300; display: none; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      @media (max-width:1024.98px) {
        .apbc-mobile-navigation { display: block; }
      }
      .apbc-mobile-navigation .apbc-mobile-menu-close { margin-left: 20px; margin-bottom: 20px; display: inline-block; color: #ffffff; }
      .apbc-mobile-navigation ul li { position: relative; }
      .apbc-mobile-navigation ul li a { padding: 12px 18px; display: block; color: #ffffff; font-weight: 600; text-transform: capitalize; }
      .apbc-mobile-navigation ul li+li a { border-top: 1px solid #eff3fc2e; }
      .apbc-mobile-navigation ul li ul { display: none; }
      .apbc-mobile-navigation ul li ul li a { padding-left: 30px; }
      .apbc-mobile-navigation ul li ul li ul li a { padding-left: 35px; }
      .apbc-mobile-navigation ul li.has-submenu::after { content: '\f067'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 14px; position: absolute; right: 10px; top: 10px; color: #ffffff; }
      .apbc-mobile-navigation ul li.abpc-submenu-icon-ratate::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
      .apbc-mobile-menu-on { right: 0; }
      .apbc-sidebar-info .apbc_sidebar_info_content { width: 380px; height: 100%; position: fixed; right: -380px; top: 0; background-color: #ffffff; z-index: 9999999; padding: 30px 40px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-sidebar-info .apbc_sidebar_info_content .close-menu { cursor: pointer; }
      .apbc-sidebar-info .apbc_sidebar_info_content .apbc_sidebar_logo { text-align: center; margin-bottom: 60px; }
      .apbc-sidebar-info .apbc_sidebar_info_content .apbc_sidebar_logo img { width: 130px; }
      .apbc-sidebar-info .apbc_sidebar_info_content .apbc-pera-txt { line-height: 1.8em; }
      .apbc-sidebar-info .apbc_sidebar_info_content .apbc-sidebar-gallery { margin-top: 30px; }
      .apbc-sidebar-info .apbc_sidebar_info_content .apbc-sidebar-gallery ul li { display: inline-block; margin: 5px 5px; }
      .apbc-sidebar-info .apbc_sidebar_info_content .apbc-sidebar-social { margin-top: 30px; }
      .apbc-sidebar-info .apbc_sidebar_info_content .apbc-sidebar-social h5 { margin-bottom: 15px; }
      .apbc-sidebar-info .apbc_sidebar_info_content .apbc-sidebar-social a+a { margin-left: 10px; }
      .apbc-sidebar-info .apbc_sidebar_info_content .apbc-sidebar-copyright { text-align: center; margin-top: 40px; }
      .apbc-sidebar-info .apbc-sidebar-on { right: 0; }
      .apbc-hero-slider {  /*margin-top: -100px;*/ }
      @media (max-width:991.98px) {
        .apbc-hero-slider { margin-top: -70px; }
      }
      .apbc-hero-slider .apbc-slider-overlay { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #070022), color-stop(70%, #07002200)); background-image: -webkit-linear-gradient(left, #070022 30%, #07002200 70%); background-image: -o-linear-gradient(left, #070022 30%, #07002200 70%); background-image: linear-gradient(90deg, #070022 30%, #07002200 70%); background-color: none !important; }
      .apbc-hero-slider rs-bullet.tp-bullet { background-color: #ffffff !important; }
      .apbc-hero-slider rs-bullet.tp-bullet:hover { -webkit-box-shadow: none !important; box-shadow: none !important; }
      .apbc-hero-slider rs-bullet.selected { -webkit-box-shadow: 0 0 0 2px #3078ff !important; box-shadow: 0 0 0 2px #3078ff !important; background-color: transparent !important; }
      .apbc-hero-slider rs-bullet.selected span { background-color: #3078ff !important; }
      .apbc-hero-slider .apbc-single-item { padding: 350px 0; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; }
      .apbc-hero-slider .apbc-single-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, color-stop(5%, #070022), color-stop(65%, #07002200)); background-image: -webkit-linear-gradient(left, #070022 5%, #07002200 65%); background-image: -o-linear-gradient(left, #070022 5%, #07002200 65%); background-image: linear-gradient(90deg, #070022 5%, #07002200 65%); }
      .apbc-hero-slider .apbc-single-item .apbc-slide-shape-1 { position: absolute; top: 0; left: 0; }
      .apbc-hero-slider .apbc-single-item .apbc-slide-shape-2 { position: absolute; bottom: 0; right: 0; }
      .apbc-hero-slider .apbc-single-item .apbc-slide-social { position: absolute; bottom: 60px; left: 0; display: inline-block; }
      .apbc-hero-slider .apbc-single-item .apbc-slide-social ul li { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-top: 60px; text-align: center; }
      .apbc-hero-slider .apbc-single-item .apbc-slide-social ul li a { display: inline-block; color: #ffffff; font-weight: 500; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-hero-slider .apbc-single-item .apbc-slide-social ul li a:hover { color: #3078ff; }
      @media (max-width:1400px) {
        .apbc-hero-slider .apbc-single-item .apbc-slide-social { left: auto; right: 0; }
      }
      .apbc-hero-slider .apbc-single-item .apbc-slide-left .apbc-headline h1 { color: #ffffff; }
      @media (max-width:575.98px) {
        .apbc-hero-slider .apbc-single-item .apbc-slide-left .apbc-headline h1 { font-size: 1rem; padding-top: 75px; }
      }
      .apbc-hero-slider .apbc-single-item .apbc-slide-left .apbc-pera-txt { margin-top: 30px; }
      .apbc-hero-slider .apbc-single-item .apbc-slide-left .apbc-pera-txt p { color: #ffffff; }
      @media (max-width:575.98px) {
        .apbc-hero-slider .apbc-single-item .apbc-slide-left .apbc-pera-txt p br { display: none; }
      }
      .apbc-hero-slider .apbc-single-item .apbc-slide-left .apbc-primary-btn { margin-top: 40px; }
      .apbc-hero-slider .apbc-single-item .apbc-slide-left .apbc-primary-btn a { border: 2px solid transparent; }
      .apbc-hero-slider .apbc-single-item .apbc-slide-left .apbc-primary-btn a:hover { background-color: transparent; border: 2px solid #3078ff; }
      .apbc-hero-slider .apbc-single-item.slick-active .apbc-slide-shape-1 { -webkit-animation: 1s fadeInLeft linear; animation: 1s fadeInLeft linear; }
      .apbc-hero-slider .apbc-single-item.slick-active .apbc-slide-shape-2 { -webkit-animation: 1.5s fadeInRight linear; animation: 1.5s fadeInRight linear; }
      .apbc-hero-slider .apbc-single-item.slick-active .apbc-slide-left .apbc-headline h1 { -webkit-animation: 1s apbc_fadeInUp; animation: 1s apbc_fadeInUp; }
      .apbc-hero-slider .apbc-single-item.slick-active .apbc-slide-left .apbc-pera-txt p { -webkit-animation: 1.3s apbc_fadeInUp; animation: 1.3s apbc_fadeInUp; }
      .apbc-hero-slider .apbc-single-item.slick-active .apbc-slide-left .apbc-primary-btn a { -webkit-animation: 1.6s apbc_fadeInUp; animation: 1.6s apbc_fadeInUp; }
      @media (max-width:991.98px) {
        .apbc-hero-slider .apbc-single-item { text-align: center; padding: 200px 0; }
      }
      @media (max-width:767.98px) {
        .apbc-hero-slider .apbc-single-item { padding: 180px 0; }
        .apbc-hero-slider .apbc-single-item .apbc-slide-social { display: none; }
      }
      @media (max-width:575.98px) {
        .apbc-hero-slider .apbc-single-item { padding: 150px 0; }
      }
      .apbc-hero-slider .slick-dots { bottom: 30px; }
      .apbc-hero-slider .slick-dots li { width: 18px; height: 18px; padding: 3px; border: 1px solid transparent; border-radius: 50%; margin: 0; }
      .apbc-hero-slider .slick-dots li+li { margin-left: 3px; }
      .apbc-hero-slider .slick-dots li button { width: 100%; height: 100%; background-color: #ffffff; border: 0; border-radius: 50%; padding: 0; font-size: 0; }
      .apbc-hero-slider .slick-dots li button::before { display: none; }
      .apbc-hero-slider .slick-dots li.slick-active { border: 1px solid #3078ff; }
      .apbc-hero-slider .slick-dots li.slick-active button { background-color: #3078ff; }
      .apbc-about-section { padding: 100px 0; }
      .apbc-about-left { position: relative; }
      .apbc-about-left .apbc-img-wrapper { position: relative; }
      .apbc-about-left .apbc-img-wrapper .apbc-ab-shape { position: absolute; left: 0; top: 0; }
      .apbc-about-left .apbc-countarea { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: absolute; left: 60px; bottom: 60px; background-color: #ffffff; -webkit-box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); padding: 20px 15px; border-radius: 6px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
      .apbc-about-left .apbc-countarea::after { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background-color: #3078ff; border-radius: 6px 0 0 6px; }
      .apbc-about-left .apbc-countarea .apbc-headline { margin-right: 15px; width: 70px; }
      .apbc-about-left .apbc-countarea .apbc-headline h2 { color: #3078ff; display: inline-block; }
      .apbc-about-left .apbc-countarea .apbc-exp span { color: #000625; font-weight: 700; text-transform: default; }
      @media (max-width:991.98px) {
        .apbc-about-right { margin-top: 60px; }
      }
      .apbc-about-right .apbc-title-area { margin-bottom: 40px; }
      .apbc-about-right .apbc-about-inner .apbc-inner-content { margin-bottom: 30px; }
      .apbc-about-right .apbc-about-inner h6 { font-size: 20px; }
      .apbc-about-right .apbc-about-inner h6 i { color: #3078ff; margin-right: 10px; }
      .apbc-about-right .apbc-about-inner .apbc-pera-txt { margin-top: 8px; }
      @media (max-width:991.98px) {
        .apbc-about-right .apbc-primary-btn { margin-top: 30px; }
      }
      .apbc-service-section { background-color: #fafafa; padding: 100px 0; }
      .apbc-service-section .apbc-title-area { margin-bottom: 0; }
      .apbc-service-section .apbc-secondary-btn { text-align: right; }
      @media (max-width:991.98px) {
        .apbc-service-section .apbc-secondary-btn { text-align: left; margin-top: 30px; }
      }
      .apbc-service-slider { margin-top: 60px; }
      .apbc-service-slider .slick-list { margin: 0 -15px; padding: 30px 0; }
      .apbc-service-slider .slick-slide { margin: 0 15px; }
      .apbc-service-slider .apbc-service-single { -webkit-box-shadow: -3.119px 14.672px 18px 0px rgba(90, 90, 90, 0.15); box-shadow: -3.119px 14.672px 18px 0px rgba(90, 90, 90, 0.15); }
      .apbc-service-slider .apbc-service-single .apbc-img-wrapper { border-radius: 3px 3px 0 0; overflow: hidden; }
      .apbc-service-slider .apbc-service-single .apbc-img-wrapper img { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-service-slider .apbc-service-single .apbc-icon-wrapper { text-align: center; position: relative; z-index: 10; }
      .apbc-service-slider .apbc-service-single .apbc-icon-wrapper i { width: 80px; height: 80px; display: inline-block; background-color: #ffffff; -webkit-box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 40px; color: #3078ff; margin-top: -40px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-service-slider .apbc-service-single .apbc-service-content { padding: 25px; text-align: center; }
      .apbc-service-slider .apbc-service-single .apbc-service-content .apbc-headline { margin-bottom: 15px; }
      .apbc-service-slider .apbc-service-single .apbc-service-content .apbc-readmore-btn { margin-top: 15px; color: #000625; font-weight: 600; text-transform: capitalize; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-service-slider .apbc-service-single .apbc-service-content .apbc-readmore-btn i { margin-left: 6px; }
      .apbc-service-slider .apbc-service-single:hover .apbc-img-wrapper img { -webkit-transform: rotate(2deg) scale(1.1); -ms-transform: rotate(2deg) scale(1.1); transform: rotate(2deg) scale(1.1); }
      .apbc-service-slider .apbc-service-single:hover .apbc-icon-wrapper i { background-color: #3078ff; color: #ffffff; -webkit-box-shadow: -4.158px 19.563px 40px 0px rgba(243, 23, 23, 0.2); box-shadow: -4.158px 19.563px 40px 0px rgba(243, 23, 23, 0.2); }
      .apbc-service-slider .apbc-service-single:hover .apbc-readmore-btn { color: #3078ff; }
      .apbc-service-slider .slick-dots { bottom: -55px; }
      .apbc-service-slider .slick-dots li { margin: 0; }
      .apbc-service-slider .slick-dots li button { width: 10px; height: 10px; background-color: #000625; padding: 0; margin: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
      .apbc-service-slider .slick-dots li button::before { display: none; }
      .apbc-service-slider .slick-dots li.slick-active button { background-color: #3078ff; }
      .apbc-video-section { padding: 25px 0; overflow: visible; position: relative; z-index: 1; }
      .apbc-video-section::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;/*  background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, #000625), to(rgba(0, 6, 37, 0)));
          background-image: -webkit-linear-gradient(left, #000625 60%, rgba(0, 6, 37, 0));
          background-image: -o-linear-gradient(left, #000625 60%, rgba(0, 6, 37, 0));
          background-image: linear-gradient(to right, #000625 60%, rgba(0, 6, 37, 0));*/ z-index: -1; }
        @media (max-width:991.98px) {
          .apbc-video-section { height: auto; padding-bottom: 70px; }
        }
        .apbc-video-section .apbc-video-left .apbc-title-area .apbc-subtitle { color: #ffffff; }
        .apbc-video-section .apbc-video-left .apbc-title-area .apbc-subtitle::after { background: #ffffff; }
        .apbc-video-section .apbc-video-left .apbc-title-area h3 { color: #ffffff; }
        .apbc-video-section .apbc-video-left .apbc-left-middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; }
        .apbc-video-section .apbc-video-left .apbc-left-middle .apbc-primary-btn a { background-color: #ffffff; color: #000625; }
        .apbc-video-section .apbc-video-left .apbc-left-middle .apbc-primary-btn a i { background-color: #3078ff; color: #ffffff; }
        .apbc-video-section .apbc-video-left .apbc-left-middle .apbc-primary-btn a:hover { background-color: #3078ff; color: #ffffff; }
        .apbc-video-section .apbc-video-left .apbc-left-middle .apbc-primary-btn a:hover i { background-color: #ffffff; color: #3078ff; }
        .apbc-video-section .apbc-video-left .apbc-left-middle .apbc-phone-number { margin-left: 40px; }
        .apbc-video-section .apbc-video-left .apbc-left-middle .apbc-phone-number span { color: #ffffff; font-weight: 700; font-family: "Poppins", sans-serif; font-size: 24px; position: relative; }
        .apbc-video-section .apbc-video-left .apbc-left-middle .apbc-phone-number span i { margin-right: 10px; }
        .apbc-video-section .apbc-video-left .apbc-left-middle .apbc-phone-number span::after { content: ''; position: absolute; width: 60px; height: 60px; background-image: url(../img/theme/arrow.png); background-size: 40px; background-repeat: no-repeat; left: -30px; top: -35px; }
        @media (max-width:460px) {
          .apbc-video-section .apbc-video-left .apbc-left-middle { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px; }
          .apbc-video-section .apbc-video-left .apbc-left-middle .apbc-primary-btn { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: left; margin-top: 30px; }
          .apbc-video-section .apbc-video-left .apbc-left-middle .apbc-phone-number { margin-left: 0; margin-top: 30px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
          .apbc-about-section { padding: 10px 0; }
        }
        .apbc-video-section .apbc-video-right { text-align: center; }
        .apbc-video-section .apbc-video-right a { display: inline-block; width: 80px; height: 80px; background-image: url(../img/theme/icon-bg.png); background-size: 75px; background-repeat: no-repeat; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; }
        .apbc-video-section .apbc-video-right a::after { content: ''; width: 80px; height: 80px; background-image: url(../img/theme/icon-bg-2.png); background-size: 75px; background-repeat: no-repeat; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
        .apbc-video-section .apbc-video-right a:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); }
        .apbc-video-section .apbc-video-right a:hover i { color: #ffffff; }
        .apbc-video-section .apbc-video-right a:hover::after { opacity: 1; }
        @media (max-width:991.98px) {
          .apbc-video-section .apbc-video-right { text-align: left; margin-bottom: 60px; }
        }
        .apbc-video-section .apbc-video-content { margin-top: 80px; }
        @media (max-width:991.98px) {
          .apbc-video-section .apbc-video-content { margin-top: 60px; }
        }
        .apbc-video-section .apbc-video-content .apbc-video-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; }
        .apbc-video-section .apbc-video-content .apbc-video-column .apbc-icon-wrapper i { width: 70px; height: 70px; background-color: #3078ff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 40px; color: #ffffff; border-radius: 50%; position: relative; z-index: 10; -webkit-box-shadow: 27.486px -5.343px 40px 0px rgba(243, 23, 23, 0.2); box-shadow: 27.486px -5.343px 40px 0px rgba(243, 23, 23, 0.2); }
        .apbc-video-section .apbc-video-content .apbc-video-column .apbc-column-content { background-color: #ffffff; padding: 15px 30px 15px 50px; margin-left: -30px; border-radius: 3px; text-align: center; width: 100%; -webkit-box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); min-height: 125px; }
        .apbc-video-section .apbc-video-content .apbc-video-column .apbc-column-content .apbc-headline h4 { display: inline-block; }
        .apbc-video-section .apbc-video-content .apbc-video-column .apbc-column-content .apbc-headline span { font-size: 30px; color: #000625; font-weight: 700; font-family: "Poppins", sans-serif; }
        .apbc-video-section .apbc-video-content .apbc-video-column .apbc-column-content .apbc-tagline span { color: #000625; font-weight: 600; text-transform: capitalize; }
        .apbc-project-section { padding: 90px 0 100px 0; }
        .apbc-project-section .apbc-title-area span.apbc-subtitle::after { width: 50px; left: calc(100% + 10px); }
        .apbc-project-section .apbc-title-area span.apbc-subtitle::before { content: ''; position: absolute; bottom: 8px; left: -60px; width: 50px; height: 2px; background-color: #3078ff; }
        .apbc-bottom-content .apbc-pr-column { position: relative; -webkit-box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); margin-bottom: 30px; }
        .apbc-bottom-content .apbc-pr-column .apbc-img-wrapper { border-radius: 3px; overflow: hidden; }
        .apbc-bottom-content .apbc-pr-column .apbc-img-wrapper img { border-radius: 3px; }
        .apbc-bottom-content .apbc-pr-column .apbc-pr-content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 10px; position: absolute; left: 0px; bottom: 30px; opacity: 0; display: block; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.6); border-radius: 3px; -webkit-box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); }
        .apbc-bottom-content .apbc-pr-column .apbc-pr-content .apbc-pr-left h5 { font-size: 20px; text-transform: capitalize; color: #000625; font-family: "Poppins", sans-serif; font-weight: 700; letter-spacing: -1px; margin-bottom: 0; }
        .apbc-bottom-content .apbc-pr-column .apbc-pr-content .apbc-pr-left span { font-size: 15px; color: #000625; }
        .apbc-bottom-content .apbc-pr-column .apbc-pr-content .apbc-readmore-btn { margin-left: 20px; margin-top: 0; }
        .apbc-bottom-content .apbc-pr-column .apbc-pr-content .apbc-readmore-btn a { width: 40px; height: 40px; background-color: #3078ff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; border-radius: 3px; }
        .apbc-bottom-content .apbc-pr-column .apbc-pr-content .apbc-readmore-btn a i { margin-left: 0; }
        .apbc-bottom-content .apbc-pr-column .apbc-pr-content .apbc-readmore-btn a:hover { background-color: #000625; }
        @media (max-width:991.98px) {
          .apbc-bottom-content .apbc-pr-column .apbc-pr-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 10px; }
          .apbc-bottom-content .apbc-pr-column .apbc-pr-content .apbc-pr-left { width: 100%; }
          .apbc-bottom-content .apbc-pr-column .apbc-pr-content .apbc-readmore-btn { margin-left: 0; margin-top: 6px; width: 100%; }
        }
        .apbc-bottom-content .apbc-pr-column:hover .apbc-pr-content { left: 30px; visibility: visible; opacity: 1; }
        .apbc-bottom-content .apbc-readmore-btn-2 { text-align: center; margin-top: 40px; }
        .apbc-bottom-content .apbc-readmore-btn-2 a { color: #000625; font-family: "Poppins", sans-serif; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; font-weight: 700; position: relative; }
        .apbc-bottom-content .apbc-readmore-btn-2 a::before { content: ''; position: absolute; left: -60px; top: -25px; width: 60px; height: 60px; background-image: url(../img/theme/arrow-red.png); background-size: 50px; background-repeat: no-repeat; }
        .apbc-bottom-content .apbc-readmore-btn-2 a i { margin-left: 5px; }
        .apbc-bottom-content .apbc-readmore-btn-2 a:hover { color: #3078ff; }
        .apbc-skills-section { padding: 100px 0; }
        .apbc-skills-section .apbc-skills-left .apbc-primary-btn { margin-top: 30px; }
        .apbc-skills-section .apbc-skills-right .apbc-progress-item+.apbc-progress-item { margin-top: 30px; }
        .apbc-skills-section .apbc-skills-right .apbc-progress-wrapper { height: 40px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: -15px; }
        .apbc-skills-section .apbc-skills-right .progress-bar { width: 100%; background-color: #ffffff; border-radius: 3px; height: 6px; }
        .apbc-skills-section .apbc-skills-right .progress-bar .progress { width: 0; border-radius: 3px; height: 6px; position: relative; overflow: visible !important; }
        .apbc-skills-section .apbc-skills-right .progress-bar .progress::after { content: ''; position: absolute; top: -15px; right: 0; width: 0; height: 0; border-left: 12px solid transparent; border-right: 0px solid transparent; border-bottom: 20px solid #3078ff; }
        .apbc-skills-section .apbc-skills-right .progress-bar .progress span { font-size: 16px; display: inline-block; position: absolute; top: -38px; right: -30px; color: #000625; }
        @media (max-width:991.98px) {
          .apbc-skills-section .apbc-skills-right { margin-top: 60px; }
        }
        .apbc-team-section { padding: 100px 0 0px; }
        .apbc-team-section .apbc-title-area .apbc-subtitle::after { display: none; }
        .apbc-team-content .slick-list { padding: 30px 0; margin: 0 -15px; }
        .apbc-team-content .slick-slide { margin: 0 15px; }
        .apbc-team-content .apbc-team-single { -webkit-box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); -webkit-box-shadow: 0.881px 5.672px 12px 0px rgba(90, 90, 90, 0.15); box-shadow: 0.881px 5.672px 12px 0px rgba(90, 90, 90, 0.15); position: relative; overflow: hidden; margin-bottom: 30px; }
        .apbc-team-content .apbc-team-single .apbc-img-shape-1 { position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
        .apbc-team-content .apbc-team-single .apbc-img-shape-2 { position: absolute; top: -100px; right: -100px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
        .apbc-team-content .apbc-team-single .apbc-social-icons { position: absolute; top: 10px; right: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
        .apbc-team-content .apbc-team-single .apbc-social-icons a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; background-color: #ffffff; border-radius: 50%; margin-bottom: 10px; color: #000625; font-size: 25px; }
        .apbc-team-content .apbc-team-single .apbc-social-icons a:hover { background-color: #3078ff; color: #ffffff; }
        .apbc-team-content .apbc-team-single .apbc-member-content { padding: 20px; }
        .apbc-team-content .apbc-team-single .apbc-member-content .apbc-designation { margin-top: 4px; color: #000625; }
        .apbc-team-content .apbc-team-single:hover .apbc-img-shape-1 { opacity: 0; }
        .apbc-team-content .apbc-team-single:hover .apbc-img-shape-2 { opacity: 1; right: 0; top: 0; visibility: visible; }
        .apbc-team-content .apbc-team-single:hover .apbc-social-icons { right: 10px; opacity: 1; visibility: visible; }
        .apbc-team-content .slick-dots li { margin: 0; width: auto; margin-right: 8px; }
        .apbc-team-content .slick-dots li button { width: 10px; height: 10px; background-color: #000625; border-radius: 2px; padding: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
        .apbc-team-content .slick-dots li.slick-active button { background-color: #3078ff; }
        .apbc-contact-section { padding: 100px 0 0 0; overflow: visible; }
        .apbc-contact-section .apbc-contact-area { background-color: #ffffff; -webkit-box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); padding: 25px; }
        .apbc-contact-area { position: relative; z-index: 10; }
        @media (max-width:991.98px) {
          .apbc-form-left { margin-top: 60px; }
        }
        .apbc-form-left form { width: 100%; }
        .apbc-form-left form input { width: 100%; padding: 10px 12px; margin-bottom: 20px; border: 1px solid #c2c1c165; border-radius: 3px; font-size: 15px; color: #c2c1c1; background-color: #f5f5f5; }
        .apbc-form-left form input::-webkit-input-placeholder { color: #c2c1c1; }
        .apbc-form-left form input:-ms-input-placeholder { color: #c2c1c1; }
        .apbc-form-left form input::-ms-input-placeholder { color: #c2c1c1; }
        .apbc-form-left form input::placeholder { color: #c2c1c1; }
        .apbc-form-left form textarea { width: 100%; padding: 10px 12px; border: 1px solid #c2c1c165; background-color: #f5f5f5; color: #c2c1c1; border-radius: 3px; }
        .apbc-form-left form textarea::-webkit-input-placeholder { color: #c2c1c1; }
        .apbc-form-left form textarea:-ms-input-placeholder { color: #c2c1c1; }
        .apbc-form-left form textarea::-ms-input-placeholder { color: #c2c1c1; }
        .apbc-form-left form textarea::placeholder { color: #c2c1c1; }
        .apbc-form-left form button { margin-top: 30px; background-color: #3078ff; color: #ffffff; border: 0; padding: 15px 25px; border-radius: 6px; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 15px; text-transform: capitalize; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; border: 2px solid transparent; }
        .apbc-form-left form button:hover { background-color: transparent; border: 2px solid #3078ff; color: #3078ff; }
        .apbc-form-right img { border-radius: 3px; }
        .apbc-testimonial-section { padding: 180px 0; background-color: #fafafa; position: relative; margin-top: -70px; }
        .apbc-testimonial-section .apbc-title-area .apbc-subtitle::after { left: calc(100% + 10px); width: 80px; }
        .apbc-testimonial-section .apbc-title-area .apbc-subtitle::before { content: ''; position: absolute; left: -90px; bottom: 6px; width: 80px; height: 2px; background-color: #3078ff; }
        .apbc-testimonial-section .apbc-client-thumb { position: absolute; width: 70px; }
        @media (max-width:767.98px) {
          .apbc-testimonial-section .apbc-client-thumb { display: none; }
        }
        .apbc-testimonial-section .apbc-thumbnail-1 { left: 300px; top: 200px; }
        @media (max-width:1199.98px) {
          .apbc-testimonial-section .apbc-thumbnail-1 { left: 60px; }
        }
        .apbc-testimonial-section .apbc-thumbnail-2 { right: 300px; top: 200px; }
        @media (max-width:1199.98px) {
          .apbc-testimonial-section .apbc-thumbnail-2 { right: 60px; }
        }
        .apbc-testimonial-section .apbc-thumbnail-3 { bottom: 100px; left: 400px; }
        @media (max-width:1199.98px) {
          .apbc-testimonial-section .apbc-thumbnail-3 { bottom: 30px; }
        }
        .apbc-testimonial-section .apbc-thumbnail-4 { bottom: 150px; right: 470px; }
        @media (max-width:1199.98px) {
          .apbc-testimonial-section .apbc-thumbnail-4 { bottom: 80px; right: 230px; }
        }
        .apbc-testimonial-section .apbc-thumbnail-5 { bottom: 180px; left: 50px; }
        .apbc-testimonial-section .apbc-thumbnail-6 { bottom: 100px; right: 50px; }
        @media (max-width:1199.98px) {
          .apbc-testimonial-section .apbc-thumbnail-6 { bottom: 20px; }
        }
        .apbc-client-feedback .slick-list { margin: 0 -15px; }
        .apbc-client-feedback .slick-slide { margin: 0 15px; }
        .apbc-client-feedback .apbc-client-single { text-align: center; }
        .apbc-client-feedback .apbc-client-single .apbc-img-wrapper { text-align: center; background-color: #ffffff; padding: 2px; width: 95px; margin: 0 auto; border-radius: 50%; overflow: hidden; }
        .apbc-client-feedback .apbc-client-single .apbc-img-wrapper img { border-radius: 50%; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
        .apbc-client-feedback .apbc-client-single .apbc-pera-txt { text-align: center; width: 60%; display: inline-block; margin-top: 20px; }
        @media (max-width:991.98px) {
          .apbc-client-feedback .apbc-client-single .apbc-pera-txt { width: 90%; }
        }
        .apbc-client-feedback .apbc-client-single .apbc-client-content { margin-top: 20px; }
        .apbc-client-feedback .apbc-client-single .apbc-client-content span { font-weight: 700; margin-top: 8px; display: inline-block; }
        .apbc-client-feedback .slick-dots { bottom: -40px; }
        .apbc-client-feedback .slick-dots li { margin-right: 6px; width: auto; }
        .apbc-client-feedback .slick-dots li button { width: 10px; height: 10px; background-color: #000625; padding: 0; border-radius: 2px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
        .apbc-client-feedback .slick-dots .slick-active button { background-color: #3078ff; }
        .apbc-client-feedback .slick-arrow { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; border: 0; padding: 0; font-size: 24px; z-index: 10; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
        .apbc-client-feedback .slick-arrow:hover { color: #3078ff; }
        .apbc-client-feedback .next-arrow { right: 0; left: auto; }
        .apbc-blog-section { padding: 100px 0 70px 0; }
        .apbc-blog-section .apbc-title-area { margin-bottom: 0; }
        .apbc-blog-section .apbc-primary-btn { text-align: right; }
        @media (max-width:991.98px) {
          .apbc-blog-section .apbc-primary-btn { text-align: left; margin-top: 40px; }
        }
        .apbc-blog-content { margin-top: 60px; }
        .apbc-blog-content .apbc-blog-column { -webkit-box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); box-shadow: -3.119px 14.672px 60px 0px rgba(90, 90, 90, 0.15); background-color: #ffffff; padding: 15px; padding-bottom: 25px; margin-bottom: 0px; }
        .apbc-blog-content .apbc-blog-column .apbc-img-wrapper { overflow: hidden; border-radius: 3px; position: relative; }
        .apbc-blog-content .apbc-blog-column .apbc-img-wrapper img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; border-radius: 3px; }
        .apbc-blog-content .apbc-blog-column .apbc-img-wrapper .apbc-blog-category { position: absolute; left: 20px; bottom: 0px; background-color: #3078ff; color: #ffffff; padding: 6px 8px; border-radius: 6px; font-size: 15px; text-transform: capitalize; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; visibility: hidden; opacity: 0; }
        .apbc-blog-content .apbc-blog-column .apbc-img-wrapper .apbc-blog-category:hover { background-color: #000625; }
        .apbc-blog-content .apbc-blog-column .apbc-blog-meta { margin-top: 20px; }
        .apbc-blog-content .apbc-blog-column .apbc-blog-meta span { color: #000625; font-weight: 500; }
        .apbc-blog-content .apbc-blog-column .apbc-blog-meta span i { margin-right: 6px; }
        .apbc-blog-content .apbc-blog-column .apbc-blog-meta span+span { margin-left: 30px; }
        .apbc-blog-content .apbc-blog-column .apbc-headline { margin-top: 15px; font-weight: 600; }
        .apbc-blog-content .apbc-blog-column .apbc-readmore-btn a { color: #000625; }
        .apbc-blog-content .apbc-blog-column:hover .apbc-img-wrapper img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
        .apbc-blog-content .apbc-blog-column:hover .apbc-img-wrapper .apbc-blog-category { bottom: 20px; opacity: 1; visibility: visible; }
        .apbc-blog-content .apbc-blog-column:hover .apbc-readmore-btn a { color: #3078ff; }
        .apbc-footer-section { padding: 50px 0 30px 0; }
        .apbc-footer-section hr { border: 0; border-top: 2px solid #ffffff; margin-top: 80px; }
        @media (max-width:991.98px) {
          .apbc-footer-section hr { margin-top: 0; }
        }
        @media (max-width:991.98px) {
          .apbc-footer-widget { margin-bottom: 60px; }
        }
        .apbc-footer-widget .apbc-headline h5 { color: #ffffff; margin-bottom: 30px; }
        .apbc-footer-widget .apbc-footer-links ul li a { color: #ffffff; position: relative; }
        .apbc-footer-widget .apbc-footer-links ul li a::before { content: '\f105'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: -1px; left: 0; color: #ffffff; opacity: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
        .apbc-footer-widget .apbc-footer-links ul li a:hover { padding-left: 15px; color: #3078ff; }
        .apbc-footer-widget .apbc-footer-links ul li a:hover::before { opacity: 1; color: #3078ff; }
        .apbc-footer-widget .apbc-footer-links ul li+li { margin-top: 15px; }
        .apbc-footer-widget .apbc-pera-txt { margin-bottom: 20px; }
        .apbc-footer-widget .apbc-pera-txt p { color: #ffffff; }
        .apbc-footer-widget .apbc-footer-contact ul li { color: #ffffff; }
        .apbc-footer-widget .apbc-footer-contact ul li i { margin-right: 6px; }
        .apbc-footer-widget .apbc-footer-contact ul li+li { margin-top: 10px; }
        .apbc-footer-widget .apbc-footer-gallery ul li { display: inline-block; position: relative; border-radius: 4px; overflow: hidden; padding: 5px; }
        .apbc-footer-widget .apbc-footer-gallery ul li img { border-radius: 3px; }
        .apbc-footer-widget .apbc-footer-gallery ul li .apbc-ft-gl-overlay { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
        .apbc-footer-widget .apbc-footer-gallery ul li .apbc-ft-gl-overlay a { color: #ffffff; font-size: 30px; }
        .apbc-footer-widget .apbc-footer-gallery ul li:hover .apbc-ft-gl-overlay { opacity: 1; }

        /*Menu*/
        #fixed-social { position: fixed; top: 35%; z-index: 999; }
        #fixed-social a { color: #fff; display: block; height: 40px; position: relative; text-align: center; line-height: 40px; width: 40px; margin-bottom: 1px; z-index: 2; }
        #fixed-social a:hover>span { visibility: visible; left: 41px; opacity: 1; }
        #fixed-social a span { line-height: 40px; left: 60px; position: absolute; text-align: center; width: 120px; visibility: hidden; transition-duration: 0.5s; z-index: 1; opacity: 0; }
        .fixed-facebook { background-color: #00AAE5; }
        .fixed-facebook span { background-color: #00AAE5; }
        .fixed-twitter { background-color: #7D3895; }
        .fixed-twitter span { background-color: #7D3895; }
        .fixed-gplus { background-color: #00AF54; }
        .fixed-gplus span { background-color: #00AF54; }
        .fixed-linkedin { background-color: #3078ff; }
        .fixed-linkedin span { background-color: #3078ff; }
        .fixed-instagrem { background-color: #ED2B29; }
        .fixed-instagrem span { background-color: #ED2B29; }
        .fixed-tumblr { background-color: #EB1471; }
        .fixed-tumblr span { background-color: #EB1471; }

        /*--------------------------------------------------------------
        ## Call To Action
        --------------------------------------------------------------*/
        .cta-box { padding: 60px; color: #fff; margin: 60px; background-size: cover; }
        .cta-box .row,
        .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
        .align-self-center { -ms-flex-item-align: center; align-self: center; }
        .cta-box h3 { color: #ffffff; margin-bottom: 16px; }
        .cta-box .btn:first-child { margin-right: 10px; }
        .cta-box .btn:last-child { margin-right: 0; }
        .btn.btn-download { padding-right: 82px; }
        .career-download a { position: relative; }
        .i-btn { position: absolute; right: 0; top: 0; margin-right: -1px; margin-top: -1px; display: block; max-width: 60px; font-size: 26px; line-height: 28px; padding: 15px 20px; color: #fff; background-color: #ffd100; border: 1px solid #ffd100; }
        .career-box { padding: 60px; background-color: #f2f4f6; margin-bottom: 30px; }
        .career-box h2 { margin-bottom: 50px; }
        .career-box h4 { font-size: 18px; margin-bottom: 10px; }
        .btn.btn-border { background: transparent; border-color: #363636; color: #707070; }
        .btn.btn-border:hover,
        .btn.btn-border:focus { background: #ffd100; border-color: #ffd100; color: #014d97; }
        .btn-border-white { background-color: transparent; border-color: #ffffff; color: #ffffff; }
        .btn-border-white:hover { background-color: transparent; border-color: #ffd100; color: #ffd100; }
        .bg-img-fix { background-attachment: fixed; background-size: cover; }
        .m-t20 { margin-top: 20px; }
        .content-inner-1 { padding-top: 70px; padding-bottom: 70px; }
        .site-button.white { background-color: #fff; color: #777; }
        .bg-primary,
        .pagination-bx .pagination .active a,
        .site-filters .site-button.active { color: #fff; }
        .bg-primary,
        .meet-ask-row:after,
        .dez-separator.style-skew[class*="style-"]:after,
        .dez-separator.style-skew[class*="style-"]:before,
        .dez-tilte-inner.skew-title:after,
        .date-style-2 .post-date,
        .date-style-3.skew-date .post-date,
        .date-style-3.skew-date .post-date:before,
        .overlay-primary-light:after,
        .overlay-primary-middle:after,
        .overlay-primary-dark:after,
        .widget-title:after,
        .site-button,
        .comments-area .comment-form p input[type="submit"],
        .pagination > .active > a,
        .pagination > .active > span,
        .pagination > .active > a:hover,
        .pagination > .active > span:hover,
        .pagination > .active > a:focus,
        .pagination > .active > span:focus,
        .footer-line:after,
        .testimonial-1 .quote-left:before,
        .testimonial-2 .quote-left:before,
        .site-filters .site-button.active,
        .list-num-count > li:before,
        .date-style-4 .post-date strong,
        .date-style-3 .post-date,
        .date-style-2 .post-date,
        .team-social-btn ul li a:hover,
        .top-bar-curve:after,
        .header-style-6 .header-nav .nav > li.active:after,
        .header-style-6 .header-nav .nav > li:hover > a:after,
        .owl-prev,
        .owl-next,
        .scroltop,
        #myNavbar li.active a,
        .sidenav ul li a:hover,
        .widget_calendar table tbody td#today,
        .searchform input[type="submit"] { background-color: #3078ff; }
        .list-num-count>li:before { content: counter(li, decimal); counter-increment: li; position: absolute; top: 0; left: -28px; width: 28px; height: 28px; padding: 5px; color: #fff; background: #efbb20; font-weight: 700; text-align: center; font-size: 12px; -webkit-border-radius: 100px; border-radius: 100px; }
        .list-num-count>li { position: relative; margin: 0 0 6px 30px; padding: 4px 8px; list-style: none; }
        .site-button,
        .site-button-secondry { color: #fff; padding: 10px 20px; display: inline-block; font-size: 14px; outline: 0; cursor: pointer; outline: 0; border-width: 0; border-style: solid; border-color: transparent; line-height: 1.42857; border-radius: 3px; font-weight: 600; text-align: center; white-space: nowrap; }
        .radius-xl { border-radius: 100px; -webkit-border-radius: 100px; }
        .site-filters a { margin: 0 5px 5px 0; }
        ol,
        ul { margin-bottom: 24px; }
        .list-num-count { counter-reset: li; padding-left: 0; }
        .bg-primary,
        .meet-ask-row:after,
        .dez-separator.style-skew[class*="style-"]:after,
        .dez-separator.style-skew[class*="style-"]:before,
        .dez-tilte-inner.skew-title:after,
        .date-style-2 .post-date,
        .date-style-3.skew-date .post-date,
        .date-style-3.skew-date .post-date:before,
        .overlay-primary-light:after,
        .overlay-primary-middle:after,
        .overlay-primary-dark:after,
        .widget-title:after,
        .site-button,
        .comments-area .comment-form p input[type="submit"],
        .pagination > .active > a,
        .pagination > .active > span,
        .pagination > .active > a:hover,
        .pagination > .active > span:hover,
        .pagination > .active > a:focus,
        .pagination > .active > span:focus,
        .footer-line:after,
        .testimonial-1 .quote-left:before,
        .testimonial-2 .quote-left:before,
        .site-filters .site-button.active,
        .list-num-count > li:before,
        .date-style-4 .post-date strong,
        .date-style-3 .post-date,
        .date-style-2 .post-date,
        .team-social-btn ul li a:hover,
        .top-bar-curve:after,
        .header-style-6 .header-nav .nav > li.active:after,
        .header-style-6 .header-nav .nav > li:hover > a:after,
        .owl-prev,
        .owl-next,
        .scroltop,
        #myNavbar li.active a,
        .sidenav ul li a:hover,
        .widget_calendar table tbody td#today,
        .searchform input[type="submit"] { background-color: #3078ff; }
        .slide { margin: 0px 20px; }
        .txtvh { padding: 15px 0; }

        /* card*/

        /*#team .card {
        border: none;
        background: #ffffff;
        }

        .image-flip:hover .backside,
        .image-flip.hover .backside {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        border-radius: .25rem;
        }

        .image-flip:hover .frontside,
        .image-flip.hover .frontside {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
        }

        .mainflip {
        -webkit-transition: 1s;
        -webkit-transform-style: preserve-3d;
        -ms-transition: 1s;
        -moz-transition: 1s;
        -moz-transform: perspective(1000px);
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transition: 1s;
        transform-style: preserve-3d;
        position: relative;
        }

        .frontside {
        position: relative;
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        z-index: 2;
        margin-bottom: 0px;
        }

        .backside {
        position: absolute;
        top: 0;
        left: 0;
        background: white;
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
        -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
        box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
        }

        .frontside,
        .backside {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 1s;
        -webkit-transform-style: preserve-3d;
        -moz-transition: 1s;
        -moz-transform-style: preserve-3d;
        -o-transition: 1s;
        -o-transform-style: preserve-3d;
        -ms-transition: 1s;
        -ms-transform-style: preserve-3d;
        transition: 1s;
        transform-style: preserve-3d;
        }

        .frontside .card,
        .backside .card {
        min-height: 312px;
        }

        .backside .card a {
        font-size: 18px;
        color: #007b5e !important;
        }

        .frontside .card .card-title,
        .backside .card .card-title {
        color: #007b5e !important;
        }

        .frontside .card .card-body img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        }*/

        /**/
        .card { width: 100%; height: 150px; position: relative; transform: perspective(500px); background-color: transparent; outline: none; border: none; margin: 15px 15px; }
        .card h2,
        .card h3,
        .card h6,
        .card h4 { color: white; }
        .cardinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-style: preserve-3d; transition: 1s; transform: perspective(500px); }
        .frontface,
        .backface { backface-visibility: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; border-radius: 5px; transform-style: preserve-3d; }
        .frontface { background: #3078ff; }
        .backface { background: #eee; transform: rotateY(180deg); }
        .backface img { width: 100%; height: 150px; padding: 15px; }
        .card:hover .cardinner { transform: rotateY(180deg); }
        #contact .card:hover i,
        #contact .card:hover h5 { /* color: #3078ff;*/ }
        .card-body h4,
        .card-body h5,
        .card-body h6 { color: black; }

        /*Banner*/
        .apbc-hero-slider .apbc-single-item {    /*padding: 300px 0 100px 0; full view correct set*/ }
        @media (max-width:575.98px) {
          .apbc-hero-slider .apbc-single-item { padding: 200px 0 80px 0; }
        }
        .frontside .card,
        .backside .card { min-height: 200px; }

        /*Job*/
        .find-job .single-job { margin-top: 30px; padding: 40px; padding-left: 120px; border: 1px solid #eee; border-radius: 5px; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background-color: #fff; }
        .find-job .single-job:hover { -webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important; box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important; }
        .find-job .single-job .job-image { position: absolute; left: 40px; top: 50%; height: 50px; width: 50px; line-height: 50px; margin-top: -25px; }
        .find-job .single-job .job-content { position: relative; }
        .find-job .single-job .job-content h4 { padding-right: 200px; position: relative; padding-bottom: 20px; }
        .find-job .single-job .job-content h6 { color: #3078ff; }
        .find-job .single-job .job-content h4 a { font-size: 18px; font-weight: 500; color: #622fcd; }
        .find-job .single-job .job-content h4 a:hover { color: #300864; }
        .find-job .single-job .job-content p { display: inline-block; border-top: 1px solid #eee; padding-top: 18px; text-transform: lowercase; }
        .find-job .single-job .job-content p:first-letter { text-transform: uppercase; }
        .find-job .single-job .job-content ul { margin-top: 20px; }
        .find-job .single-job .job-content ul li { display: inline-block; font-size: 12px; margin-bottom: 5px; margin-right: 3px; position: relative; background: #30086414; color: #300864; padding: 5px 10px; border-radius: 3px; }
        .find-job .single-job .job-content ul li:last-child { margin-bottom: 0; margin-right: 0; }
        .find-job .single-job .job-content ul li i { font-size: 13px; display: inline-block; margin-right: 3px; }
        .find-job .single-job .job-content ul li a { color: #777; }
        .find-job .single-job .job-content ul li a:hover { color: #300864; }
        .find-job .single-job .job-button { position: absolute; right: 40px; top: 40px; }
        .find-job .single-job .job-button ul li { display: inline-block; }
        .find-job .single-job .job-button ul li a { padding: 5px 20px; border: 1px solid #eee; color: #622fcd; border-radius: 4px; font-size: 13px; text-transform: capitalize; }
        .find-job .single-job .job-button ul li a:hover { color: #fff; background-color: #300864; border-color: transparent; }
        .find-job .single-job .job-button ul li span { padding: 5px 20px; background-color: #300864; color: #fff; border-radius: 4px; font-size: 13px; text-transform: capitalize; }
        .find-job .search-job .search-nner { padding: 30px; border: 1px solid #eee; background-color: #fff; border-radius: 6px; }
        .find-job .search-job .search-nner input { height: 50px; width: 100%; border: 1px solid #eee; border-radius: 4px; font-size: 14px; color: #622fcd; padding: 0 20px; }
        .find-job .search-job .search-nner .btn { width: 100%; }
        .featured-job { background-color: #fff; }
        .featured-job .section-title { margin-bottom: 50px; }
        .featured-job .single-job { -webkit-box-shadow: 0 1rem 3rem rgba(48, 120, 255, 0.15) !important; box-shadow: 0 1rem 3rem rgba(48, 120, 255, 0.15) !important; margin-top: 30px; border-radius: 5px; position: relative; border-radius: 6px; }
        .featured-job .single-job:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); }
        .featured-job .single-job .feature { position: absolute; top: 16px; right: -36px; padding: 3px 35px; font-size: 12px; color: #fff; background-color: #300864; line-height: 20px; text-transform: uppercase; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%, 20% 0%); clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%, 20% 0%); }
        .featured-job .single-job .shape::before { position: absolute; content: ""; width: 8px; height: 7px; right: 77px; top: -7px; background-color: #0221b3; }
        .featured-job .single-job .shape:after { position: absolute; content: ""; right: -6px; top: 76px; width: 7px; height: 8px; background-color: #0221b3; }
        .featured-job .single-job .image { overflow: hidden; border-radius: 6px 6px 0 0; }
        .featured-job .single-job .image img { width: 100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
        .featured-job .single-job .content { background-color: #fff; padding: 20px 30px 30px; border-radius: 0 0 6px 6px; }
        .featured-job .single-job .content h4 { display: block; margin-bottom: 18px; padding-bottom: 15px; position: relative; }
        .featured-job .single-job .content h4::before { position: absolute; content: ""; left: 0; bottom: 0; height: 1px; width: 100%; background-color: #eee; }
        .featured-job .single-job .content h4 a { font-size: 19px; font-weight: 500; color: #622fcd; text-transform: capitalize; }
        .featured-job .single-job .content h4 a:hover { color: #300864; }
        .featured-job .single-job .content ul li { display: inline-block; font-size: 12px; margin-bottom: 5px; margin-right: 3px; position: relative; background: #30086414; color: #300864; padding: 5px 10px; border-radius: 3px; }
        .featured-job .single-job .content ul li:last-child { margin-bottom: 0; margin-right: 0; }
        .featured-job .single-job .content ul li i { font-size: 13px; display: inline-block; margin-right: 3px; }
        .featured-job .single-job .content p { font-size: 14px; display: block; margin-top: 10px; }
        .featured-job .single-job .content .button { display: block; margin-top: 20px; }
        .featured-job .single-job .content .button .btn { padding: 12px 34px; margin-right: 10px; }
        .featured-job .single-job .content .button .btn i { display: inline-block; margin-right: 5px; }
        .featured-job .single-job .content .button .btn:last-child { margin-right: 0; }
        .featured-job .single-job .content .button .btn.save { background-color: transparent; color: #622fcd; border: 1px solid #eee; }
        .featured-job .single-job .content .button .btn.save:hover { background-color: #300864; color: #fff; border-color: transparent; }

        /*Grid Project image*/
        .accordion_grid { width: 100%; height: 350px; overflow: hidden; margin: 50px auto; }
        .accordion_grid ul { width: 100%; display: table; table-layout: fixed; margin: 0; padding: 0; }
        .accordion_grid ul li { display: table-cell; vertical-align: bottom; position: relative; width: 16.666%; height: 350px; background-repeat: no-repeat; background-position: center center; transition: all 500ms ease; }
        .accordion_grid ul li div { display: block; overflow: hidden; width: 100%; }
        .accordion_grid ul li div a { display: block; height: 350px; width: 100%; position: relative; z-index: 3; vertical-align: bottom; padding: 15px 20px; box-sizing: border-box; color: #fff; text-decoration: none; font-family: Open Sans, sans-serif; transition: all 200ms ease; }
        .accordion_grid ul li div a * { opacity: 0; margin: 0; width: 100%; text-overflow: ellipsis; position: relative; z-index: 5; white-space: nowrap; overflow: hidden; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
        .accordion_grid ul li div a h2 { font-family: Montserrat, sans-serif; text-overflow: clip; font-size: 24px; text-transform: uppercase; margin-bottom: 2px; top: 160px; }
        .accordion_grid ul li div a p { top: 160px; font-size: 13.5px; }

        /*.accordion_grid ul li:nth-child(1) { background-image: url("https://unsplash.it/650/350?image=675"); }

        .accordion_grid ul li:nth-child(2) { background-image: url("https://unsplash.it/650/350?image=674"); }

        .accordion_grid ul li:nth-child(3) { background-image: url("https://unsplash.it/650/350?image=673"); }

        .accordion_grid ul li:nth-child(4) { background-image: url("https://unsplash.it/650/350?image=672"); }

        .accordion_grid ul li:nth-child(5) { background-image: url("https://unsplash.it/650/350?image=671"); }

        .accordion_grid ul li:nth-child(6) { background-image: url("https://unsplash.it/650/350?image=670"); }*/
        .accordion_grid ul:hover li { width: 8%; }
        .accordion_grid ul:hover li:hover { width: 60%; }
        .accordion_grid ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }
        .accordion_grid ul:hover li:hover a * { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
        @media screen and (max-width:600px) {
          .accordion_grid { height: auto; }
          .accordion_grid ul li,
          .accordion_grid ul li:hover,
          .accordion_grid ul:hover li,
          .accordion_grid ul:hover li:hover { position: relative; display: table; table-layout: fixed; width: 100%; -webkit-transition: none; transition: none; }
        }

        /*Projects2*/
        .our-team-main { width: 100%; height: auto; border-bottom: 5px #3078ff solid; border-left: 1px #eee solid; border-top: 1px #eee solid; border-right: 1px #eee solid; background: #fff; text-align: center; border-radius: 10px; overflow: hidden; position: relative; transition: 0.5s; margin-bottom: 28px; }
        .our-team-main img { border-radius: 50%; margin-bottom: 20px; width: 90px; }
        .our-team-main h3 { font-size: 20px; font-weight: 700; }
        .our-team-main p { margin-bottom: 0; }
        .team-back { width: 100%; height: auto; position: absolute; top: 0; left: 0; padding: 5px 15px 0 15px; text-align: left; background: #fff; }
        .team-front { width: 100%; height: auto; position: relative; z-index: 10; background: #fff; padding: 15px; bottom: 0px; transition: all 0.5s ease; }
        .our-team-main:hover .team-front { bottom: -200px; transition: all 0.5s ease; }
        .our-team-main:hover { border-color: #777; transition: 0.5s; }
        img.img-normal { width: auto !important; }

        /*Tbl*/
        #tbl_style1 { border-collapse: collapse; border: 1px solid #8EB4E3; height: 30px; margin-top: 10px; margin: 0px auto; }
        #tbl_style1 th { border-collapse: collapse; padding: 3px 8px; background-color: #3078ff; border: 1px solid #8EB4E3; height: 30px; font-size: 12px; color: #FFFFFF; font-weight: bold; text-align: center; vertical-align: middle; }
        #tbl_style1 td:first-child { text-align: left; vertical-align: middle; padding-left: 5px; border-collapse: collapse; }
        #tbl_style1 td { border-collapse: collapse; text-align: center; vertical-align: middle; border: 1px solid #8EB4E3; padding: 5px 8px; }
        #tbl_style1 tr.highlight td { border-collapse: collapse; text-align: left; vertical-align: middle; border: 1px solid #8EB4E3; background-color: #CCCCCC; padding: 5px 8px; font-weight: bold; }
        #tbl_style1 tr:nth-child(even) { background: #eee }
        #tbl_style1 tr:nth-child(odd) { background: #fff }
        #tbl_style1 tr:hover { background: #ffffed; }
        .txt_left { text-align: left !important; }

        /*List*/
        .str-about-list { padding: 25px 0px 22px; }
        .listb { padding: 0px 0px 0px; }
        .str-about-list li,
        .listb li { color: #000000; position: relative; margin-bottom: 5px; padding-left: 25px; }
        .str-about-list li:before,
        .listb li:before { top: 0; left: 0; color: #3078ff; content: ""; font-weight: 900; position: absolute; font-family: "Font Awesome 5 Free"; }
        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active { color: #fff; background-color: #3078ff; border-color: #3078ff #3078ff #fff; }
        .nav-tabs { border-bottom: 1px solid #3078ff; }

        /*MIlisstone box*/
        .horizontal-timeline .events-content li {/*  border: 1px solid blue;*/     border-radius: 10px !important; background: #ffffff !important; padding: 15px 20px !important; box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px; }
        .horizontal-timeline .events-content li div { font-size: 16px !important; }
        .horizontal-timeline .events-content li div i { color: #3078ff; }
        .tab-content>.tab-pane { padding: 0px 15px; }

        /*Services*/
        .apbc-service-content { height: 350px; }

        /*News*/
        .apbc-blog-content .apbc-blog-column { min-height: 200px; margin: 0px 0; }
        .bg { background-image: url(../img/theme/slider/shape-3.png); background-size: contain; background-repeat: no-repeat; background-position: right bottom; background-size: 100px 114px; opacity: 0.6; }
        .service_content_box { border-radius: 10px; margin-bottom: 50px; padding: 5px; z-index: 1; background-color: #fff; transition: 0.5s all ease-in-out; box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.14); }
        .service_content_box:before { content: ""; width: 100%; top: 0; left: 0; height: 100%; z-index: -3; border-radius: 10px; position: absolute; transition: 0.5s all ease-in-out; background-image: linear-gradient(45deg, #3078ff 32%, #00AAE5 100%); }
        .service_content_box:after { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: -2; border-radius: 10px; background-color: #fff; }
        .service_content_box:hover { transform: translate(-7px, -7px); box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.3); }
        .service_content_box:hover:before { transform: translate(7px, 7px); }
        .apbc-blog-content,
        .apbc-service-slider { margin-top: 0px; }

        /*---------------------------------------------------- */

        /*Testimonial area*/

        /*----------------------------------------------------*/
        .dia-testimonial-section { overflow: visible; padding: 135px 0 100px; }
        .dia-testimonial-section .tst-side-shape { right: 0; top: -100px; }
        .dia-testimonial-section .dia-section-title { margin: 0 auto; max-width: 500px; }
        .dia-testimonial-section .dia-testimonial_slider-area { margin: 0 auto; margin-top: 55px; max-width: 725px; background-color: #fff; box-shadow: -1.046px 11.954px 22px 0px rgba(0, 0, 0, 0.08); }
        .dia-testimonial-section .dia-testimonial_slider-area:after { top: -50px; left: 25px; font-size: 60px; content: ""; font-weight: 900; position: absolute; color: rgba(203, 203, 226, 0.75); font-family: "Font Awesome 5 Free"; }
        .dia-testimonial-section .dia-testimonial_slider-area .test-shape1 { top: -100px; z-index: -1; left: -175px; }
        .dia-testimonial-section .dia-testimonial_slider-area .test-shape2 { z-index: -1; right: -175px; bottom: -100px; }
        .dia-testimonial-section .dia-testimonial_indicator .carousel-indicators li { width: 90px; height: 90px; display: inherit; text-align: center; color: #202120; border-radius: 50%; overflow: hidden; transition: all 500ms ease; }
        .dia-testimonial-section .carousel-inner .carousel-item { padding: 80px 90px 70px; }
        .dia-testimonial-section .carousel-inner .dia-testimonial_rating li { color: #ffba00; }
        .dia-testimonial-section .carousel-inner .dia-testimonial_text { margin: 18px 0px 28px; font-size: 22px; line-height: 1.636; }
        .dia-testimonial-section .carousel-inner .dia-testimonial_meta h4 { color: #282350; font-size: 32px; font-weight: 700; padding-bottom: 3px; }
        .dia-testimonial-section .carousel-inner .dia-testimonial_meta p { font-size: 18px; }
        .dia-testimonial-section .carousel-indicators { top: 70px; margin: 0; left: auto; right: -45px; position: absolute; display: inherit; }
        .dia-testimonial-section .carousel-indicators li { text-indent: 0; margin-bottom: 15px; transform: scale(0.9); border: 3px solid rgba(255, 255, 255, 0); }
        .dia-testimonial-section .carousel-indicators li img { border-radius: 100%; }
        .dia-testimonial-section .carousel-indicators li.active { padding: 5px; transform: scale(1); border: 3px solid #5409d6; }
        .dia-testimonial_indicator-dot .carousel-indicators2 { top: 60%; right: 45px; left: -35px; bottom: 25px; padding-left: 0; margin-bottom: 0; position: absolute; transform: translateY(-50%); }
        .dia-testimonial_indicator-dot .carousel-indicators2 li { width: 15px; height: 15px; display: block; cursor: pointer; position: relative; border-radius: 100%; margin-bottom: 12px; background-color: #fff; transition: 0.3s all ease-in-out; }
        .dia-testimonial_indicator-dot .carousel-indicators2 li:after { top: 3px; left: 3px; content: ""; width: 60%; height: 60%; border-radius: 100%; position: absolute; transform: scale(0); transition: 0.3s all ease-in-out; background: linear-gradient(81deg, #ff6600 0%, #ff9903 75%, #ffcb05 100%); }
        .dia-testimonial_indicator-dot .carousel-indicators2 li.active { transform: scale(1.2); }
        .dia-testimonial_indicator-dot .carousel-indicators2 li.active:after { transform: scale(1); }
        .it-up-service-shape { z-index: -1; }
        .it-up-service-shape.deco1 { top: 30%; left: 10%; animation: IT_animation_4 20s infinite linear alternate; }
        .it-up-service-shape.deco2 { left: 25%; top: 185px; animation: IT_animation_5 12s infinite linear alternate; }
        .it-up-service-shape.deco3 { top: 135px; right: 10%; animation: IT_animation_4 12s infinite linear alternate; }
        .it-up-service-shape.deco4 { top: 50%; right: 12%; animation: IT_animation_5 18s infinite linear alternate; }
        .it-up-service-shape.deco5 { bottom: 20%; right: 8%; animation: IT_animation_4 15s infinite linear alternate; }
        .it-up-service-section { z-index: 1; padding: 100px 0px; }
        .it-up-service-section .it-up-section-title { margin: 0 auto; max-width: 625px; }
        .it-up-service-content { padding-top: 60px; }
        .it-up-service-tab-btn { background-color: #fff; padding: 85px 20px 40px 55px; box-shadow: 0px 0px 32px 0px rgba(80, 80, 80, 0.1); }
        .it-up-service-tab-btn .nav-tabs:before { top: -3px; left: -30px; width: 6px; height: 80%; content: ""; position: absolute; background-color: #f8fcfc; }
        .it-up-service-tab-btn .nav-tabs .nav-item.show .nav-link,
        .it-up-service-tab-btn .nav-tabs .nav-link.active,
        .it-up-service-tab-btn .nav-tabs .nav-link,
        .it-up-service-tab-btn .nav-tabs { padding: 0; border: none; position: relative; }
        .it-up-service-tab-btn .nav-tabs .nav-item { margin-bottom: inherit; padding-bottom: 65px; }
        .it-up-service-tab-btn .nav { display: inherit; }
        .it-up-service-tab-btn .nav-tabs .nav-link { color: #bebebe; font-size: 20px; font-weight: 700; font-family: "Nunito"; }
        .it-up-service-tab-btn .nav-tabs .nav-link:before { left: 0; bottom: 0; top: 1px; width: 6px; content: ""; height: 0px; left: -30px; border-radius: 10px; position: absolute; background: linear-gradient(90deg, #ff780b 0%, #ee132f 100%); transition: 0.4s all ease-in-out; }
        .it-up-service-tab-btn .nav-tabs .nav-link.active { color: #000000; }
        .it-up-service-tab-btn .nav-tabs .nav-link.active:before { height: 40px; background-color: #fff; }
        .it-up-service-tab-wrap { padding: 30px 50px; border-radius: 10px; background-color: #f8f8f8; }
        .it-up-service-tab-text { max-width: 480px; padding-top: 20px; }
        .it-up-service-tab-text .it-up-tab-icon { right: 0; bottom: 0; }
        .it-up-service-tab-text h3 { color: #000000; font-size: 34px; font-weight: 700; padding-bottom: 22px; }
        .it-up-service-tab-text li { font-size: 18px; padding-left: 35px; position: relative; margin-bottom: 8px; }
        .it-up-service-tab-text li:before { top: 0; left: 0; color: #3cc605; content: ""; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; }
        .it-up-service-tab-text .it-up-ser-btn { margin-top: 20px; }
        .it-up-service-img img { border-radius: 10px; }
        @keyframes IT_animation_1 {
          0% { transform: translateX(0); }
          25% { transform: translateX(-40px); }
          50% { transform: translateX(0); }
          75% { transform: translateX(40px); }
          100% { transform: translateX(0); }
        }
        @keyframes IT_animation_2 {
          0% { transform: translateY(0); }
          25% { transform: translateY(-40px); }
          50% { transform: translateY(0); }
          75% { transform: translateY(40px); }
          100% { transform: translateY(0); }
        }
        @keyframes IT_animation_3 {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
        }
        @keyframes IT_animation_4 {
          0% { transform: translate(-300px, 151px) rotate(0); }
          100% { transform: translate(251px, -200px) rotate(180deg); }
        }
        @keyframes IT_animation_5 {
          0% { transform: translate(0, 0) rotate(0); }
          20% { transform: translate(73px, -1px) rotate(36deg); }
          40% { transform: translate(111px, 72px) rotate(72deg); }
          60% { transform: translate(93px, 122px) rotate(108deg); }
          80% { transform: translate(-70px, 72px) rotate(124deg); }
          100% { transform: translate(0, 0) rotate(0); }
        }

        /*Vision2*/
        .u-section-1 { background-image: none; }
        .u-section-1 .u-sheet-1 { min-height: 878px; }
        .u-section-1 .u-image-1 { width: 841px; min-height: 345px; background-image: url("../img/theme/001_150.png"); background-position: 50% 50%; margin: 60px 0 0 auto; }
        .u-section-1 .u-container-layout-1 { padding: 30px; }
        .u-section-1 .u-shape-1 { width: 432px; height: 451px; background-image: none; margin: -697px auto 0 0; }
        .u-section-1 .u-shape-2 { width: 613px; height: 488px; background-image: none; margin: -311px 107px 0 auto; }
        .u-section-1 .u-image-2 { width: 573px; height: 572px; object-position: 38.87% 50%; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.3); margin: -688px auto 0 62px; }
        .u-section-1 .u-image-3 { width: 300px; height: 300px; object-position: 38.87% 50%; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.3); margin: -688px auto 0 62px; }
        .u-section-1 .u-group-2 { margin-top: 50px; width: 750px; min-height: 400px; background-image: none; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2); margin: -478px 55px -216px auto; }
        .u-section-1 .u-container-layout-2 { padding: 30px 40px; }
        .u-section-1 .u-text-1 { font-size: 2rem; font-family: "Source Sans Pro", sans-serif; margin: 0; padding-top: 10px; font-weight: bold; }
        .u-section-1 .u-text-2 { font-size: 1.125rem; line-height: 1.8; margin: 28px 0 0; }
        .u-section-1 .u-btn-1 { border-style: none none solid; padding: 0; }
        .u-section-1 .u-btn-2 { background-image: none; border-style: solid; text-transform: uppercase; font-size: 1.125rem; letter-spacing: 2px; margin: 38px auto 0 0; padding: 10px 43px 10px 41px; }
        @media (max-width:1199px) {
          .u-section-1 .u-sheet-1 { min-height: 852px; }
          .u-section-1 .u-image-1 { width: 791px; min-height: 297px; margin-top: 486px; }
          .u-section-1 .u-shape-1 { height: 343px; margin-top: -620px; }
          .u-section-1 .u-shape-2 { height: 445px; margin-top: -235px; }
          .u-section-1 .u-image-2 { width: 472px; height: 527px; margin-top: -645px; }
          .u-section-1 .u-group-2 { width: 553px; margin-bottom: -219px; }
          .u-section-1 .u-text-1 { font-size: 1.5rem; }
        }
        @media (max-width:991px) {
          .u-section-1 .u-sheet-1 { min-height: 1161px; }
          .u-section-1 .u-text-1 { padding-top: 0px; }
          .u-section-1 .u-image-1 { width: 417px; min-height: 733px; margin-top: 60px; }
          .u-section-1 .u-shape-1 { margin-top: -975px; }
          .u-section-1 .u-shape-2 { width: 448px; height: 589px; margin-top: -24px; margin-right: 127px; }
          .u-section-1 .u-image-2 { height: 489px; margin-top: -954px; }
          .u-section-1 .u-group-2 { min-height: 488px; margin-top: -73px; margin-right: 62px; margin-bottom: -111px; }
          .u-section-1 .u-container-layout-2 { padding-left: 30px; padding-right: 30px; }
        }
        @media (max-width:767px) {
          .u-section-1 .u-sheet-1 { min-height: 1147px; }
          .u-section-1 .u-image-1 { width: 337px; min-height: 745px; }
          .u-section-1 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; }
          .u-section-1 .u-shape-1 { height: 306px; margin-top: -962px; }
          .u-section-1 .u-shape-2 { width: 320px; height: 574px; margin-top: 47px; margin-right: auto; }
          .u-section-1 .u-image-2 { width: 404px; height: 444px; margin-top: -971px; }
          .u-section-1 .u-group-2 { width: 367px; min-height: 530px; margin-top: -46px; margin-right: 25px; margin-bottom: -123px; }
          .u-section-1 .u-text-1 { font-size: 2.25rem; }
        }
        .pt150 { padding-top: 150px; }
        @media (max-width:575px) {
          .u-section-1 .u-sheet-1 { min-height: 919px; }
          .pt150 { padding-top: 0px; }
          .u-section-1 .u-image-1 { width: 264px; min-height: 634px; }
          .u-section-1 .u-shape-1 { height: 170px; width: 286px; margin-top: -745px; }
          .u-section-1 .u-shape-2 { width: 227px; height: 387px; margin-top: 147px; margin-left: 0; }
          .u-section-1 .u-image-2 { width: 282px; height: 258px; margin-top: -748px; margin-right: 20px; margin-left: auto; }
          .u-section-1 .u-group-2 { width: 100%; min-height: 496px; margin-top: -44px; margin-right: auto; margin-bottom: 50px; height: 1300px; }
          .u-section-1 .u-container-layout-2 { padding-left: 20px; padding-right: 20px; }
          .u-section-1 .u-text-1 { font-size: 1.5rem; padding: -100px 0 0 0; }
          .u-section-1 .u-text-2 { font-size: 1rem; }
        }

        /*About*/
        .services-section-two { position: relative; padding: 100px 0px 70px; }
        .service-block-two { position: relative; margin-bottom: 30px; }
        .service-block-two .inner-box:before { position: absolute; content: ''; left: 0px; bottom: 0px; right: 0px; z-index: -1; height: 121px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; background-image: url(../img/theme/about/service-shadow.png); background-position: center bottom; background-repeat: no-repeat; }
        .service-block-two .inner-box:hover::before { bottom: -15px; }
        .service-block-two .inner-box { position: relative; background-color: #ffffff; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }
        .service-block-two .inner-box:hover { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05); }
        .service-block-two .inner-box .image { position: relative; }
        .service-block-two .inner-box .image img { position: relative; width: 100%; display: block; }
        .service-block-two .inner-box .overlay-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #ffffff; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-color: rgba(0, 0, 0, 0.20); background-position: center center; background-color: rgba(21, 38, 68, 0.90); }
        .service-block-two .inner-box .overlay-box:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; height: 5px; background: #3078ff; background: -webkit-linear-gradient(to right, #3078ff 0%, #00AAE5 100%); background: -moz-linear-gradient(to right, #3078ff 0%, #00AAE5 100%); background: linear-gradient(to right, #3078ff 0%, #00AAE5 100%); }
        .service-block-two .inner-box:hover .overlay-box { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
        .service-block-two .inner-box .overlay-inner { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 30px; }
        .service-block-two .inner-box .overlay-inner .content { position: relative; display: table-cell; vertical-align: middle; }
        .service-block-two .inner-box .content-inner { position: relative;/*  padding-left:60px;*/ text-align: center; }
        .service-block-two .inner-box .content-inner .overlay-icon { position: absolute; left: 0px; top: 0px; color: #ffffff; font-size: 44px; font-family: "flaticon"; }
        .service-block-two .inner-box .content-inner h5 { margin-bottom: 10px; }
        .service-block-two .inner-box .content-inner h5 a { color: #ffffff; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }
        .service-block-two .inner-box .content-inner h5 a:hover { color: #3078ff; }
        .service-block-two .inner-box .content-inner .text { position: relative; color: #ffffff; line-height: 1.7em; margin-bottom: 17px; }
        .service-block-two .inner-box .content-inner .read-more { position: relative; color: #ffffff; font-size: 13px; font-weight: 700; padding: 10px 20px; border-radius: 4px; display: inline-block; background-color: #05afec; text-transform: uppercase; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }
        .service-block-two .inner-box .content-inner .read-more:hover { background-color: #3078ff; }
        .service-block-two .lower-box { position: relative; text-align: center; padding: 15px 0px 20px; }
        .service-block-two .lower-box .lower-inner { position: relative;/*  padding-left:55px;*/ padding-top: 12px; display: inline-block; }
        .service-block-two .lower-box:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; height: 5px; background: #3078ff; background: -webkit-linear-gradient(to right, #3078ff 0%, #00AAE5 100%); background: -moz-linear-gradient(to right, #3078ff 0%, #00AAE5 100%); background: linear-gradient(to right, #3078ff 0%, #00AAE5 100%); }
        .service-block-two .lower-box .lower-inner .icon { position: absolute; left: 0px; top: 4px; color: #09b0e7; line-height: 1em; font-size: 40px; display: inline-block; background-image: linear-gradient(to left, #09b0e7 0%, #3078ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "flaticon"; }
        .service-block-two .lower-box .lower-inner h5 { font-size: 20px; }
        .service-block-two .lower-box .lower-inner h5 a { position: relative; color: #152644; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }
        .service-block-two .lower-box .lower-inner h5 a:hover { color: #3078ff; }

        /*Qhespolicy*/
        .flexbox { display: flex; flex-direction: row; justify-content: space-around; width: 100%; flex-wrap: wrap; }
        .flexcard { display: flex; flex-direction: column; justify-content: flex-start; width: 20%; align-items: baseline; height: 300px; border-radius: 20px; margin: 20px 10px; }
        .flexcardNumber { width: 70%; display: flex; justify-content: center; align-items: center; height: 50px; margin: 10px 0px; border-radius: 0px 50px 50px 0px; font-family: 'Jost', sans-serif; color: white; text-shadow: 0px 3px 5px black; font-weight: 500; font-size: 20px; position: relative; }
        .flexcardTitle { font-family: 'Jost', sans-serif; text-transform: uppercase; font-size: 26px; font-weight: 400; }
        .flexcardText { font-family: 'Jost', sans-serif; text-align: center; font-weight: 300; }
        .flexcardNumber:before { content: ''; width: 34px; height: 90px; position: absolute; left: -33px; top: 0px; border-radius: 50px 0px 0px 50px; z-index: -1;/* background: #00AAE5; *//* background: -webkit-linear-gradient(bottom, #00AAE5, #AED2BC); */
        background: -moz-linear-gradient(bottom, #00AAE5, #00AAE5);/* background: linear-gradient(to top, #00AAE5, #AED2BC); */ ; }
        .flexcardNumber:after { content: ''; width: 25px; height: 40px; position: absolute; left: -25px; bottom: -40px; border-radius: 50px 0px 0px 50px; z-index: -1; }
        .flex { display: flex; justify-content: center; width: 90%; margin: 10px auto; }
        img.flexcardimgItem { width: 50%; }

        /* GREEN CARD */
        .flexcardGreen { background: #f9fbfa; box-shadow: 4px 4px 4px #AED2BC; }
        .flexcardNumberGreen { background: #FCFCFC; background: -webkit-linear-gradient(right, #FCFCFC, #AED2BC); background: -moz-linear-gradient(right, #FCFCFC, #AED2BC); background: linear-gradient(to left, #FCFCFC, #AED2BC); box-shadow: 0px 2px 2px #AED2BC; }
        .flexcardNumberGreen:before { background: #AED2BC; }
        .flexcardNumberGreen:after { background: #95b7a2; }

        /* BLUE CARD */
        .flexcardBlue { background: #f7ffff; box-shadow: 4px 8px 1px #3078ff; }
        .flexcardNumberBlue { background: #FDFFFE; background: -webkit-linear-gradient(right, #FDFFFE, #3078ff); background: -moz-linear-gradient(right, #FDFFFE, #3078ff); background: linear-gradient(to left, #FDFFFE, #3078ff); box-shadow: 0px 2px 2px #3078ff; }
        .flexcardNumberBlue:before { background: #3078ff; }
        .flexcardNumberBlue:after { background: #06038D; }

        /* ORANGE CARD */
        .flexcardOrange { background: #fdf8f3; box-shadow: 4px -2px 1px #F68404; }
        .flexcardNumberOrange { background: #FDFFFE; background: -webkit-linear-gradient(right, #FDFFFE, #F68404); background: -moz-linear-gradient(right, #FDFFFE, #F68404); background: linear-gradient(to left, #FDFFFE, #F68404); box-shadow: 0px 2px 2px #F68404; }
        .flexcardNumberOrange:before { background: #F68404; }
        .flexcardNumberOrange:after { background: #d06f02; }

        /* PİNK CARD */
        .flexcardPink { background: #fffafd; position: relative; box-shadow: 2px 2px 1px #F34EAE; border-radius: 20px 20px 0px 20px; }
        .flexcardPink:before { content: ''; width: 0px; height: 50px;    /* background: red; */ position: absolute; bottom: 0; right: 0; border-left: 100px solid transparent; border-bottom: 90px solid #F34EAE; }
        .flexcardNumberPink { background: #FDFFFE; background: -webkit-linear-gradient(right, #FDFFFE, #F34EAE); background: -moz-linear-gradient(right, #FDFFFE, #F34EAE); background: linear-gradient(to left, #FDFFFE, #F34EAE); box-shadow: 0px 2px 2px #F34EAE; }
        .flexcardNumberPink:before { background: #F34EAE; }
        .flexcardNumberPink:after { background: #d24095; }

        /* RESPONSİVE */
        @media only screen and (max-width:800px) {
          .flexcard { width: 35%; margin-top: 20px; }
          img.flexcardimgItem { width: 30%; }
        }
        @media only screen and (max-width:500px) {
          .flexcard { width: 70%; }
        }

        /*Storage Yard*/
        .
        .subheading { color: #3931af; font-size: 20px; padding: 15px 0; }
        .bs-callout { padding: 10px 10px 10px 10px; margin: 20px 0; border-left: 5px solid #3078ff; border-radius: 0; background: rgba(48, 120, 255, 0.05); }
        .bs-callout-info { border-left-color: #3078ff; }
        .bs-callout h4 { margin-top: 0; margin-bottom: 5px; color: #3078ff; }
        .bs-callout ul { padding-left: 20px; }
        .vertical-center { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
        img.res { width: 100%; height: auto; }
        .tab-panebg,
        .tab-storage,
        .tab-process,
        .tab-mechanical,
        .tab-vessel,
        .tab-pipe,
        .tab-civil,
        .tab-ie,
        .tab-ee,
        .tab-ls { background-position: right bottom; background-size: cover; min-height: 600px; }
        .tab-panebg { background-image: url(../img/bggf.jpg); }
        .tab-mechanical { background-image: url(../img/Tab-mechanical.jpg); }
        .tab-process { background-image: url(../img/Tab-process.jpg); }
        .tab-storage { background-image: url(../img/Tab-storage.jpg); }
        .tab-vessel { background-image: url(../img/Tab-vessel.jpg); }
        .tab-pipe { background-image: url(../img/Tab-pipe.jpg); }
        .tab-civil { background-image: url(../img/Tab-civil.jpg); }
        .tab-ie { background-image: url(../img/Tab-ie.jpg); }
        .tab-ee { background-image: url(../img/Tab-ee.jpg); }
        .tab-ls { background-image: url(../img/Tab-ls.jpg); }

        /*Car*/
        .apldg-about-section { padding: 100px 0; position: relative; }
        .apldg-about-section .apldg-object-8,
        .apldg-about-section .apldg-object-9,
        .apldg-about-section .apldg-object-10 { position: absolute; width: 20px; }
        .apldg-about-section .apldg-object-8 { top: 10px; right: 10px; -webkit-animation: 30s apldg_move_animation linear infinite; animation: 30s apldg_move_animation linear infinite; }
        .apldg-about-section .apldg-object-9 { left: 50px; bottom: 50px; -webkit-animation: 10s apldg_rotate_animation linear infinite; animation: 10s apldg_rotate_animation linear infinite; }
        .apldg-about-section .apldg-object-10 { left: 50%; top: 30%; -webkit-animation: 10s apldg_rotate_animation linear infinite; animation: 10s apldg_rotate_animation linear infinite; }
        .apldg-about-section .apldg-about-right-img { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; }
        @media (max-width:991.98px) {
          .apldg-about-section .apldg-about-right-img { position: initial; margin-bottom: 60px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
          .apldg-about-section .apldg-about-right-img img { width: 100%; }
        }
        .apldg-about-section .apldg-about-left .apldg-title-area { margin-bottom: 60px; }
        .apldg-about-section .apldg-about-left .apldg-about-content .apldg-about-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 15px 40px 0px rgba(166, 166, 166, 0.1); box-shadow: 0px 15px 40px 0px rgba(166, 166, 166, 0.1); padding: 20px; }
        .apldg-about-section .apldg-about-left .apldg-about-content .apldg-about-item .apldg-icon-wrapper i { font-size: 40px; color: #7450f7; background-image: -webkit-linear-gradient(160deg, #5754f9 0%, #e23ff0 99%); background-image: -o-linear-gradient(160deg, #5754f9 0%, #e23ff0 99%); background-image: linear-gradient(290deg, #5754f9 0%, #e23ff0 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .apldg-about-section .apldg-about-left .apldg-about-content .apldg-about-item .apldg-about-item-content { margin-left: 15px; }
        .apldg-about-section .apldg-about-left .apldg-about-content .apldg-about-item .apldg-about-item-content .apldg-headline { margin-bottom: 6px; }
        .apldg-about-section .apldg-about-left .apldg-about-content .apldg-about-item .apldg-about-item-content .apldg-headline h6 { font-size: 18px; }
        .apldg-about-section .apldg-about-left .apldg-about-btn { margin-top: 40px; }
        .apldg-about-section .apldg-about-left .apldg-about-btn a { width: 170px; height: 55px; }
        .apldg-service-section { padding: 100px 0; background-color: #f9faff; position: relative; }
        .apldg-service-section .apldg-object-11 { position: absolute; width: 20px; right: 200px; bottom: 100px; -webkit-animation: 30s apldg_move_animation linear infinite; animation: 30s apldg_move_animation linear infinite; }
        .apldg-service-section .apldg-circle-shape { position: absolute; width: 30px; left: 100px; bottom: 100px; }
        .apldg-service-section .apldg-title-area { margin-bottom: 60px; }
        .apldg-service-section .apldg-title-area .apldg-subtitle { color: #fd5900; }
        .apldg-service-section .apldg-service-content .apldg-service-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; background-color: #fff; align-items: center; -webkit-box-shadow: 0px 15px 40px 0px rgba(166, 166, 166, 0.1); box-shadow: 0px 15px 40px 0px rgba(166, 166, 166, 0.1); padding: 25px; margin-bottom: 30px; }
        .apldg-service-section .apldg-service-content .apldg-service-column .apldg-icon-wrapper i { width: 60px; height: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: -webkit-linear-gradient(160deg, #5754f9 0%, #e23ff0 99%); background-image: -o-linear-gradient(160deg, #5754f9 0%, #e23ff0 99%); background-image: linear-gradient(290deg, #5754f9 0%, #e23ff0 99%); font-size: 30px; color: #ffffff; border-radius: 4px; }
        .apldg-service-section .apldg-service-content .apldg-service-column .apldg-icon-wrapper.gradient-2 i { background-image: -webkit-linear-gradient(160deg, #ff539f 0%, #ff7875 100%); background-image: -o-linear-gradient(160deg, #ff539f 0%, #ff7875 100%); background-image: linear-gradient(290deg, #ff539f 0%, #ff7875 100%); }
        .apldg-service-section .apldg-service-content .apldg-service-column .apldg-icon-wrapper.gradient-3 i { background-image: -webkit-linear-gradient(160deg, #4188ee 0%, #66e4de 100%); background-image: -o-linear-gradient(160deg, #4188ee 0%, #66e4de 100%); background-image: linear-gradient(290deg, #4188ee 0%, #66e4de 100%); }
        .apldg-service-section .apldg-service-content .apldg-service-column .apldg-service-column-content { margin-left: 20px; }
        .apldg-service-section .apldg-service-content .apldg-service-column .apldg-service-column-content h6 { margin-bottom: 15px; }
        .apldg-service-section .apldg-service-content .apldg-service-column:hover .apldg-icon-wrapper i { -webkit-animation: 0.3s apldg_ZoomInZoomOut linear; animation: 0.3s apldg_ZoomInZoomOut linear; }
        @media (max-width:767.98px) {
          .apldg-service-section .apldg-service-content .apldg-service-column { max-width: 430px; margin-left: auto; margin-right: auto; }
        }
        .apldg-service-section .apldg-secondary-btn { display: block; margin: 0 auto; margin-top: 30px; }
        .fancybox-button--zoom,
        .fancybox-button--play { display: none !important; }
        .fancybox-button--close { border-color: red; }
        .apbc-subtitle { display: none !important; }
        .cursor_default { cursor: default !important; }
        .fs18 { font-size: 18px; }
        .h-150 { max-height: 150px !important; }
        .mh-800 { height: 800px !important; }
        .mh-400 { height: 400px !important; }
        .h1,
        h1 { /*text-transform: capitalize; */}

        /* Extra Small Devices, Phones */
        @media only screen and (min-width:480px) {
          .h1,
          h1 { font-size: .8rem; }
          .h3,
          h3 { font-size: .8rem; }
        }

        /* Small Devices, Tablets */
        @media only screen and (min-width:768px) {
          .h1,
          h1 { font-size: 1rem; }
          .h3,
          h3 { font-size: 1rem; }
        }

        /* Medium Devices, Desktops */
        @media only screen and (min-width:992px) {
          .h1,
          h1 { font-size: 1.5rem; }
          .h3,
          h3 { font-size: 1.5rem; }
        }

        /* Large Devices, Wide Screens */
        @media only screen and (min-width:1200px) {
          .h1,
          h1 { font-size: 1.5rem; }
          .h3,
          h3 { font-size: 1.5rem; }
        }

        /**/
        .apbc-footer-gallery li img { width: 100px; height: 100px; }
        .nav-tabs .nav-item { margin: 0px 2px; }
        .nav-link { padding: 0.5rem 0.5rem; }