/* width */

  ::-webkit-scrollbar {
      width: 3px;
  }

  /* Handle */

  ::-webkit-scrollbar-thumb {
      background: black;
  }

  /*
* Buttons
*/

  .custom-dots-style-1 .owl-stage-outer {
      padding-bottom: 0px;
  }

  .custom-dots-style-1 .owl-stage-outer .card {
      box-shadow: 10px 10px 14px #c4c4c43d;
  }

  .custom-dots-style-1 .owl-stage-outer .custom-card-style-2 {
      box-shadow: none;
  }

  .pb-50px {
      padding-bottom: 50px !important;
  }

  .custom-svg-fill-color-tertiary-darken {
      fill: #42588b !important;
  }

  .bg-base {
      background: #274898 !important;
  }

  .heading {
      color: #274898;
  }

  .custom-btn-style-1 {
      position: relative;
      transition: ease transform 300ms;
  }

  .custom-btn-style-1>span {
      position: relative;
      z-index: 1;
  }

  .custom-btn-style-1:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: inherit;
      opacity: 0.7;
      border-radius: inherit;
      transform: translate3d(5px, 5px, 0);
      transition: ease transform 300ms;
      z-index: 0;
  }

  .custom-btn-style-1:hover {
      transform: translate3d(2.5px, 2.5px, 0);
  }

  .custom-btn-style-1:hover:before {
      transform: translate3d(0, 0, 0);
  }

  .tabs-navigation-custom .nav-tabs .nav-item {
      position: relative;
  }

  .tabs-navigation-custom .nav-tabs .nav-item .nav-link {
      border: 0 !important;
      font-size: 18px;
      padding-left: 25px !important;
  }

  .tabs-navigation-custom .nav-tabs .nav-item .nav-link:not(.active) {
      color: var(--dark);
  }

  .tabs-navigation-custom .nav-tabs .nav-item .nav-link:before {
      content: "";
      width: 20px;
      height: 2px;
      display: inline-block;
      background: var(--dark);
      margin-right: 10px;
      position: relative;
      top: -3px;
      left: 0;
  }

  .tabs-navigation-custom .nav-tabs .nav-item .nav-link.active:before {
      background: var(--primary);
  }

  /*
* Home Section Happy Clients - Custom Testimonial
*/

  .testimonial.testimonial-style-3.custom-testimonial-style-1 blockquote {
      background: #ededed !important;
      padding: 45px 40px 35px 40px;
      border-radius: 10px;
  }

  .testimonial.testimonial-style-3.custom-testimonial-style-1 blockquote:before {
      content: '\f10d';
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 19.2px;
      font-size: 1.2rem;
      top: 15px;
      left: 15px;
  }

  .testimonial.testimonial-style-3.custom-testimonial-style-1 .testimonial-author {
      margin: 19px 0 0 0;
  }

  .testimonial.testimonial-style-3.custom-testimonial-style-1 .testimonial-author img {
      max-width: 67px;
  }

  /* Common styles */

  .marquee-down,
  .marquee-up {
      display: flex;
      flex-direction: column;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
  }

  /* Downward scroll */

  .marquee-down {
      animation: scroll-down 15s linear infinite;
  }

  /* Upward scroll */

  .marquee-up {
      animation: scroll-up 15s linear infinite;
  }

  /* Keyframes */

  @keyframes scroll-down {
      0% {
          transform: translateY(-50%);
      }

      100% {
          transform: translateY(0%);
      }
  }

  @keyframes scroll-up {
      0% {
          transform: translateY(0%);
      }

      100% {
          transform: translateY(-50%);
      }
  }

  .marquee-div {
      max-height: 300px;
  }

  /*
* About Me
*/

  .more-about {
      background-color: var(--light);
      background-position-y: center;
      background-repeat: no-repeat;
      background-size: contain;
      height: auto;
      position: relative;
      overflow: hidden;
      margin-bottom: 70px;
  }

  @media (max-width: 991px) {
      .more-about {
          /* padding-top: 70%; */
          position: static;
          background-size: 100%;
          background-position: 0 0;
          background-color: var(--light);
          margin-bottom: 0;
          overflow: auto;
      }
  }

  @media (min-width: 992px) {
      .more-about .col-cuttin-more-about:before {
          content: '';
          position: absolute;
          top: -35%;
          right: -90%;
          width: 100%;
          height: 100%;
          background: var(--light);
          z-index: 0;
          transform: rotate(75deg);
      }

      .more-about .col-cuttin-more-about:after {
          content: '';
          position: absolute;
          top: 35%;
          right: -90%;
          width: 100%;
          height: 100%;
          background: var(--light);
          z-index: 0;
          transform: rotate(-75deg);
      }
  }

  @media (min-width: 992px) and (max-width: 1200px) {
      .more-about {
          background-size: 130%;
      }

      .more-about .col-cuttin-more-about:before {
          right: -127%;
          top: -38%;
      }

      .more-about .col-cuttin-more-about:after {
          right: -127%;
          top: 38%;
      }
  }

  .g-30 {
      gap: 30px !important;
  }

  .year {
      color: white;
      font-weight: 700;
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 45px;
      margin-bottom: 18px;
      opacity: 0.2;
  }

  /*
* Experience
*/

  section.custom-timeline {
      width: calc(100% - 30px);
      margin: 0 0 0 40px;
      padding: 0;
  }

  section.custom-timeline:after,
  section.custom-timeline:before {
      content: none;
  }

  section.custom-timeline .timeline-body:after {
      content: '';
      display: block;
      clear: both;
  }

  section.custom-timeline .timeline-bar {
      position: absolute;
      background: #274898;
      width: 3px;
      left: -3.6%;
      z-index: 0;
  }

  section.custom-timeline .timeline-box {
      position: relative;
      border: 0 !important;
      margin: 15px 0 !important;
      width: 100%;
      margin: 0;
      padding: 0;
  }

  section.custom-timeline .timeline-box.right {
      max-width: 100%;
  }

  section.custom-timeline .timeline-box.right:before {
      top: 50%;
      left: -3.8%;
      background: var(--dark) !important;
      box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px var(--dark) !important;
      margin-top: 0;
      transform: translateY(-50%);
  }

  section.custom-timeline .timeline-box.right:after {
      top: 50%;
      left: -22px;
      background: var(--primary);
      border: none;
      transform: translateY(-50%) rotate(45deg);
  }

  section.custom-timeline .timeline-box .experience-info,
  section.custom-timeline .timeline-box .experience-description {
      padding: 40px;
  }

  section.custom-timeline .timeline-box .experience-info p {
      opacity: 0.8;
      text-transform: uppercase;
      font-size: 11px;
  }

  section.custom-timeline .timeline-box .experience-info .from,
  section.custom-timeline .timeline-box .experience-info .to {
      display: inline-block;
      width: 49%;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 1.3;
  }

  section.custom-timeline .timeline-box .experience-info .from>span,
  section.custom-timeline .timeline-box .experience-info .to>span {
      display: block;
      text-transform: none;
      font-size: 16px;
  }

  section.custom-timeline .timeline-box .experience-info .company {
      font-size: 18px;
  }

  section.custom-timeline .timeline-box .experience-info .company>span {
      display: block;
      opacity: 0.8;
      text-transform: uppercase;
      font-size: 11px;
  }

  @media (max-width: 1199px) {
      section.custom-timeline {
          width: calc(100% - 60px);
          margin: 0 0 0 60px;
      }

      section.custom-timeline .timeline-bar {
          left: -5.1%;
      }

      section.custom-timeline .timeline-box.right:before {
          left: -5.5%;
      }
  }

  @media (max-width: 991px) {
      section.custom-timeline {
          width: calc(100% - 30px);
          margin: 0 0 0 20px;
      }

      section.custom-timeline .timeline-bar {
          left: -6.7%;
      }

      section.custom-timeline .timeline-box:before,
      section.custom-timeline .timeline-box:after {
          display: block !important;
      }

      section.custom-timeline .timeline-box.right {
          float: right;
      }

      section.custom-timeline .timeline-box.right:before {
          left: -7%;
      }
  }

  @media (max-width: 767px) {
      section.custom-timeline {
          width: 100%;
          margin: 0;
          padding-left: 15px;
          padding-right: 15px;
      }

      .breadcrumb>li {
          font-size: 0.5em !important;
      }

      section.custom-timeline .timeline-bar {
          display: none;
      }

      section.custom-timeline .timeline-box:before,
      section.custom-timeline .timeline-box:after {
          display: none !important;
      }

      .text-10 {
          font-size: 1.55em !important;
      }
  }

  @media (max-width: 575px) {
      section.custom-timeline {
          padding-left: 0;
          padding-right: 0;
      }

      .application-s .owl-stage-outer {
          padding: 0px;
      }

      .page-header.page-header-modern.page-header-lg {
          padding: 31px 0px;
      }

      section.section.section-angled .section-angled-layer-top {
          padding: 0px;
      }

      section.section.section-angled {
          padding: 16px 0px;
      }

      section.section.section-angled .section-angled-layer-top+.section-angled-content,
      section.section.section-angled .section-angled-layer-top+.section-angled-layer-bottom+.section-angled-content {
          margin: 0px;
      }

      .feature .list.list-borders {
          padding-right: 0px !important;
          margin-bottom: 0px !important;
      }

      .tech-table {
          width: 100%;
      }

      .table-icon {
          display: none;
      }
  }

  section.custom-timeline .timeline-bar {
      background: #e04622;
  }

  html #header .header-logo .logo {
      width: 39%;
  }

  .logo-sticky {
      width: 40%;
  }

  /* .service-mega {
      width: 55% !important;
      left: 33% !important;
  } */

  .mega-title {
      color: #e04622;
      border-bottom: none !important;
  }

  .mm {
      box-shadow: 8px 9px 15px 2px #c4c4c43d;
      border: none;
  }

  .career-card {
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
      padding: 38px;
      border-radius: 10px;
  }

  /* Mask Image */

  .custom-mask-img {
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100%;
      mask-size: 100%;
      -webkit-mask-position: center;
      mask-position: center;
  }

  .custom-mask-img-1 {
      -webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-1.png);
      mask-image: url(../../img/demos/accounting-1/generic/mask-image-1.png);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100%;
      mask-size: 100%;
      -webkit-mask-position: center;
      mask-position: center;
  }

  .custom-mask-img-2 {
      -webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-2.png);
      mask-image: url(../../img/demos/accounting-1/generic/mask-image-2.png);
  }

  .custom-mask-img-3 {
      -webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-3.png);
      mask-image: url(../../img/demos/accounting-1/generic/mask-image-3.png);
  }

  .custom-mask-img-4 {
      -webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-4.png);
      mask-image: url(../../img/demos/accounting-1/generic/mask-image-4.png);
  }

  .last-section {
      background: #2e4e9b08;
      border-radius: 5px;
  }

  .custom-vr-1 {
      width: 6px;
      height: 70px;
  }

  .btn-new .btn {
      padding: 0.933rem 2.033rem;
  }

  .feature .list.list-borders li {
      border-bottom: 1px solid #eaeaea54;
  }

  .feature .list.list-borders li:last-child {
      border-bottom: none;
  }

  .feature .list.list-borders {
      padding-right: 70px;
  }

  .tech-table2 {
      width: 100%;
      /* max-width: 950px; */
      /* margin: 40px auto; */
      border-collapse: separate;
      border-spacing: 0 12px;
      /* font-family: "Inter", sans-serif; */
  }

  .tech-table2 th {
      background: #1e3a8a;
      color: #fff;
      text-align: left;
      padding: 14px 18px;
      font-size: 15px;
      text-transform: uppercase;
      /* border-radius: 10px 10px 0 0; */
  }

  .tech-table2 td {
      background: #ffffff;
      padding: 16px 20px;
      font-size: 14px;
      color: #374151;
      vertical-align: middle;
      /* border-radius: 10px; */
      /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); */
  }

  .tech-table2 tr:nth-child(even) td {
      background: #f9fafb;
  }

  .tech-feature {
      display: flex;
      align-items: center;
      gap: 14px;
  }

  .icon-circle {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: #e0e7ff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
      color: #1e3a8a;
      flex-shrink: 0;
      font-size: 14px;
  }

  .tech-feature span {
      font-weight: 600;
      font-size: 15px;
      color: #0b2447;
  }

  .custom-carousel-style-2 .owl-item:not(.active) {
      opacity: 0;
      transition: ease opacity 300ms;
  }

  .custom-carousel-style-2 .owl-item.active .custom-card-style-2 .card-body {
      box-shadow: 0px 8px 31px -5px rgba(0, 0, 0, 0.07);
  }

  .custom-carousel-style-2.owl-grab .owl-item:not(.active) {
      opacity: 1;
  }

  .custom-card-style-2 .card-img-top {
      padding-left: 35px;
  }

  .custom-card-style-2 .card-body {
      position: relative;
      background: var(--light);
      margin-top: -70px;
      max-width: 83%;
  }

  /* .accordion .owl-carousel.stage-margin .owl-stage-outer {
      margin-left: 0px !important;
      margin-right: 0px !important;
  } */

  .breadcrumb>li {
      display: inline-block;
      font-size: 0.8em;
      text-transform: uppercase;
      text-shadow: none;
      color: white;
  }

  #livesearch {
      padding: 10px;
      border: 1px solid rgb(183 183 183);
      position: absolute;
      width: 100%;
      top: 38px;
      background: #ffffff;
      /* left: 6%; */
      border-radius: 6px;
      display: none;
  }


  #livesearch a {
      color: #274898;
  }

  #livesearch a:hover {
      text-decoration: none;
  }

  .top-70pct {
      top: 70%;
  }

  .img-about {
      border: 5px solid #E14B28;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 0 0 3px rgba(255, 255, 255, 0.6);
  }

  .img-about-1 {
      border: 6px solid #274898;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 0 0 3px rgba(255, 255, 255, 0.6);
  }

  .marquee-div {
      height: 420px;
  }

  .marquee-down,
  .marquee-up {
      display: flex;
      flex-direction: column;
      will-change: transform;
      animation-timing-function: linear !important;
      animation-play-state: running !important;
  }

  .marquee-down {
      animation: scrollDown 14s linear infinite !important;
  }

  .marquee-up {
      animation: scrollUp 14s linear infinite !important;
  }

  #footer a:not(.btn):not(.no-footer-css).link-hover-style-1:hover {
      left: 3px;
      color: #e04622 !important;
  }

  #footer a:not(.btn):not(.no-footer-css).text-color-light:hover {
      color: #e04622 !important;
      font-weight: 600;
  }

  #footer a:not(.btn):not(.no-footer-css):hover {
      text-decoration: none;
      color: #e04622 !important;
  }

  .dropdown-item.active,
  .dropdown-item:active {
      color: var(--bs-dropdown-link-active-color);
      text-decoration: none;
      background-color: #274898;
  }

  @keyframes scrollDown {
      from {
          transform: translateY(0);
      }

      to {
          transform: translateY(-50%);
      }
  }

  @keyframes scrollUp {
      from {
          transform: translateY(-50%);
      }

      to {
          transform: translateY(0);
      }
  }



  @media (min-width:0px) and (max-width:475px) {
      .card-body {
          padding: 1rem;
      }

      .custom-card-style-2 .card-body {
          margin-top: -21px;
      }

      .custom-card-style-2 .card-img-top {
          padding-left: 0px;
      }
      .sm-pb-5{
        padding-bottom: 3rem!important;
      }
  }

  @media (min-width: 768px) {
      .mb-md-5 {
          margin-bottom: 3rem !important;
      }

      .mt-md-3 {
          margin-top: 1rem !important;
      }

      .mt-md-4 {
          margin-top: 1.5rem !important;
      }

      .mt-md-5 {
          margin-top: 3rem !important;
      }

      .pt-md-2 {
          padding-top: 0.5rem !important;
      }

      .pt-md-3 {
          padding-top: 0.75rem !important;
      }

      .pt-md-4 {
          padding-top: 1.5rem !important;
      }

      .pt-md-5 {
          padding-top: 3rem !important;
      }

      .pb-md-5 {
          padding-bottom: 3rem !important;
      }

      .pb-md-4 {
          padding-bottom: 1.5rem !important;
      }

      .pb-md-3 {
          padding-bottom: 0.75rem !important;
      }

      .pb-md-2 {
          padding-bottom: 0.5rem !important;
      }
  }



  @media (min-width:1100px) and (max-width:1300px) {
      .page-header.page-header-modern.page-header-lg {
          padding: 123px 0 208px;
      }
  }

  @media (min-width:1399px) and (max-width:1500px) {
      .page-header.page-header-modern.page-header-lg {
          padding: 123px 0 256px;
      }
  }

  @media (min-width:1500px) and (max-width:1670px) {
      .page-header.page-header-modern.page-header-lg {
          padding: 188px 0 243px;
      }
  }

  @media (min-width:1671px) and (max-width:1700px) {
      .page-header.page-header-modern.page-header-lg {
          padding: 190px 0 266px;
      }
  }

  /* 1920PX Screen */

  @media (min-width:1701px) and (max-width:2000px) {
      .img-about {
          width: 72%;
      }

      .page-header.page-header-modern.page-header-lg {
          padding: 250px 0 281px;
      }
  }