/*$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;
*/
/*@import "mixins/deprecate";
*/
/*@import "mixins/grid-framework";
@import "mixins/grid";
*/
/*page-ourworks*/
/* line 5, style.scss */
.nav-pills {
  max-width: 1000px;
  width: 90%;
  margin: auto; }
  @media (max-width: 991.98px) {
    /* line 5, style.scss */
    .nav-pills {
      width: 100%; } }

/* line 13, style.scss */
.nav-pills .nav-link {
  border-radius: 0 !important;
  border: 1px solid #000;
  color: #000 !important;
  margin: 0 10px;
  width: 15%; }
  @media (max-width: 991.98px) {
    /* line 13, style.scss */
    .nav-pills .nav-link {
      width: 100%;
      margin: 0 auto 15px auto; } }

/* line 26, style.scss */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #000 !important; }

/* line 31, style.scss */
.card {
  border-radius: 0 !important;
  padding: 0; }

/* line 35, style.scss */
.card-body {
  padding: 15px !important;
  border-radius: 0 !important; }

/* line 42, style.scss */
.card-img {
  border-radius: 0 !important; }

/* line 46, style.scss */
.detail-txt {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: .15rem;
  margin: auto;
  height: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media (max-width: 991.98px) {
    /* line 46, style.scss */
    .detail-txt {
      height: 230px; } }

/* line 76, style.scss */
.btn {
  border-radius: 0 !important;
  letter-spacing: .2rem; }

/* line 80, style.scss */
.btn-outline-dark:hover {
  color: #fff !important;
  background-color: #343a40;
  border-color: #343a40; }

/* line 87, style.scss */
p {
  line-height: 1.8; }

/* line 92, style.scss */
.stickarrow {
  display: inline-block;
  width: 25px;
  height: 6px;
  margin-left: 10px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: skew(45deg); }
  @media (max-width: 991.98px) {
    /* line 92, style.scss */
    .stickarrow {
      width: 20px; } }

/* line 105, style.scss */
.btn-outline-light:hover .stickarrow {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000; }

/* line 117, style.scss */
.object-fit-img {
  object-fit: cover;
  font-family: 'object-fit: cover;'; }
  @media (min-width: 768px) {
    /* line 117, style.scss */
    .object-fit-img {
      width: 100%;
      object-fit: cover;
      min-height: 340px; } }
  @media (max-width: 991.98px) {
    /* line 117, style.scss */
    .object-fit-img {
      width: 100%;
      object-fit: cover;
      height: 100%; } }

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