@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap");
/* line 1, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
:root {
  --primary: #B00101;
  --secondary: #0F2130;
  --pri-complementry: #01B0B0;
  --pri-analogous-01: #B05901;
  --pri-analogous-02: #B00159;
  --pri-triadic-01: #01B001;
  --pri-triadic-02: #0101B0;
  --pri-tetradic-01: #59B001;
  --pri-tetradic-02: #01B0B0;
  --pri-tetradic-03: #5901B0;
  --blue: #1e90ff;
  --white: #ffffff;
  --black: #000000;
  --dark-gray: #545454;
  --text-label-gray: #434343;
  --btn-border-radius: 8px;
  --light-gray: #F6F6F6;
  --section-dark-bg: #001128;
  --input-border-gray: #c4c4c4;
  --underline-gray: #c5c5c5;
  --section-heading: #005EAD;
  --section-bg: #F2FAFF;
  --mid-gray: #DFDFDF;
  --grey-shade: #737373;
}

/* ========================= */
/* HERO BANNER SECTION      */
/* ========================= */
/* line 38, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.trusted-section {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: var(--white);
}

/* line 45, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.testimonial-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
  height: auto;
}

/* line 53, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.inner-sec-btm-padding {
  margin: 0px 0px 100px 0px;
}

/* line 57, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.trusted-container {
  display: flex;
  margin-top: 10px;
  align-items: center;
}

/* line 63, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.trusted-text {
  flex: 1 1 45%;
}

/* line 67, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.trusted-text h2 {
  font-size: 4rem;
  font-weight: 500;
  font-family: 'Roboto Condensed', sans-serif;
  color: var(--section-dark-bg);
  line-height: 1.4;
  margin: 0px;
}

/* line 76, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.trusted-text h2 span {
  color: var(--primary);
}

/* line 81, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.trusted-image {
  flex: 1 1 50%;
  padding: 20px;
  display: flex;
  justify-content: center;
}

/* line 88, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.trusted-image img {
  width: 100%;
  height: auto;
}

/* CUSTOMER TESTIMONIAL INTRO SECTION */
/* line 95, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.customer-testimonial-section {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: var(--section-dark-bg);
  background-image: url(/assets/home_images/MRFR_BG_Pattern_Transperant_01-da911303aff4572e63fe167a5bdac40923ea5532a03ed30bd32150e317b92270.png);
  background-position: center;
  background-repeat: repeat;
  padding: 70px 0px;
  margin: 0px 0px 60px 0px;
}

/* line 106, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.customer-testimonial-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
}

/* Heading */
/* line 115, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.customer-testimonial-container h2 {
  font-size: 3rem;
  margin-bottom: 20px;
  color: var(--white);
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0px;
  padding-bottom: 10px;
  font-weight: 400;
}

/* Paragraph */
/* line 126, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.customer-testimonial-container p {
  font-size: 1.75rem;
  color: var(--white);
  font-family: 'Noto Sans', sans-serif;
}

/* TESTIMONIAL SECTION */
/* line 135, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.testimonial-section {
  width: 100%;
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
}

/* Scrollable Container */
/* line 144, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.testimonial-wrapper {
  /* max-height: 1400px; */
  overflow-y: auto;
  padding-right: 10px;
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* Each Testimonial Card */
/* line 155, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.testimonial-card {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: flex-start;
}

/* line 162, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.testimonial-image img {
  width: 500px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* Text Area */
/* line 170, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.testimonial-content {
  flex: 1;
}

/* line 174, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.testimonial-quote {
  font-size: 1.2rem;
  line-height: 30px;
  margin-bottom: 60px;
  color: var(--text-label-gray);
  font-family: 'Noto Sans', sans-serif;
}

/* Footer with name, title, logo */
/* line 183, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.testimonial-footer {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* line 189, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.icon-logo {
  width: 80px;
  height: 80px;
}

/* line 194, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.author-info {
  display: flex;
  flex-direction: column;
}

/* line 199, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.author-info .name {
  font-size: 1.2rem;
  font-family: 'Noto Sans', sans-serif;
  color: var(--grey-shade);
}

/* line 206, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.author-info .title {
  font-size: 1.2rem;
  color: var(--grey-shade);
  font-family: 'Noto Sans', sans-serif;
}

/* line 212, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.social-icons {
  margin-top: 18px;
}

/* line 216, app/assets/stylesheets/pages/about-us-testimonial/testimonial.scss */
.social-icons img {
  width: 24px;
  margin-right: 5px;
}