:root {
  --primary-color: #ff4904;
  --secondary-color: #461cab;
  --foreground-color: #121416;
  --foreground-sub-color: #898686;
  --body-text-color: #000000;
  --text-white-color: #fff;
  --body-background-color: #fff;
  --bg-offwhite-color: #f7f7f7;
  --bg-black-color: #000000;
  --bg-light-dark-color: #1a1818;
  --border-color: #e5e5e5;
  --open-sans-fonts: "Open Sans", sans-serif;
  --rubik-fonts: "Rubik", sans-serif;
  --inter-fonts: "Inter", sans-serif;
  --body-font-size: 1.5rem;
  --body-font-weight: 400;
  --body-line-height: 2.8rem;
  --headings-weight: 700;
  --transition: 0.3s all ease-in-out;
  --container-fluid-offset: 12rem;
}
html {
    scroll-behavior: smooth;
  }
  
  html,
  body {
    min-height: 100%;
    margin: 0;
    font-size: 62.5%;
    padding: 0;
  }
  
  body {
    font-family: var(--open-sans-fonts);
    font-size: var(--body-font-size, 1.5rem);
    font-weight: var(--body-font-weight);
    font-style: normal;
    line-height: var(--body-line-height, 26px);
    position: relative;
    visibility: visible;
    overflow-x: hidden;
    color: var(--foreground-color);
    background-color: var(--background-color);
  }
  @media only screen and (max-width: 991px) {
    body {
      font-size: 1.4rem;
      line-height: 2.4rem;
    }
  }
  
  [data-aos=fade-up] {
    transform: translate3d(0, 40px, 0);
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    -ms-transform: translate3d(0, 40px, 0);
    -o-transform: translate3d(0, 40px, 0);
  }
  
  .tooltip {
    font-size: 1.3rem;
  }
  
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    font-weight: var(--headings-weight);
    margin: 0;
  }
  
  h1,
  .h1 {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
  @media only screen and (min-width: 480px) {
    h1,
  .h1 {
      font-size: 2.8rem;
      line-height: 3.7rem;
    }
  }
  @media only screen and (min-width: 576px) {
    h1,
  .h1 {
      font-size: 3rem;
      line-height: 3.8rem;
    }
  }
  @media only screen and (min-width: 768px) {
    h1,
  .h1 {
      font-size: 3.2rem;
      line-height: 4rem;
    }
  }
  @media only screen and (min-width: 992px) {
    h1,
  .h1 {
      font-size: 4rem;
      line-height: 5rem;
    }
  }
  @media only screen and (min-width: 1200px) {
    h1,
  .h1 {
      font-size: 4.5rem;
      line-height: 5rem;
    }
  }
  @media only screen and (min-width: 1366px) {
    h1,
  .h1 {
      font-size: 5rem;
      line-height: 5.5rem;
    }
  }
  
  h2,
  .h2 {
    font-size: 1.7rem;
    line-height: 2.4rem;
  }
  @media only screen and (min-width: 768px) {
    h2,
  .h2 {
      font-size: 1.8rem;
      line-height: 2.6rem;
    }
  }
  @media only screen and (min-width: 992px) {
    h2,
  .h2 {
      font-size: 1.9rem;
      line-height: 2.8rem;
    }
  }
  @media only screen and (min-width: 1200px) {
    h2,
  .h2 {
      font-size: 2rem;
      line-height: 3rem;
    }
  }
  @media only screen and (min-width: 1366px) {
    h2,
  .h2 {
      font-size: 2.2rem;
    }
  }
  
  h3,
  .h3 {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  @media only screen and (min-width: 992px) {
    h3,
  .h3 {
      font-size: 1.6rem;
    }
  }
  
  h4,
  .h4 {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  @media only screen and (min-width: 1200px) {
    h4,
  .h4 {
      font-size: 1.7rem;
      line-height: 2.8rem;
    }
  }
  
  h5,
  .h5 {
    font-weight: 400;
  }
  
  h6,
  .h6 {
    font-weight: 400;
  }
  
  p,
  .p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: var(--inter-fonts);
  }
  @media only screen and (min-width: 1200px) {
    p,
  .p {
      margin-bottom: 1.5rem;
    }
  }
  
  p:last-child {
    margin-bottom: 0;
  }
  
  a,
  button {
    display: inline-block;
    cursor: pointer;
    transition: var(--transition);
    text-decoration: none;
    color: inherit;
  }
  
  a,
  button,
  img,
  input,
  textarea {
    transition: var(--transition);
  }
  
  *:focus {
    outline: none;
    box-shadow: none;
  }
  
  :focus-visible {
    box-shadow: 0 0 5px 2px rgba(19, 19, 19, 0.15);
  }
  
  a:focus {
    text-decoration: none;
    outline: none;
  }
  
  a {
    color: var(--foreground-color);
  }
  
  a:hover {
    text-decoration: none;
    color: var(--secondary-color);
  }
  
  button,
  input[type=submit] {
    cursor: pointer;
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
  }
  
  input[type=number] {
    -moz-appearance: textfield;
  }
  
  img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  
  span {
    display: inline-block;
    transition: var(--transition);
  }
  
  label {
    transition: var(--transition);
    display: block;
  }
  
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    opacity: 1;
  }
  
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    opacity: 1;
  }
  
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
  }
  
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    opacity: 1;
  }
  
b, strong{color: #1c1c1c;}
  ul {
    margin: 0;
    padding: 0;
    color: #827e7d;
  }
  
  ul:last-child {
    margin-bottom: 0;
  }
  
  li {
    list-style: none;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-left: 30px;
  }
  
  hr {
    border-top-width: 2px;
  }
  
  @media only screen and (min-width: 576px) {
    .container {
      max-width: 576px;
    }
  }
  @media only screen and (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }
  @media only screen and (min-width: 992px) {
    .container {
      max-width: 992px;
    }
  }
  @media only screen and (min-width: 1200px) {
    .container {
      max-width: 1200px;
    }
  }
  @media only screen and (min-width: 1366px) {
    .container {
      max-width: 1240px;
    }
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
    margin-right: auto;
    margin-left: auto;
  }
  
  .container-fluid {
    --offset-fluid: 1.5rem;
    padding-right: var(--offset-fluid);
    padding-left: var(--offset-fluid);
  }
  @media only screen and (min-width: 992px) {
    .container-fluid {
      --offset-fluid: 3rem;
    }
  }
  @media only screen and (min-width: 1366px) {
    .container-fluid {
      --offset-fluid: calc(var(--container-fluid-offset) / 4.5);
    }
  }
  @media only screen and (min-width: 1600px) {
    .container-fluid {
      --offset-fluid: calc(var(--container-fluid-offset) / 2.5);
    }
  }
  @media only screen and (min-width: 1800px) {
    .container-fluid {
      --offset-fluid: var(--container-fluid-offset);
    }
  }
  .container-fluid.width-100 {
    --offset-fluid: 0;
  }
  
  .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
  }
  @media only screen and (min-width: 992px) {
    .row {
      margin-right: -1.5rem;
      margin-left: -1.5rem;
    }
  }
  
  .row > * {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media only screen and (min-width: 992px) {
    .row > * {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
  }
  
  @media only screen and (max-width: 1199px) {
    .col-lg-order {
      order: 1;
    }
    .d-lg-none {
      display: none;
    }
  }
  @media only screen and (max-width: 991px) {
    .d-md-none {
      display: none;
    }
    .d-md-flex {
      display: flex;
    }
    .col-md-order {
      order: 1;
    }
    .d-md-block {
      display: block;
    }
    .d-md-2-block {
      display: block !important;
    }
  }
  @media only screen and (max-width: 767px) {
    .d-sm-u-none {
      display: none;
    }
    .d-sm-block {
      display: block;
    }
    .d-sm-flex {
      display: flex;
    }
    .col-sm-order {
      order: 1;
    }
  }
  @media only screen and (max-width: 575px) {
    .d-sm-2-none {
      display: none;
    }
    .d-sm-2-block {
      display: block;
    }
    .d-sm-2-flex {
      display: flex;
    }
    .col-sm-2-order {
      order: 1;
    }
  }
  @media only screen and (max-width: 479px) {
    .d-sm-3-none {
      display: none;
    }
  }
  @media only screen and (max-width: 479px) {
    .custom-col {
      width: 100%;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .row-md-reverse {
      flex-direction: column-reverse;
    }
    .row_md_reverse {
      flex-direction: column-reverse;
    }
  }
  @media only screen and (max-width: 767px) {
    .row_sm_reverse {
      flex-direction: column-reverse;
    }
  }

/* bootstrap */
@media (min-width: 992px) {
  .col-lg-auto {
      flex:0 0 auto;
      width: auto
  }

  .col-lg-1 {
      flex: 0 0 auto;
      width: 8.33333333%
  }

  .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66666667%
  }

  .col-lg-3 {
      flex: 0 0 auto;
      width: 25%
  }

  .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333333%
  }

  .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66666667%
  }

  .col-lg-6 {
      flex: 0 0 auto;
      width: 50%
  }

  .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333333%
  }

  .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66666667%
  }

  .col-lg-9 {
      flex: 0 0 auto;
      width: 75%
  }

  .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333333%
  }

  .col-lg-11 {
      flex: 0 0 auto;
      width: 91.66666667%
  }

  .col-lg-12 {
      flex: 0 0 auto;
      width: 100%
  }
}



  /* breadcrumb */
  .isk_breadcrumb__bg {
    background-color: var(--bg-offwhite-color);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 2.5rem 0;
}
@media only screen and (min-width: 768px) {
    .isk_breadcrumb__bg {
        padding: 3rem 0;
    }
}
.isk_breadcrumb__content {
    position: relative;
}
.isk_breadcrumb__content--title {
    margin-bottom: 12px;
    font-size: 2.2rem;
    line-height: 2.2rem;
}
@media only screen and (min-width: 768px) {
    .isk_breadcrumb__content--title {
        margin-bottom: 15px;
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}
@media only screen and (min-width: 992px) {
    .isk_breadcrumb__content--title {
        margin-bottom: 16px;
        font-size: 2.8rem;
        line-height: 2.8rem;
    }
}
@media only screen and (min-width: 1200px) {
    .isk_breadcrumb__content--title {
        font-size: 3rem;
        line-height: 3rem;
    }
}
.isk_breadcrumb__content--menu__items {
    position: relative;
    margin-right: 18px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 22px;
}
.isk_breadcrumb__content--menu__items:last-child {
    margin-right: 0;
    padding-right: 0;
}
.isk_breadcrumb__content--menu__items:last-child::before {
    display: none;
}
.isk_breadcrumb__content--menu__items::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    background: var(--secondary-color);
    right: 0;
    top: 6px;
    border-radius: 5px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

  /* Blog page */
  .isk-blog{padding-top: 6rem;padding-bottom: 6rem;}
  .isk-blog-inner {
    padding: 2px;
  }
  .isk_blog_card {
      padding: 1.5rem;
      border: 1px solid var(--border-color);
      border-radius: 5px;
      -webkit-transition: var(--transition);
      transition: var(--transition);
      position: relative;
margin-bottom: 30px;
  }
  @media only screen and (min-width: 768px) {
      .isk_blog_card {
          padding: 1rem;
      }
  }
  .isk_blog_card:hover {
      border-color: #000000;
  }
  .isk_blog_card:hover .isk_blog_card--social {
      opacity: 1;
      visibility: visible;
  }
  .isk_blog_card--thumbnail {
      position: relative;
      overflow: hidden;
      border-radius: 5px;
  }
  .isk_blog_card--thumbnail__link {
      display: block;
      width: 100%;
  }
  .isk_blog_card--thumbnail__img {
      width: 100%;
  }
  .isk_blog_card--meta {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: 500;
      text-transform: uppercase;
      color: var(--foreground-sub-color);
      font-family: var(--inter-fonts);
      margin-bottom: 0.7rem;
  }
  .isk_blog_card--meta__date {
      width: 5rem;
      height: 4.5rem;
      font-size: 1.3rem;
      font-weight: 600;
      background: var(--secondary-color);
      border-radius: 5px;
      color: #ffffff;
      line-height: 1.7rem;
      text-align: center;
      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;
      position: absolute;
      top: 12px;
      left: 12px;
  }
  @media only screen and (min-width: 768px) {
      .isk_blog_card--meta__date {
          width: 6rem;
          height: 5rem;
          font-size: 1.5rem;
          line-height: 1.8rem;
      }
  }
  .isk_blog_card--desc {
      color: #000000;
      margin-bottom: 1.2rem;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }
  .isk_blog_card--title {
      font-size: 1.7rem;
      line-height: 2.5rem;
      margin-bottom: 1rem;
  }
  @media only screen and (min-width: 480px) {
      .isk_blog_card--title {
          font-size: 1.8rem;
          line-height: 2.6rem;
      }
  }
  @media only screen and (min-width: 1366px) {
      .isk_blog_card--title {
          font-size: 2rem;
          line-height: 2.8rem;
          margin-bottom: 1.1rem;
      }
  }
  .isk_blog_card--footer {
      gap: 2rem;
  }
  .isk_blog_card--content {
      padding: 1.5rem 0 0;
  }
  .isk_blog_card--btn__link {
      text-transform: uppercase;
      font-weight: 600;
      font-family: var(--inter-fonts);
  }
  .isk_blog_card--btn__link svg {
      margin-left: 0.3rem;
  }
  /* Blog details page */
  .isk-blog-details{padding-top: 5rem;padding-bottom: 5rem;}
  .isk-blog-details .isk-blog-section{margin: 20px 0;}
  .isk-blog-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  @media only screen and (max-width: 991px) {
    .isk-blog-sidebar.left {
      margin-top: 6rem;
    }
  }
  @media only screen and (max-width: 767px) {
    .isk-blog-sidebar.left {
      margin-top: 5rem;
    }
  }
  
  .isk-blog-header.mb-30 {
    margin-bottom: 2.5rem;
  }
  
  @media only screen and (min-width: 992px) {
    .isk-blog-title {
      line-height: 4rem;
    }
  }
  
  .isk_blog__thumbnail {
    line-height: 1;
  }
  @media only screen and (max-width: 767px) {
    .isk_blog__thumbnail.mb-30 {
      margin-bottom: 2rem;
    }
  }

  .isk-blog-sidebar-single-content{
      padding: 2.5rem 2rem;
      border-radius: 0.5rem;
      -webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.1);
      box-shadow: 0 2px 22px rgba(0, 0, 0, 0.1);
  }
  .widget__title {
    font-weight: 600;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 1rem;
  }
  @media only screen and (min-width: 992px) {
    .widget__title {
        padding-bottom: 1.2rem;
        margin-bottom: 2.5rem;
    }
  }
  .isk-blog-sidebar-blog {
    gap: 1.6rem;
    margin-bottom: 2rem;
  }
  .isk-blog-sidebar-thumbnail {
    width: 110px;
    border-radius: 5px;
    overflow: hidden;
  }
  .isk-blog-sidebar-thumbnail-img {
    border-radius: 5px;
  }
  .isk-blog-sidebar-content{
    width: calc(100% - 110px);
  }
  .isk-blog-sidebar-title{
    font-size: 1.5rem;
  }