@media (min-width: 1200px) {
  .show-sm {
    display: none;
  }
}

@media (max-width: 1200px) {
  .hide-sm {
    display: none;
  }
}

.header-content {
  position: absolute;
  top: 50%;
  transform: translate(0px ,-40%);
}

.header-content h2, .perf {
  font-size: 30px;
  font-weight: 900;
  color: var(--tthird-bg-color);
}

.header-content h1 {
  font-size: 30px;
  font-weight: 900;
  color: white;
}

.header-content h1 span {
  font-size: 40px;
}

@media (max-width: 768px) {
  .logo {
    width: 300px !important;
  }
}

.title h2 {
  color: var(--primary-color);
}

.title span {
  color: var(--secondary-color);
}

.section h3 span {
  font-weight: 300 !important;
}

.section h3 {
  font-weight: 900;
  color: var(--secondary-color);
  text-transform: capitalize;
  font-size: 25px;
}

@media (max-width: 992px) {
  .text-start-md {
    text-align: start !important;
  }
}

.secondary-color {
  color: var(--secondary-color);
}

.btn:focus {
  height: unset !important;
}

.fixedElement {
  position: fixed !important;
}

.tprimary-bg-color {
  color: var(--tprimary-bg-color);
}

.nested {
  color: var(--background-nested);
}

.self {
  position: absolute;
  left: 5%;
  padding-top: 2rem;
}

.self span {
  color: white;
  font-size: 25px;
  font-weight: 400;
}

.operational {
  top: 40%;
  left: 5%;
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
  display: table;
  content: none;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1200px) {
  .pd-mb {
    padding-left: 40px;
  }
}

@media (min-width: 768px) {
  .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
  }
}

.unsetborder {
  border: unset !important;
}

@media (max-width: 992px) {
  .text-start-md {
    text-align: start !important;
  }
}

.secondary-color {
  color: var(--secondary-color);
}

.services-headings {
  font-size: 28px;
  font-weight: 700;
  color: var(--tfifth-bg-color);
}

.services-headings span {
  font-weight: initial;
}

.z-0 {
  z-index: 0;
}

.z-99 {
  z-index: 99;
}

.weight-900 {
  font-weight: 900;
}

.weight-700 {
  font-weight: 700;
}

@media (min-width: 768px) {
  .height-350 {
    height: 360px;
    position: relative;
  }
}

@media (min-width: 768px) {
  .height-100 {
    height: 100%;
  }
}

@media (min-width: 768px) {
  .bottom-65 {
    position: absolute;
    top: 65%;
    margin-bottom: 10px;
  }
}

.weight-600 {
  font-weight: 600;
}

.weight-200 {
  font-weight: 200;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 992px) {
  .what-we-offer-text {
    z-index: 99;
    padding-right: 90px;
    padding-left: 50px;
  }
}

@media (min-width: 992px) {
  .p-3rem {
    padding: 3rem;
  }
}

@media (max-width: 991px) {
  .wht-bg {
    background-color: rgba(255,255,255,0.6);
  }
}

body {
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .flex-end-768 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

@media (max-width: 996px) {
  .width-on-mobile {
    height: 202px !important;
    width: auto !important;
  }
}

.header-content h2, .perf, .self h2 {
  font-size: 30px;
  font-weight: 900;
  color: var(--tthird-bg-color);
}

.header-content h2, .perf, .self h2 {
  font-size: 30px;
  font-weight: 900;
  color: var(--tthird-bg-color);
}

.header-content h1 {
  font-size: 30px;
  font-weight: 900;
  color: white;
}

.header-content h1 span {
  font-size: 40px;
}

@media (max-width: 992px) {
  .text-start-md {
    text-align: start !important;
  }
}

.section p {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.wrapper-software {
  width: 200px;
  height: 100px;
}