:root {

  --golden-dark: #949579;

}



.aboutus-bg {

  background-color: #fff !important;

}

.hero-aboutus {

  padding: 50px 0px;

}

.about-img img {

  height: 395px;

}

.aboutus-para h3 {

  color: #14264a;

  margin-bottom: 22px;

  font-size: 32px;

}



.aboutus-para h5 {

  color: #a78331;

  font-size: 16px;

}

.aboutus-para p {

  font-size: 15px;

  color: #14264a;

  text-align: justify;

}

.swiper-wrapper {

  padding-top: 30px;

}

.aboutus-secondsection {

  background-image: linear-gradient(

      rgba(0, 0, 0, 0.767),

      rgba(0, 0, 0, 0.767),

      rgba(0, 0, 0, 0.767),

      rgba(0, 0, 0, 0.767)

    ),

    url(../img/aboutus-mission-vission.png);

  height: 450px;

  background-size: cover;

  /* background-repeat: no-repeat; */

  width: 100%;

  background-position: center;

  background-attachment: fixed;

  display: flex;

  justify-content: center;

  align-items: center;

}

.mission-section .logoimg {

  align-items: center;

  text-align: center;

}

.mission-section img {

  width: 65px;

}

.mission-section p {

  color: #fff;

  text-align: center;

  margin-top: 10px;

  width: 330px;

  margin: 0 auto;

  margin-top: 16px;

}

.mission-section h3 {

  color: #fff;

  text-align: center;

  margin-top: 10px;

  width: 330px;

  margin: 0 auto;

  margin-top: 16px;

}

.about-comment-section h2 {

  text-align: center !important;

}

.about-comment-section p {

  text-align: center;

  margin: 0 auto;

  text-align: center;

  width: 500px;

}



.aboutSwiper {

  position: relative;

  /* margin-top: 40px;

  padding-top: 30px; */

}



.aboutSwiper .swiper-slide-active {

  margin-top: -30px;

}



.aboutSwiper .swiper-slide {

  background-color: transparent;

}

img.expert-img {

  width: 80px;

  height: 80px;

  object-fit: cover;

  border-radius: 50%;

  margin: 0 auto;

  transition: all 0.4s;

}



.swiper-slide-active img.expert-img {

  width: 150px;

  height: 150px;

}



.expert-desc {

  font-size: 13px;

  color: #14264a;

  /* width: 500px; */

  opacity: 0;

  transition: all 0.4s;

}

.expert-designation {

  font-size: 14px;

  color: #a78331;

  margin-bottom: 5px;

}

.expert-name {

  font-size: 21px;

  color: #a78331;

  margin-top: 10px;

}

.about-pagination {

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  left: 50% !important;

  top: 50%;

  transform: translate(-50%, 0);

  z-index: 99;

  padding-left: 25%;

}



.about-pagination .swiper-pagination-bullet {

  width: 6px;

  height: 6px;

}

.about-pagination .swiper-pagination-bullet-active {

  background: var(--dark-blue);

  width: 12px;

  height: 12px;

}

.aboutSwiper .swiper-slide-active .expert-desc {

  opacity: 1;

}



.why-timeline {

  height: auto;

  width: auto;

  border: 0;

  border-radius: 0;

  display: flex;

  justify-content: space-around;

}



.why-iconbox {

  position: relative;

}



#testimonialCarousel .benefit-slide-wrapper {

  display: flex;

  /* justify-content: space-between; */

  justify-content: space-around;

}



.benefit-slide-wrapper .testimonial-content {

  flex-direction: column;

  align-items: start;

  margin-top: 10px !important;

}



.benefit-left-img {

  width: 100%;

  height: auto;

  border-radius: 6px;

}



.section-testimonials {

  background: #e5e9f1;

  /* margin: 5rem 0 2rem 0; */

  margin: 0rem 0 2rem 0;

  padding: 0;

}



#testimonialCarousel .carousel-indicators {

  left: 46%;

  transform: translateX(-50%);

  margin: 0;

}



.section-testimonials .container {

  /* padding: 4rem 0; */

  /* border: 1px solid #8a93a5; */

  padding-top: 4rem;

  padding-bottom: 4rem;

  border-left: 0;

  border-right: 0;

}



.about-comment-section {

  padding: 45px 0px 0px 0px;

}

.benefit-section {

  background: #fff;

  margin-top: 25px;

}

.benefit-section .container {

  border-top: 1px solid #14264a;

}



.expert-name,

.expert-designation {

  color: var(--golden-dark);

}



.pointer-hand {

  transform: rotate(90deg);

  margin-right: 10px;

}



.benefit-slide-wrapper .testimonial-title {

  margin-top: 10px;

}



.benefit-slide-wrapper p {

  font-size: 18px;

  font-weight: 600;

}



@media (max-width: 1199px) {

  .about-img img {

    height: 290px;

  }

}



@media (max-width: 767px) {

  .aboutus-secondsection {

    padding: 50px 0px;

  }

  .mission-section p {

    margin-bottom: 15px;

  }

  .aboutus-secondsection {

    height: auto;

  }

  /* .why-iconbox-icon {

    margin-right: 15px;

  } */

  .aboutus_sec .container {

    height: 500px;

  }

  .about-pagination {

    left: 35% !important;

    top: 98%;

  }

  .about-img {

    display: none;

  }

  #testimonialCarousel .benefit-slide-wrapper {

    flex-direction: column;

  }

  .benefit-left-img {

    width: 285px;

  }

  .why-timeline {

    /* flex-direction: column; */

    align-items: center;

  }

  .benefit-slide-wrapper > .col-md-5 {

    display: flex;

    justify-content: center;

  }

  .section-testimonials .carousel-inner.benifit-carousel {

    height: auto !important;

  }

  /* .about-logo {

    right: 60px !important;

  } */

  .about-comment-section p {

    width: auto;

  }

  .section-heading.benefits-text-mob {

    color: #14264a;

    margin-bottom: 22px !important;

    font-size: 32px;

  }

  .benefit-slide-wrapper p {

    font-weight: 600;

    font-size: 15px;

    color: #14264a;

    text-align: center;

    margin-top: 10px;

    margin-bottom: 0;

  }

  .testimonial-title {

    font-size: 15px;

    margin-left: 40px;

  }

  .section-testimonials .container {

    padding-top: 4rem !important;

    padding-bottom: 4rem !important;

  }

  .why-timeline {

    width: 100%;

  }

  .why-iconbox {

    margin-right: 10px;

  }

  .why-iconbox-title {

    font-size: 10px;

    font-weight: bold;

  }

}