/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 11 2023 | 01:47:06 */
.AboutPromise {
  --title-text-color: var(--tej-color-secondary);
  --subtitle-text-color: var(--tej-color-gray);
  --title-font-size: 36px;
  --title-circle-color: var(--tej-color-accent);
  --title-circle-size: 30px;
  padding: 5% 0;
  position: relative;
}
@media only screen and (max-width: 796px) {
  .AboutPromise {
    padding: 7% 0;
  }
}
@media only screen and (max-width: 414px) {
  .AboutPromise {
    padding: 10% 0;
  }
}
.AboutPromise::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/uploads/aboutbg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  right: 0;
  z-index: -2;
  opacity: 0.4;
}
.AboutPromise .flex {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1100px) {
  .AboutPromise .flex {
    flex-direction: column;
  }
}
.AboutPromise .flex .title {
  color: var(--tej-color-secondary);
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}
.AboutPromise .flex .subtitle {
  color: var(--subtitle-text-color);
  font-size: 1.25rem;
}
.AboutPromise .flex .img_box {
  width: 50%;
  margin-right: 70px;
  position: relative;
}
@media only screen and (max-width: 1100px) {
  .AboutPromise .flex .img_box {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    max-width: 600px;
    margin: 0 auto;
  }
}
.AboutPromise .flex .img_box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 70%;
  background-color: #6da4aa;
  bottom: -50px;
  left: -50px;
  z-index: -1;
}
.AboutPromise .flex .img_box .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.AboutPromise .flex .content {
  width: 50%;
  margin-top: 200px;
}
@media only screen and (max-width: 1100px) {
  .AboutPromise .flex .content {
    width: 100%;
    margin-top: 100px;
  }
}