@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/industry_expertise/industry-expertise.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;
  --link-color: #009dff;
  --border-radius: 12px;
  --dark-blue: #001526;
  --spacing: 1rem;
}

/* ========================= */
/* HERO BANNER SECTION      */
/* ========================= */
/* line 42, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-section {
  display: flex;
  justify-content: center;
  width: 100%;
  background-image: url(/assets/home_images/MRFR_BG_Pattern_01-40e0fa83bdc38d626c7851756be333d9caee4aa538ff7b3db64a8e364b826ad2.png);
  background-position: center;
  background-repeat: repeat;
  overflow: hidden;
  padding: 30px 0px 30px 0px;
  /* background-size: 40px 40px; */
  /* padding: 30px 0; */
}

/* line 55, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
  /* height: 50vh; */
}

/* line 63, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-section-container {
  display: flex;
  align-items: center;
  margin-top: 10px;
  gap: 20px;
}

/* line 70, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-section-text {
  flex: 1 1 45%;
}

/* line 74, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-section-text h2 {
  font-size: 3rem;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
  color: var(--section-dark-bg);
  line-height: 1.2;
  margin: 0;
  padding-bottom: 10px;
}

/* line 84, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-section-text p {
  font-size: 1.6rem;
  font-weight: 500;
  font-family: 'Noto Sans', sans-serif;
  color: var(--section-dark-bg);
  line-height: 1.4;
}

/* line 92, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-section-text h2 span {
  color: var(--primary);
}

/* line 96, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-section-image {
  flex: 1 1 55%;
  display: flex;
  justify-content: center;
}

/* line 102, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-section-image img {
  width: 80%;
  /* height: auto; */
}

/* line 107, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-wrapper {
  margin-top: 30px;
  align-items: center;
  width: 100%;
}

/* line 113, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-search-cont {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 119, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-search-cont form {
  display: flex;
  width: 100%;
  margin: 0px 0px 20px 0px;
}

/* line 125, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-input {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 131, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-input input {
  height: 100%;
  outline: none;
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  padding: 9px 0px 9px 9px;
  border-radius: 50px 0px 0px 50px;
  border: solid 2px var(--dark-gray);
  border-right: none;
  background-color: var(--white);
  font-family: 'Noto Sans', sans-serif;
}

/* line 145, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-input button {
  padding: 16px 30px 30px 16px;
  outline: none;
  border: solid 2px var(--dark-gray);
  border-left: none;
  border-radius: 0px 50px 50px 0px;
  background-image: url(/assets/home_images/Search_Icon_01-db9fadcb7d0606b9b1d5821893879b6ea0354c5916a767e0f6ef907edc327083.svg);
  background-color: var(--white);
  background-size: 60%;
  background-position: 30% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* industry-expertise-description */
/* line 162, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-description-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-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 61px 61px; */
  margin: 0px 0px 40px 0px;
  padding: 30px 0px;
}

/* line 177, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-description-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
}

/* line 184, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-description-container h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: var(--white);
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0px;
  padding-bottom: 20px;
  font-weight: 400;
}

/* line 194, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-description-container p {
  font-size: 1.2rem;
  color: var(--white);
  font-family: 'Noto Sans', sans-serif;
}

/* INDUSTRY SECTION START */
/* line 202, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-section {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 40px;
}

/* line 209, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-section-inner {
  display: flex;
  flex-direction: column;
  width: 90%;
}

/* line 215, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-section-container {
  display: flex;
  gap: 20px;
}

/* Left Cards */
/* line 221, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-cards {
  flex: 1 1 58%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* line 228, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-cards a {
  text-decoration: none;
  cursor: pointer;
}

/* line 233, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-inner-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
}

/* line 243, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-inner-card:hover {
  transform: translateY(-4px);
}

/* line 247, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-inner-card-image {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center;
}

/* line 254, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-inner-card-content {
  padding: 15px;
}

/* line 258, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-inner-card-content h3 {
  font-size: 1.4rem;
  margin-bottom: 8px;
  font-family: 'Roboto Condensed', sans-serif;
  color: var(--secondary);
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 272, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-inner-card-content p {
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--text-label-gray);
  font-family: 'Noto Sans', sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Right Sidebar */
/* line 286, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.sidebar {
  flex: 1 1 20%;
}

/* line 292, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.aside-sidebar {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #c4c4c4;
  align-self: flex-start;
  width: 100%;
}

/* line 300, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.sidebar h4 {
  font-size: 1rem;
  color: var(--secondary);
  border-bottom: 1px solid #ddd;
  margin: 0px;
  background-color: #f2f2f2;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* line 314, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 320, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.sidebar li {
  display: flex;
  align-items: flex-start;
  padding: 15px;
}

/* line 326, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.sidebar img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin-right: 10px;
  border-radius: 5px;
}

/* line 334, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.sidebar a {
  text-decoration: none !important;
  color: var(--secondary);
  font-size: 0.9rem;
  line-height: 1.3;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  font-family: 'Noto Sans', sans-serif;
  width: 100%;
  height: 60px;
}

/* line 346, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.sidebar a:hover {
  text-decoration: underline;
}

/* HOW WE CAN HELP SECTION START */
/* line 353, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.help-section {
  background-color: #eeeeee;
  padding: 15px 0px;
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Inner Container */
/* line 362, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.help-section-inner {
  display: flex;
  flex-direction: column;
  width: 90%;
}

/* line 369, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.help-section-inner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap;
  gap: 30px;
}

/* Text Area */
/* line 380, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.help-text h2 {
  font-size: 1.2rem;
  font-family: 'Roboto Condensed', sans-serif;
  color: var(--secondary);
  margin-bottom: 5px;
  margin-top: 0px;
  font-weight: 500;
}

/* line 389, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.help-text p {
  font-size: 0.9rem;
  color: var(--secondary);
  line-height: 1.5;
  max-width: 400px;
  font-family: 'Noto Sans', sans-serif;
}

/* Contact Button */
/* line 398, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.btn-contact {
  background-color: var(--primary);
  color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 400;
  display: inline-block;
  transition: background 0.3s ease;
  font-family: 'Roboto Condensed', sans-serif;
}

/* line 412, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.btn-contact:hover {
  background-color: #900000;
}

/* Certification Section inside sidebar */
/* line 417, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-certification-box {
  margin-top: 30px;
}

/* line 422, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-certificate-heading h5 {
  text-align: left;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  color: var(--section-heading);
  margin-bottom: 15px;
  font-size: 1rem;
}

/* line 431, app/assets/stylesheets/industry_expertise/industry-expertise.scss */
.industry-expertise-cert-logo-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
  width: 70% !important;
  height: auto !important;
}
