.banner-center {
  text-align: center;
}
.abouthome {
  display: none;
}
.meet-section {
  display: flex;
  justify-content:center;
}

.about-right--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.about-right--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.green-image {
  position: absolute;
  width: 465px;
  height: 217.19px;
  top: -23%;
  right: 0;
}
.about-left--imageset {
  position: relative;
}
.value-image-one {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vision-image {
  border-radius: 30px;
  width: 100%;
}
.text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% ;
  height: 100% !important;
  color: white;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}
.text-overlay--vision {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.vission-card{
 position: relative;
}
.mission-card{
  position: relative;
 }
.text-overlay-vission{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  color: white;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
.text-overlay-mission{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  color: white;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
.value-image-two-mission{
  height: 400px;
  object-fit: cover;
  border-radius: 30px;
}
.value-image-two-vission{
  height: 400px;
  object-fit: cover;
  border-radius: 30px;
}
.profile-card {
  border-radius: 20px;
  background: #ededed;
  padding: 17px 0px 0px 1px;
  max-width:550px;
  margin: auto !important;
}
.card-container {
  display: flex;
  gap: 30px;
}
.img-profile {
  width: 100%;

  border-radius: 20px;
  object-fit: cover;
}
.slick-prev-about,
.slick-next-about {
  background: none;
  border: none;
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
  z-index: 1;
}

.slick-prev-about {
  right: -45px;
  top: 25%;
}

.slick-next-about {
  right: -50px;
  bottom: 52%;
}

.profile-slider {
  position: relative;
  margin:auto;
  display: flex;
  justify-content: space-evenly;
}
.svg-icon path {
  transition: stroke 0.3s;
}
.slick-prev-about:hover .svg-icon path,
.slick-next-about:hover .svg-icon path {
  stroke: #666666;
}
.profile-slider .profile-card {
  margin: 0 10px;
}
.vision-card {
  position: relative;
}
.about-right,
.about-left {
  width: 48%;
}
.green-image {
  position: absolute;
  width: 465px;
  height: 218px;
  top: -23%;
  right: 0;
}
.section-left-about {
  width: 53%;
}

.section-right-about {
  width: 40%;
}
.about-value-left {
  width: 48%;
  gap: 30px;
  display: flex;
  flex-direction: column;
}
.about-value-right {
  width: 50.5%;
}
.photo-container {
  display: block;
  min-width:250px;

  
  margin-bottom: 10vh;
}
.profile-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 35px;
}
.with-bullet {
  position: relative;
  padding-left: 25px;
}

.with-bullet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22%;
  width: 8px;
  height: 8px;
  background-image: url("/images/front/white-bullat.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (max-width: 1600px) {
  :root {
    --pb-20: 10px;
  }
  .value-image-one {
    border-radius: 30px;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .green-image {
    position: absolute;
    width: 465px;
    height: 218px;
    top: -26%;
    right: 0;
  }
}
@media only screen and (max-width: 1440px) {
  .text-overlay {
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  img.home {
    display: none;
  }
  img.abouthome {
    width: 100%;
    margin-top: 30px;
    display: block;
  }
  .about-value-left {
    width: 100%;
  }
  .meet-section {
    display: block;
  }
  .about-right,
  .about-left {
    width: 100%;
  }
  .about-right,
  .about-left {
    width: 100%;
  }

  .mbsection-center--value {
    text-align: center;
    padding-top: 20px;
  }
  .mbsection-center--meet {
    text-align: center;
    padding-bottom: 20px;
  }
  .section-left-about {
    width: 100%;
  }
  .section-right-about {
    text-align: center;
    width: 100%;
  }
  .text-overlay {
    height: 100%;
    padding: 30px;
  }
  .value-image-one {
    border-radius: 30px;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
}
/* Mobile */
@media only screen and (max-width: 480px) {
  .about-value-left {
    width: 90%;
  }
  .about-value-right {
    width: 100%;
  }
  .vision-image {
    border-radius: 30px;
    width: 100%;
    height: 40vh;
    object-fit: cover;
  }
  .value-image-one {
    border-radius: 30px;
    width: 100%;
    height: 210vw;
    object-fit: cover;
  }
  .about-value-left {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 480px) {
  img.value-image-one {
    height: 87vh;
  }
}
@media only screen and (max-width: 428px) {
  img.value-image-one {
    height: 87vh;
  }
  section.home-banner-sec img {
    height: 50vh !important;
    
    object-position: center;
    margin-top: 19%;
  }
  section.banner img {
    height: 50vh !important;
    object-fit: cover;
    object-position: center;
    margin-top: 19%;
  }
}
@media only screen and (max-width: 390px) {
  img.value-image-one {
    height: 190vw;
  }
}
@media only screen and (max-width: 375px) {
  img.value-image-one {
    height: 215vw;
  }
}
@media only screen and (max-width: 320px) {
  .value-image-one {
    border-radius: 30px;
    width: 100%;
    height: 260vw;
    object-fit: cover;
  }
  section.banner img  {
    margin-top: 17%;
  }
}