﻿.about-section {
 overflow: hidden !important;
 width: 100%;
 background-image: url('../image/projects-bg.png');
 background-size: cover;
}

.about-video {
 height: 657px;
}

/* .about-right {
 gap: 30px 85px;
} */

.about-video img {
 background-size: cover;
 height: 100%;
 object-fit: cover;
 max-width: 100%;
}

.about-group {
 gap: 85px;
}

/* .about-info{width: 100%; max-width: 578px;} */
.about-info p {
 color: var(--grey);
 margin-bottom: 25px;
}

.about-info p.about-page-p {
 margin-bottom: 10px;
}

.about-info-down {
 gap: 30px;
}

.about-info-down span {
 color: var(--green);
}

.signature-bg {
 background-image: url('../image/sign.png');
 width: fit-content;
 height: 100%;
 background-size: cover;
}

.about-info h2 {
 margin-bottom: 10px;
}

@media (max-width :1440px) {
 .about-group {
  gap: 60px;
 }

 .about-info h2 {
  font-size: 31px !important;
  line-height: 45px !important;
 }
}

@media (max-width :1220px) {
 .about-group {
  gap: 50px;
 }



 .about-info h2 {
  font-size: 27px !important;
  line-height: 40px !important;
 }
}

@media (max-width :1024px) {
 .about-group {
  gap: 50px;
 }

 .about-info h2 {
  font-size: 23px !important;
  line-height: 33px !important;
 }
}

@media (max-width :991px) {
 .about-video {
  height: 450px;
 }

 .about-group {
  gap: 50px;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
 }

 .about-info h2 {
  font-size: 22px !important;
  line-height: 32px !important;
 }
}

@media (max-width:767px) {
 .about-right {
  flex-direction: column;
 }

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

 .about-info-down {
  justify-content: center;
 }

 .about-info {
  text-align: center;
 }

 .about-info {
  margin-bottom: 30px;
 }
}

@media (max-width:575px) {}