:root {
  --primary-color: #F03D36;
  --secondary-color: #FFFFFF;
  --text-color: #222222;
  --button-color: #D42E27;
  --bg-color: #FFF5F4;
}

* {
  list-style-type: none;
}

body {
  line-height: 30px;
}

.technology .desc {
  padding-top: 100px;
  padding-bottom: 100px;
}
.technology .desc .sub-content {
  padding: 20px;
  padding-left: 100px;
}
.technology .desc .sub-content .sub-title h1 {
  text-transform: capitalize;
  max-width: 430px;
  padding-bottom: 10px;
  font-size: 34px;
  width: 100%;
}

@media (max-width: 1366px) {
  .technology .desc {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .technology .desc .sub-content {
    padding: 20px;
    padding-left: 50px;
  }
  .technology .desc .sub-content .sub-title h1 {
    text-transform: capitalize;
    width: 340px;
    padding-bottom: 10px;
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .technology .desc {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .technology .desc .sub-content {
    padding: 0px;
    padding-left: 0px;
    padding-top: 30px;
  }
  .technology .desc .sub-content .sub-title h1 {
    text-transform: capitalize;
    width: 325px;
    padding-bottom: 10px;
    font-size: 29px;
  }
}
@media (max-width: 767px) {
  .technology .desc {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .technology .desc .sub-content {
    padding: 0px;
    padding-left: 0px;
    padding-top: 30px;
  }
  .technology .desc .sub-content .sub-title h1 {
    text-transform: capitalize;
    width: 250px;
    padding-bottom: 10px;
    font-size: 17px;
  }
}
html[lang=ar] body {
  direction: rtl;
}
html[lang=ar] body .technology .desc {
  padding-top: 100px;
  padding-bottom: 100px;
}
html[lang=ar] body .technology .desc .sub-content {
  padding: 20px;
  padding-right: 100px;
}
html[lang=ar] body .technology .desc .sub-content .sub-title h1 {
  text-transform: capitalize;
  width: 340px;
  padding-bottom: 10px;
  font-size: 30px;
}
@media (max-width: 1366px) {
  html[lang=ar] body .technology .desc {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  html[lang=ar] body .technology .desc .sub-content {
    padding: 20px;
    padding-right: 50px;
  }
  html[lang=ar] body .technology .desc .sub-content .sub-title h1 {
    text-transform: capitalize;
    width: 340px;
    padding-bottom: 10px;
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  html[lang=ar] body .technology .desc {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  html[lang=ar] body .technology .desc .sub-content {
    padding: 0px;
    padding-right: 0px;
    padding-top: 30px;
  }
  html[lang=ar] body .technology .desc .sub-content .sub-title h1 {
    text-transform: capitalize;
    width: 325px;
    padding-bottom: 10px;
    font-size: 29px;
  }
}
@media (max-width: 767px) {
  html[lang=ar] body .technology .desc {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  html[lang=ar] body .technology .desc .sub-content {
    padding: 0px;
    padding-right: 0px;
    padding-top: 30px;
  }
  html[lang=ar] body .technology .desc .sub-content .sub-title h1 {
    text-transform: capitalize;
    width: 250px;
    padding-bottom: 10px;
    font-size: 17px;
  }
}