:root {
  --font-size-6xl: 30px;
  --bs-primary4: #313133;
}

.right {
  background: #313133;
}

.item {
  width: 100%;
}

/*.container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 600px) {
  .container {
    flex-direction: row;
  }
}*/

.whit {
  color: white
}

.mb-120 {
  margin-bottom: 120px;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-30 {
  margin-top: 30px;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-100 {
  margin-top: 100px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-52 {
  margin-top: 52px;
}

.mb-5 {
  margin-bottom: 5.5rem !important;
}

.border-radius {
  border-radius: 15px;
}

i.fab {
  font-size: 28px;
}

i.fas {
  font-size: 20px;
}

.btn-primary {
  background: var(--bs-primary4) !important;
  margin-top: 50px;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
  border: 0;
  padding: calc(1.2rem + 1px) calc(2rem + 30px) !important;
}

.icon-text {
  margin-left: 15px;
}

.title {
  width: 100% !important;
}


.p-b-80 {
  padding-bottom: 80px;
}

.p-t-30 {
  padding-top: 30px;
}

.box-spacing {
  margin-left: 5px;
  margin-right: 65px;
}

.box-spacing-en {
  margin-left: 67px;
  margin-right: 14px;
}

.gray {
  background: #F9F9F9;
}

.text-dark-gray {
  color: #545674;
  font-size: 1.8rem !important;
}

.p-13 {
  padding: 13px !important;
}

.title-none-line {
  font-size: var(--font-size-6xl);
  line-height: 50px;
  display: inline-block;
  width: 251px;
}

.title::after {
  left: 185px;
}


.text-menu-nav-black {
  color: #44444A;
}

.ml-6 {
  margin-left: 60px;
}

.mr-6 {
  margin-right: -78px;
}

.ml-320 {
  margin-left: 320px;
}

.mr-280 {
  margin-right: 280px;
}

@media screan and (min-width: 450px) {
  .title::after {
    left: 88px;
  }
}

@media(max-width: 850px) {
  .title::after {
    left: 150px;
  }
}


@media only screen and (min-width: 768px) {

  .d-flex-md {
    display: flex !important;
  }

  .justify-content-between-md {
    justify-content: space-between !important;
  }
}


@media only screen and (max-width: 600px) {
  .title::after {
    left: 118px;
  }

  .mr-280 {
    margin-right: 170px !important;
  }
}

.w-85 {
  width: 85%;
}

.reverse-img {
  transform: scaleX(-1);
}