/*About Us **FDEV_SG** (3.3.2023)*/
.about-intro .about-intro-left p {
    font-size: 25px;
    font-weight: 500;
    line-height: 37px;
    color: var(--c-text-tertiary);
  }
  .about-intro .about-intro-left p span {
    color: var(--c-primary-red);
  }
  .about-intro .about-intro-left {
    padding: 0 60px;
  }
  .about-intro .about-intro-right p {
    line-height: 23px;
    letter-spacing: 0.5px;
    font-weight: 500;
    color: var(--c-text-tertiary);
  }
  .about-platform {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 150px 0;
    position: relative;
  }
  .about-platform::before {
    position: absolute;
    content: '';
    background-color: rgba(194,23,61,0.78);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .about-platform .about-platform-content {
    position: relative;
    z-index: 5;
  }
  .about-platform .about-platform-content h4 {
    font-family: var(--ff-heading);
    font-size: 30px;
    color: var(--c-white);
    font-style: italic;
  }
  .about-platform .about-platform-content p {
    font-family: var(--ff-tertiary);
    line-height: 23px;
    letter-spacing: 0.5px;
    color: var(--c-white);
    margin-top: 20px;
    padding-right: 250px;
  }
  .about-company-service .about-company-service-content {
    text-align: center;
  }
  .about-company-service .about-company-service-content .about-company-service-content-img {
    position: relative;
  }
  .about-company-service .about-company-service-content .about-company-service-content-img::after {
    position: absolute;
    content: '';
    background-color: var(--c-light-grey);
    width: 144px;
    height: 144px;
    border-radius: 50%;
    top: 0px;
    left: 0;
    z-index: -1;
    right: 0;
    margin: 0 auto;
  }
  .about-company-service .about-company-service-content h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    color: var(--c-text-tertiary);
    text-transform: uppercase;
    margin-top: 20px;
    padding: 0 30px;
  }
  .about-company-service .about-company-service-content .about-company-service-content-img img {
    width: 70%;
    margin-left: 50px;
    height: 140px;
    object-fit: contain;
  }
  .about-company-service-text p {
    font-family: var(--ff-tertiary);
    color: var(--c-secondary-text);
    font-weight: 400;
    line-height: 23px;
  }
  .about-company-service-text {
    margin-top: 45px;
  }
  .about-company-service-text p .about-company-phn {
    color: var(--c-primary-red);
    font-size: 17px;
    font-weight: 500;
  }
  .about-company-service-text p a {
    color: var(--c-primary-red);
  }

  
  @media (min-width: 1024px) and (max-width: 1200px){
    /*About Us*/
    .about-intro .about-intro-left p {font-size: 20px;line-height: 30px;}
    .about-platform {padding: 100px 0;}
    .about-platform .about-platform-content p {padding-right: 300px;}
    .about-company-service .about-company-service-content .about-company-service-content-img img {height: 120px;width: 60%;}
    .about-company-service .about-company-service-content .about-company-service-content-img::after {width: 130px;height: 130px;}
    .about-company-service .about-company-service-content h4 {font-size: 16px;padding: 0 40px;}
    .about-company-service-text {margin-top: 35px;}
    .about-company-service-text p .about-company-phn {font-size: 15px;}
}
@media (min-width: 992px) and (max-width: 1024px) {
    /*About Us*/
    .about-intro .about-intro-left p {font-size: 20px;line-height: 30px;}
    .about-platform {padding: 100px 0;}
    .about-platform .about-platform-content p {padding-right: 300px;}
    .about-company-service .about-company-service-content .about-company-service-content-img img {height: 120px;width: 60%;}
    .about-company-service .about-company-service-content .about-company-service-content-img::after {width: 130px;height: 130px;}
    .about-company-service .about-company-service-content h4 {font-size: 16px;padding: 0 40px;}
    .about-company-service-text {margin-top: 35px;}
    .about-company-service-text p .about-company-phn {font-size: 15px;}   
}
@media only screen and (max-width: 991.98px) {
    /*About Us*/
    .about-intro .about-intro-left p {font-size: 20px;line-height: 30px;}
    .about-platform {padding: 80px 0;}
    .about-platform .about-platform-content p {padding: 0 100px;text-align: center;}
    .about-company-service .about-company-service-content .about-company-service-content-img img {height: 100px;width: 60%;}
    .about-company-service .about-company-service-content .about-company-service-content-img::after {width: 130px;height: 130px;}
    .about-company-service .about-company-service-content h4 {font-size: 16px;padding: 0 110px;margin-top: 40px;}
    .about-company-service-text p .about-company-phn {font-size: 15px;}
    .about-intro .about-intro-left {padding: 0 150px;text-align: center;}
    .about-intro .about-intro-right p {padding: 0 50px;text-align: center;}
    .about-intro .about-intro-right {margin-top: 30px;}
    .about-platform .about-platform-content {text-align: center;}
    .about-company-service .about-company-service-content {margin-bottom: 40px;}
    .about-company-service-text p {text-align: center;padding: 0 70px;}
    .about-company-service-text {margin-top: 0px;}
    .about-platform .about-platform-content h4 {font-size: 26px;}
    .about-intro {margin-top: -15px;}

}
@media (max-width: 767.98px){
    /*About Us*/
    .about-intro .about-intro-left {padding: 0px 60px;}
    .about-intro .about-intro-right p {padding: 0 30px;}
    .about-intro .about-intro-right {margin-top: 20px;}
    .about-platform .about-platform-content p {padding: 0 30px;margin-top: 15px;}
    .about-platform {padding: 70px 0;}
    .about-company-service-text p {padding: 0 30px;}
    .about-company-service .about-company-service-content h4 {padding: 0 60px;}
}
@media (max-width: 575.98px){
    /*About Us*/
    .about-intro .about-intro-left {padding: 0px 8px;}
    .about-intro .about-intro-left p {font-size: 16px;line-height: 22px;}
    .about-intro .about-intro-right p {padding: 0 15px;}
    .about-platform .about-platform-content h4 {font-size: 20px;}
    .about-platform .about-platform-content p {padding: 0 15px;margin-top: 12px;line-height: 22px;}
    .about-platform {padding: 50px 0;}
    .about-company-service-text p {padding: 0px 15px;}
    .about-company-service .about-company-service-content {margin-bottom: 28px;}
    .about-company-service .about-company-service-content .about-company-service-content-img img {margin-left: 0px;}

}