/**
 * @tableofcontents
 *
 * 1. Our Values Section
 * 2. Location Image Section
 * 3. The history of Bindia
 * 4. Our Values Section
 * 5. Professional Chefs Section
 * 6. Apply for Job Section
 * 7. For Tablet and Small Screens
 */
/* @Section 1. Our Values Section */
.aboutUsSec {
  padding: 20px 0 100px 0;
  background-color: #f9f9f9;
}
.aboutUsSec h3 {
  text-align: center;
  margin-bottom: 40px;
}
.aboutUsSec .aboutUsSecHeader {
  text-align: center;
  margin-bottom: 40px;
}
.aboutUsSec .aboutUsMainWrap {
  display: flex;
  justify-content: center;
}
.aboutUsSec .aboutUsMainWrap .historyContentWrap .cardWrapper {
  margin: 0 auto;
  text-align: center;
}
.aboutUsSec .aboutUsMainWrap .historyContentWrap .cardWrapper .aboutUsName {
  text-align: left;
  max-width: 800px;
}
.aboutUsSec .aboutUsMainWrap .historyContentWrap .cardWrapper .aboutUsContent {
  margin-top: 10px;
  text-align: left;
}
.aboutUsSec .aboutUsMainWrap .historyContentWrap .cardWrapper .aboutUsContent p {
  font-size: 20px;
  column-count: 2;
}
.aboutUsSec .aboutUsMainWrap .aboutUsImageWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.aboutUsSec .aboutUsMainWrap .aboutUsImageWrap img {
  height: 100%;
}

/* @Section 2. Location Image Section */
.blackNWhiteBnrSecwrapper {
  width: 100% !important;
}

/* @Section 3. The history of Bindia */
.historySec {
  padding: 20px 0 100px 0;
}
.historySec h3 {
  text-align: center;
  margin-bottom: 40px;
}
.historySec .cardWrapper {
  margin: 0 auto;
  text-align: center;
}
.historySec .cardWrapper .historyContent {
  text-align: left;
}
.historySec .cardWrapper .historyContent .row {
  font-size: 20px;
}
.historySec .cardWrapper .historyContent p {
  font-size: 20px;
}
.historySec .cardWrapper .historyContent ul {
  font-size: 20px;
}

/* @Section 4. Our Values Section */
.ourValuesSec {
  padding: 20px 0 100px 0;
  background-color: var(--snow);
}
.ourValuesSec .headerContentWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
.ourValuesSec .headerContentWrap h3 {
  margin-bottom: 20px;
}
.ourValuesSec .headerContentWrap p {
  font-size: 26px;
  font-weight: 700;
  max-width: 900px;
  text-align: center;
  color: var(--gray-25);
}
.ourValuesSec .cardWrapper .historyContent h6 {
  color: var(--gray-25);
}

/* @Section 5. Professional Chefs Section */
.teamSec {
  background-color: var(--snow);
  padding: 20px 0 100px 0;
}
.teamSec .teamWrapper {
  max-width: 900px;
  margin: 0 auto;
}
.teamSec .teamWrapper .teamSecHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.teamSec .teamWrapper .teamSecHeader h6 {
  font-weight: 600;
  margin-top: 14px;
  color: var(--gray-25);
}
.teamSec .teamWrapper .teamSecHeader p {
  color: var(--gray-25);
}
.teamSec .teamWrapper .teamSecHeader p a {
  text-decoration: underline;
}
.teamSec .teamWrapper .teamSecHeader.secondFold {
  margin-top: 80px;
}
.teamSec .teamWrapper .teamCardWrapper {
  margin-top: 40px;
}
.teamSec .teamWrapper .teamCardWrapper .teamMemberDetails {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.teamSec .teamWrapper .teamCardWrapper .teamMemberName {
  font-size: 20px;
}

/* @Section 6. Apply for Job Section */
.applyJobSec {
  padding: 180px 0;
  background: url(../../images/apply-section-bg.webp) no-repeat bottom;
  background-size: cover;
}
.applyJobSec .applySecContent {
  margin: 0 auto;
  max-width: 900px;
  padding: 100px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: var(--gray-50);
}
.applyJobSec .applySecContent .applyBnrHeading {
  margin-bottom: 10px;
  color: var(--white);
}
.applyJobSec .applySecContent .applyBnrPara {
  margin-bottom: 40px;
  color: var(--snow);
  text-align: center;
}

.glbBnrSec {
  background: url("../../images/about-us/top_banner.webp") no-repeat bottom var(--orange-75) !important;
}

/* @Section 7. For Tablet and Small Screens */
@media screen and (max-width: 1024px) {
  .glbBnrSec {
    min-height: 90vh;
    padding: 100px 0 50px;
    background: url("../../images/about-us/top_banner_mobile.webp") no-repeat bottom var(--orange-75) !important;
  }
  .productDetialsSec .product-col {
    margin-top: 50px;
  }
  .aboutUsSec .aboutUsMainWrap .aboutUsContentWrap {
    margin-top: 20px;
    margin-right: 0;
  }
  .aboutUsSec .aboutUsMainWrap .aboutUsImageWrap::before {
    content: none;
  }
  .productDetialsSec {
    padding: 60px 0;
  }
  .ourStorySec {
    padding: 60px 0;
  }
  .aboutSecContent {
    margin-top: 30px;
  }
  .teamSec {
    padding: 40px 0;
  }
  .testomonialSldrWrap {
    padding: 40px 0;
  }
  .testomonialSldrWrap .testomonialSldrTltBox {
    margin: 0 auto 50px;
  }
  .testomonialSldrWrap .testomonialOwlSldrWrap .testomonialContentBox .tesmonialDetails {
    margin-top: 20px;
  }
  .testomonialSldrWrap .testomonialSldrTltBox img {
    margin-top: 22px;
  }
  .applyJobSec {
    padding: 50px 0;
  }
  .applyJobSec .applySecContent {
    padding: 50px 20px;
    text-align: center;
  }
  .ourStorySec .imageRight {
    margin: 0;
  }
  .ourStorySec .imageRight img {
    width: 100%;
  }
  .aboutSec .imageLeft {
    margin-top: 20px;
  }
  .aboutSec .imageLeft img {
    width: 100%;
  }
  .teamSec .teamCardWrapper {
    margin-top: 20px;
  }
  .teamSec .teamCardWrapper img {
    width: 100%;
  }
  .teamSec .teamCardWrapper .teamMemberDetails {
    margin-top: 14px;
  }
  .ourValuesSec .valuesImageWrap img {
    width: 100%;
  }
  .ourValuesSec .cardWrapper {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .aboutUsBnrSec {
    display: none;
  }
  .aboutUsSec {
    padding: 70px 0 100px 0;
  }
  .aboutUsSec .aboutUsMainWrap .aboutUsContentWrap {
    margin-top: 80px;
  }
  .aboutUsSec .aboutUsMainWrap {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .aboutUsSec .aboutUsMainWrap .aboutUsImageWrap img {
    width: 100%;
    margin-bottom: 20px;
  }
  .historySec {
    padding: 38px 0 38px 0;
  }
  .historySec h3 {
    text-align: left;
  }
  .historySec .cardWrapper {
    text-align: left;
  }
  .historySec .cardWrapper .historyContent {
    max-width: none;
  }
  .historySec .cardWrapper .historyContent p {
    column-count: 1;
    text-align: left;
  }
  .aboutUsSec .aboutUsMainWrap .historyContentWrap .cardWrapper .aboutUsContent p {
    column-count: 1;
  }
  .teamSec .teamWrapper .teamSecHeader.secondFold {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .aboutUsSec .aboutUsMainWrap .historyContentWrap .cardWrapper .aboutUsName {
    font-size: 20px;
  }
  .aboutUsSec .aboutUsMainWrap .historyContentWrap .cardWrapper .aboutUsContent p {
    font-size: 14px;
  }
  .historySec .cardWrapper .historyContent p {
    font-size: 14px;
  }
  .ourValuesSec .headerContentWrap p {
    font-size: 18px !important;
  }
  .ourValuesSec {
    padding: 20px 0 38px 0;
  }
  .ourValuesSec .cardWrapper .historyContent p {
    font-size: 14px;
  }
}

/*# sourceMappingURL=about-us.css.map */