@charset "UTF-8";

/*The Global Base Color Palette is to be shared across all Emerson digital properties and intended to ensure consistency for all basic content UI such as text elements (color options for both light & dark backgrounds), form errors and warning notifications. Utilizing these colors globally across sites and applications will ensure all brands are consistently promoting appropriate contrast standards and readability best practices.
/*
* @param background-color - Add background of Button.
* @param text-color - Add text color of Button.
* @param background-color - Add background color when hover. 
* @param border - Add border for Button
*/
:root {

  /******* Site Spacing *******/
  --container_default: 100%;
  --container_s: 100%;
  /* 540px */
  --container_m: 100%;
  /* 720px */
  --container_l: 960px;
  --container_xl: 1140px;
  --container_xxl: 1320px;
  --container_xxxl: 1500px;
  --gutter-main: 2rem;

}

body {
  font-family: "Noto Sans", sans-serif;
}

.white-font {
  color: #ffffff !important;
}

.black-font {
  color: #000000 !important;
}

.cart-container .emr-primary-text-cta.black-font {
  color: #000000 !important;
}

.cart-container .emr-black-font {
  color: #262728 !important;
}

.green-font {
  color: #00573d;

}

.blue-font {
  color: rgba(0, 75, 141, 1);

}

.sky-blue-font {
  color: rgba(29, 177, 222, 1);
}

.green-font:hover {
  color: #058b63;

}

.emr-secondary-green {
  color: #058b63;
}

/* Brand Overlay Blue */
.overlay-blue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 37, 81, 0.6);
}

/* Brand Overlay Purple */
.overlay-purple::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(49, 19, 64, 0.6);
}

/* Reverse Overlay */
.overlay-reverse::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

/* Default Overlay */
.overlay-default::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);

}

.slds-text-heading_small {
  font-size: 0.875rem !important;
}

input::placeholder,
textarea::placeholder {
  font-family: "Noto Sans", sans-serif;
}

input,
textarea,
input[type=checkbox] {
  font-family: "Noto Sans", sans-serif;
  border: none;
  background-color: #dedfe0;
  /* Light gray background */
  transition: border-color 0.3s;
  max-width: inherit;
}

::placeholder {
  color: #c9cacc;
  /* Placeholder Text Color */
}

input:focus,
textarea:focus {
  border-color: none;
  /* Change border color on focus */
  outline: none;
  /* Remove default outline */
}

/* 
input[type=checkbox]:checked::after {
  content: "✓";
  position: relative;
  color: #00805a;
  font-size: 1rem;
} */

label {
  font-family: "Noto Sans", sans-serif;
}

/* Focal point classes */
.emr-focal-top {
  object-position: top center;
}

.emr-focal-bottom {
  object-position: bottom center;
}

.emr-focal-center {
  object-position: center center;
}

.emr-focal-left {
  object-position: center left;
}

.emr-focal-right {
  object-position: center right;
}

/*$breakpoint-large: 1280px;
$container-width: 1180px;
$container-margin: 50px;*/
/*
Added by Mohit Batheja , Date : 25th December
Component : Button Cta
*/
.emr-primary--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: #00573d;
  color: #ffffff;
  border: none;
  /* max-width: 280px; */
}

.emr-primary--button:hover {
  background-color: #00805a;
}

.emr-primary--button:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.emr-primary--button:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
  /* Moves the icon 4px right and 4px up */
}

/** added by Mohit Batheja 
Primary icon button animations
Date : 07/1/25
For Primary button*/
.emr-primary--button svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
}

.emr-primary--button:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
}

.emr-primary--button svg.download-arrow path:last-of-type {
  transform: translateY(0);
}

.emr-primary--button:hover .video-icon .play {
  fill: #00573d;
  z-index: 1;
}

.emr-primary--button .video-icon {
  transition: all 0.3s ease;
}

.emr-primary--button:hover .video-icon .circle {
  fill: #fff;
}

.emr-primary--button:hover .bg-circle {
  fill: #fff;
  z-index: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.emr-secondary--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: transparent;
  color: #000000;
  border: 1px solid #000000;
  /* max-width: 280px; */
}

.emr-secondary--button:hover {
  background-color: #c4ced1;
}

.emr-secondary--button:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.emr-secondary--button .right-arrow {
  fill: black;
}

.emr-secondary--button:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
  /* Moves the icon 4px right and 4px up */
}

.emr-secondary--button .upright-arrow {
  fill: black;
}

.emr-secondary--button svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
  fill: black;
}

.emr-secondary--button:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
}

.emr-secondary--button svg.download-arrow path:last-of-type {
  transform: translateY(0);
  fill: black;
}

.emr-secondary--button .play {
  fill: black;
}

.emr-secondary--button .circle {
  fill: black;
}

.emr-secondary--button:hover .video-icon .play {
  fill: white;
  z-index: 1;
}

.emr-secondary--button .video-icon {
  transition: all 0.3s ease;
}

.emr-secondary--button:hover .video-icon .circle {
  fill: #000000;
}

.emr-secondary--button:hover .bg-circle {
  fill: #000000;
  z-index: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.emr-tertiary--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: #c4ced1;
  color: #000000;
  border: none;
  /* max-width: 280px; */
}

.emr-tertiary--button:hover {
  background-color: #adbbbf;
}

.emr-tertiary--button:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.emr-tertiary--button .right-arrow {
  fill: black;
}

.emr-tertiary--button:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
  /* Moves the icon 4px right and 4px up */
}

.emr-tertiary--button .upright-arrow {
  fill: black;
}

.emr-tertiary--button svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
  fill: black;
}

.emr-tertiary--button:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
}

.emr-tertiary--button svg.download-arrow path:last-of-type {
  transform: translateY(0);
  fill: black;
}

.emr-tertiary--button .play {
  fill: black;
}

.emr-tertiary--button .circle {
  fill: black;
}

.emr-tertiary--button:hover .video-icon .play {
  fill: #c4ced1;
  z-index: 1;
}

.emr-tertiary--button .video-icon {
  transition: all 0.3s ease;
}

.emr-tertiary--button:hover .video-icon .circle {
  fill: #000000;
}

.emr-tertiary--button:hover .bg-circle {
  fill: #000000;
  z-index: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.emr-reversed--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  /* max-width: 280px; */
}

.emr-reversed--button:hover {
  background-color: none;
}

.emr-reversed--button:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.emr-reversed--button:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
  /* Moves the icon 4px right and 4px up */
}

.emr-reversed--button svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
}

.emr-reversed--button:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
}

.emr-reversed--button svg.download-arrow path:last-of-type {
  transform: translateY(0);
}

.emr-reversed--button:hover .video-icon .play {
  fill: black;
  z-index: 1;
}

.emr-reversed--button .video-icon {
  transition: all 0.3s ease;
}

.emr-reversed--button:hover .video-icon .circle {
  fill: #fff;
}

.emr-reversed--button:hover .bg-circle {
  fill: #fff;
  z-index: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.emr-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
  transition: transform 0.3s ease;
  /* Smooth transition for icon */
}

/* Default Hyperlink */
.emr-link {
  font-weight: 400;
  /* Book */
  color: #007bff;
  /* Brand Primary */
  text-decoration: underline;
}

.emr-link:hover {
  color: rgb(0, 110.7, 229.5);
  /* Darkened Brand Primary */
  text-decoration: none;
}

/* Global Navigation Links — Header Menu Items */
.emr-nav-link-header {
  font-size: 0.75rem;
  /* 12px */
  font-weight: 400;
  /* Book */
  line-height: 1rem;
  /* 16px */
  color: var(--emr-rich-black);
  /* Rich Black */
  text-decoration: none;
}

.emr-nav-link-header:hover {
  color: var(--brand-secondary);
  /* Brand Secondary */
  text-decoration: underline;
}

/* Global Navigation Links — Utility Menu Items */
.emr-nav-link-utility {
  font-size: 0.875rem;
  /* 14px */
  font-weight: 500;
  /* Medium */
  line-height: 1rem;
  /* 16px */
  text-align: right;
  color: white;
  text-decoration: none;
}

.emr-nav-link-utility:hover {
  text-decoration: underline;
}

/* Global Navigation Links — Footer Menu Items */
.emr-nav-link-footer {
  font-size: 1rem;
  /* 16px */
  font-weight: 300;
  /* Light */
  line-height: 1.5rem;
  /* 24px */
  color: white;
  text-decoration: none;
}

.emr-nav-link-footer:hover {
  text-decoration: underline;
}

/* Global Navigation Links — Footer Legal Items */
.emr-nav-link-footer-legal {
  font-size: 0.75rem;
  /* 12px */
  font-weight: 500;
  /* Medium */
  line-height: 1rem;
  /* 16px */
  color: #a8a8a8;
  /* Warm Grey */
}

.emr-nav-link-footer-legal:hover {
  color: white;
}

/* Tab Label Links */
.emr-tab-link {
  font-size: 0.75rem;
  /* 12px */
  font-weight: 600;
  /* Semibold */
  line-height: 1rem;
  /* 16px */
  color: var(--emr-rich-black);
  /* Rich Black */
  text-transform: uppercase;
}

.emr-tab-link:hover {
  color: rgb(0, 110.7, 229.5);
  /* Darkened Brand Primary */
}

.emr-tab-link-selected {
  color: #007bff;
  /* Brand Primary */
}

/* Reversed Tab Label Links */
.emr-tab-link-reversed {
  font-size: 0.75rem;
  /* 12px */
  font-weight: 600;
  /* Semibold */
  line-height: 1rem;
  /* 16px */
  color: white;
  text-transform: uppercase;
  background-color: #007bff;
  /* Brand Primary */
}

.emr-tab-link-reversed:hover {
  background-color: rgb(0, 110.7, 229.5);
}

.emr-tab-link-reversed-selected {
  background-color: rgb(0, 110.7, 229.5);
  border-bottom: 0.25rem solid white;
  /* White Bottom Border */
}

/* Title Links */
.emr-title-link {
  font-size: 0.875rem;
  /* 14px */
  /* or 1rem (16px) */
  font-weight: 400;
  /* Book */
  /* or 500 (Medium) */
  line-height: 1.5rem;
  /* 24px */
  color: var(--emr-rich-black);
  /* Rich Black */
}

.emr-title-link:hover {
  color: #007bff;
  /* Brand Primary */
}

.emr-checkbox-container {
  font-size: 1rem;
  /* 16px */
  line-height: 1rem;
  /* 16px */
  margin-bottom: 0.9375rem;
  /* 15px */
  font-family: "Noto Sans", sans-serif;
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.emr-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.emr-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  margin-bottom: 0.625rem;
  /* 10px */
  border-color: #dedfe0;
  border: 2px solid #9fa1a4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.emr-checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.emr-checkbox-container input:checked~.emr-checkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.emr-checkbox-container .emr-checkbox:after {
  left: 5px;
  top: 0px;
  width: 7px;
  height: 14px;
  border: solid #00805a;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Input Field with Placeholder Text */
.emr-input-field {
  font-size: 1rem;
  /* 16px */
  line-height: 1.625rem;
  /* 26px */
  padding-left: 15px;
  padding-right: 15px;
}

/* Input with Hint Text */
.emr-input-hint {
  font-size: 0.75rem;
  /* 12px */
  line-height: 1.25rem;
  /* 20px */
  margin-bottom: 1.875rem;
  /* 30px */
  max-width: 260ch;
}

/* 
.emr-custom-select {
  position: relative;
}

.emr-custom-select select {
  display: none;
}

.emr-select-selected {
  background-color: #ffffff;
  border: 1px solid #262728;
}

.emr-select-selected:hover {
  background-color: #8a8c90;
}

.emr-select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid #262728;
  border-color: #262728 transparent transparent transparent;
}


.emr-select-selected.select-arrow-active {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.emr-select-items div,
.emr-select-selected {
  color: #262728;
  padding: 8px 16px;
  cursor: pointer;
  user-select: none;
}

.emr-select-selected.select-arrow-active {
  border-bottom: none;
}

.emr-select-selected.select-arrow-active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  background-color: #8a8c90;
}

.emr-select-items {
  position: absolute;
  border: 1px solid transparent;
  border-color: transparent #262728 #262728 #262728;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  max-height: 0;
  overflow-y: auto;
  animation: slideDown 0.3s ease forwards;
  background: #fff;
}

.emr-select-hide {
  display: none;
}

.emr-select-items div:hover,
.same-as-selected {
  color: #00805a;
}

@keyframes slideDown {
  from {
    max-height: 0;
    opacity: 0;
  }

  to {
    max-height: 300px;
    opacity: 1;
  }
} */

/* Form Heading */
.emr-form-heading {
  font-size: 1.3125rem;
  /* 21px */
  line-height: 1.6875rem;
  /* 27px */
  max-width: 39ch;
}

/* Field Label with "(Optional)" Marker */
.emr-field-label {
  font-size: 0.75rem;
  /* 12px */
  font-weight: 600;
  /* Semibold */
  line-height: 0.875rem;
  /* 14px */
  margin-bottom: 0.4375rem;
  /* 7px */
}

.emr-field-label-optional {
  font-weight: 300;
  /* Light */
}

/* Text Area */
.emr-text-area {
  font-size: 1rem;
  /* 16px */
  line-height: 1.625rem;
  /* 26px */
  padding: 15px;
}

/* Radio Button */
.emr-radio-button {
  border: 2px solid #00805a;
  /* Warm Grey */
  height: 18px;
  width: 18px;
  margin-bottom: 0.625rem;
  /* 10px */
  accent-color: #00805a;
}

/* Radio Button Label */
.emr-radio-label {
  font-size: 1rem;
  /* 16px */
  line-height: 1rem;
  /* 16px */
  margin-bottom: 0.9375rem;
  /* 15px */
  font-family: "Noto Sans", sans-serif;
}

/* Display Title */
.emr-display-title {
  font-size: 3.5rem;
  /* 56px */
  font-weight: 300;
  line-height: 4rem;
  /* 64px */
}

/* Heading Elements */
.emr-h1,
.emr-h2,
.emr-h3,
.emr-h4,
.emr-h5,
.emr-h6 {
  font-weight: 300;
  margin: 0;
}

.emr-h1 {
  font-size: 2.75rem;
  /* 44px */
  line-height: 3.5rem;
  /* 56px */
}

.emr-h2 {
  font-size: 2.25rem;
  /* 36px */
  line-height: 3rem;
  /* 48px */
}

.emr-h3 {
  font-size: 1.875rem;
  /* 30px */
  line-height: 2.5rem;
  /* 40px */
}

.emr-h4 {
  font-size: 1.5rem;
  /* 24px */
  font-weight: 400;
  line-height: 2rem;
  /* 32px */
}

.emr-h5 {
  font-size: 1.125rem;
  /* 18px */
  font-weight: 500;
  line-height: 1.5rem;
  /* 24px */
}

.emr-h6 {
  font-size: 0.875rem;
  /* 14px */
  font-weight: 500;
  line-height: 1.5rem;
  /* 24px */
}

/* Paragraph Styles */
.emr-paragraph {
  font-size: 1rem;
  /* 16px */
  font-weight: 300;
  line-height: 1.5rem;
  /* 24px */
}

.emr-article-body {
  font-size: 1.125rem;
  /* 18px */
  font-weight: 300;
  line-height: 2rem;
  /* 32px */
}

.emr-body-p1 {
  font-size: 1.75rem;
  /* 28px */
  font-weight: 300;
  line-height: 2.5rem;
  /* 40px */
}

.emr-body-p2 {
  font-size: 1.375rem;
  /* 22px */
  font-weight: 300;
  line-height: 2rem;
  /* 32px */
}

.emr-body-p3 {
  font-size: 1.125rem;
  /* 18px */
  font-weight: 300;
  line-height: 1.5rem;
  /* 24px */
}

.emr-body-p4 {
  font-size: 0.875rem;
  /* 14px */
  font-weight: 300;
  line-height: 1.5rem;
  /* 24px */
}

.emr-body-p5 {
  font-size: 0.75rem;
  /* 12px */
  font-weight: 400;
  line-height: 1rem;
  /* 16px */
}

.emr-body-p6 {
  font-size: 0.625rem;
  /* 10px */
  font-weight: 400;
  line-height: 1rem;
  /* 16px */
}

/* Bold, Italic, and Underline Text Styles */
.emr-bold {
  font-weight: 600;
}

.emr-italic {
  font-style: italic;
}

.emr-underline {
  text-decoration: underline;
}

/* Subscript and Superscript */
.emr-subscript,
.emr-superscript {
  font-size: 0.75em;
  line-height: inherit;
}

/* Label */
.emr-label {
  font-size: 0.75rem;
  /* 12px */
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1rem;
  /* 16px */
  text-transform: uppercase;
}

/* Eyebrow */
.emr-eyebrow {
  font-size: 0.75rem;
  /* 12px */
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1rem;
  /* 16px */
  color: #004b8d;
  text-transform: uppercase;
}

/* List Styles */
.emr-ordered-list,
.emr-unordered-list {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* Block Quote */
.emr-block-quote {
  font-size: 1.375rem;
  /* 22px */
  font-weight: 300;
  line-height: 2rem;
  /* 32px */
  font-style: italic;
}

.emr-breadcrumb a {
  font-size: 0.75rem;
  color: #8a8c90;
  text-decoration: none;
  transition: text-decoration 0.2s ease;
}

.emr-breadcrumb a:hover {
  text-decoration: underline;
}

.emr-breadcrumb span {
  color: #8a8c90;
}

.emr-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
}

.emr-pagination-item {
  color: #00573d;
  background-color: none;
  margin: 0 5px;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  border: none;
}

.emr-pagination-item:hover {
  cursor: pointer;
  color: #00805a;
  text-decoration: underline;
}

.emr-pagination .active {
  color: #121313;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
Component Name : Text Cta
*/
.emr-primary-text-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #00573d !important;
  cursor: pointer;
}

.emr-primary-text-cta:hover {
  color: #00805a;
}

.emr-primary-text-cta:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.emr-primary-text-cta .right-arrow {
  fill: #00573D;
}

.emr-primary-text-cta:hover .right-arrow {
  fill: #00805a;
}

.emr-primary-text-cta:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
  /* Moves the icon 4px right and 4px up */
}

.emr-primary-text-cta .upright-arrow {
  fill: #00573D;
}

.emr-primary-text-cta:hover .upright-arrow {
  fill: #00805a;
}

.emr-primary-text-cta svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
  fill: #00573D;
}

.emr-primary-text-cta:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
  fill: #00805a;
}

.emr-primary-text-cta svg.download-arrow path:last-of-type {
  transform: translateY(0);
  fill: #00573D;
}

.emr-primary-text-cta:hover svg.download-arrow path:last-of-type {
  fill: #00805a;
}

.emr-primary-text-cta .play {
  fill: #00573D;
  z-index: 1;
}

.emr-primary-text-cta .circle {
  fill: #00573D;
}

.emr-primary-text-cta .bg-circle {
  fill: #fff;
  z-index: 0;
}

.emr-primary-text-cta .video-icon {
  transition: all 0.3s ease;
  fill: #00573D;
}

.emr-primary-text-cta:hover .circle {
  fill: #00805a;
}

.emr-primary-text-cta:hover .play {
  fill: #fff;
  z-index: 1;
}

.emr-primary-text-cta:hover .bg-circle {
  fill: #00805a;
  z-index: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.emr-secondary-text-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}

.emr-secondary-text-cta:hover {
  color: #004b8d;
}

.emr-secondary-text-cta:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.emr-secondary-text-cta .right-arrow {
  fill: #000000;
}

.emr-secondary-text-cta:hover .right-arrow {
  fill: #004b8d;
}

.emr-secondary-text-cta:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
  /* Moves the icon 4px right and 4px up */
}

.emr-secondary-text-cta .upright-arrow {
  fill: #000000;
}

.emr-secondary-text-cta:hover .upright-arrow {
  fill: #004b8d;
}

.emr-secondary-text-cta svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
  fill: #000000;
}

.emr-secondary-text-cta:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
  fill: #004b8d;
}

.emr-secondary-text-cta svg.download-arrow path:last-of-type {
  transform: translateY(0);
  fill: #000000;
}

.emr-secondary-text-cta:hover svg.download-arrow path:last-of-type {
  fill: #004b8d;
}

.emr-secondary-text-cta .play {
  fill: #000000;
  z-index: 1;
}

.emr-secondary-text-cta .circle {
  fill: black;
}

.emr-secondary-text-cta .bg-circle {
  fill: white;
  z-index: 0;
}

.emr-secondary-text-cta:hover .play {
  fill: white;
  z-index: 1;
}

.emr-secondary-text-cta .video-icon {
  transition: all 0.3s ease;
  fill: white
}

.emr-secondary-text-cta:hover .circle {
  fill: #004b8d;
}

.emr-secondary-text-cta:hover .bg-circle {
  fill: #004b8d;
  z-index: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.emr-reversed-text-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.emr-reversed-text-cta:hover {
  color: #ffffff;
}

.emr-reversed-text-cta:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.emr-reversed-text-cta:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
  /* Moves the icon 4px right and 4px up */
}

.emr-reversed-text-cta svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
}

.emr-reversed-text-cta:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
}

.emr-reversed-text-cta svg.download-arrow path:last-of-type {
  transform: translateY(0);
}

.emr-reversed-text-cta:hover .video-icon .play {
  fill: black;
  z-index: 1;
}

.emr-reversed-text-cta .video-icon {
  transition: all 0.3s ease;
}

.emr-reversed-text-cta:hover .video-icon .circle {
  fill: #fff;
}

.emr-reversed-text-cta:hover .bg-circle {
  fill: #fff;
  z-index: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Container for the grid */
.emr-text-only-navigation-container {
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}

.emr-text-only-navigation-container:before {
  content: "";
  display: table;
}

.emr-text-only-navigation-container .emr-text-only-navigation {
  text-align: center;
  background-color: #ffffff;
  border-bottom: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
  color: #262728;
  display: table;
  float: left;
  height: 80px;
  margin-top: -1px;
  padding: 0 5px;
  width: 50%;
}

.emr-text-only-navigation-container .emr-text-only-navigation>span {
  display: table-cell;
  vertical-align: middle;
}

.emr-text-only-navigation-container .emr-text-only-navigation:hover {
  background-color: #f3f3f3;
  color: #00573d;
}

@media (min-width: 767px) {
  .emr-text-only-navigation-container .emr-text-only-navigation {
    height: 141px;
    width: 100%;
  }
}

.emr-underline {
  display: inline-block;
  text-decoration: underline;
}

.emr-underline:after {
  background-color: #00573d;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  margin: 0 auto -5px;
  opacity: 0;
  position: relative;
  transition: opacity 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955), width 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 0;
}

.emr-text-only-navigation:hover .emr-underline:after {
  opacity: 1;
  width: 100%;
}

/*horizontal-tabs-header*/
.emr-horizontal-tabs-header {
  scrollbar-width: none;
  border-bottom: 1px solid #c9cacc;
  overflow: hidden;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
}

.emr-horizontal-tabs-header .emr-horizontal-tabs {
  display: flex;
  list-style-type: none;
  scroll-behavior: smooth;
  font-size: 0;
  line-height: 0;
  position: static !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  list-style-type: none;
  max-width: 1456px;
  padding: 0;
}

.emr-horizontal-tabs-header .emr-icon-container {
  width: 40px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.emr-horizontal-tabs-header .emr-icon {
  cursor: pointer;
  width: 16px;
  height: 16px;
  align-self: center;
}

.emr-horizontal-tabs-header .emr-icon-container .emr-icon {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.emr-horizontal-tabs-header .emr-icon-container .left-pointed {
  transform: rotate(180deg);
}

.emr-horizontal-tabs-header .emr-horizontal-tabs .emr-horizontal-tab {
  font-weight: 700;
  text-align: left;
  white-space: normal;
  font-size: 0.75rem;
  text-transform: uppercase;
  margin: 0.5rem auto 0.5rem auto;
  padding-right: 0;
  white-space: normal;
  cursor: pointer;
  min-width: 160px;
  max-width: 340px;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
}

.emr-horizontal-tabs-header .emr-horizontal-tabs .emr-horizontal-tab .emr-horizontal-tab-span {
  height: 48px;
  padding: 0.5rem;
  cursor: pointer;
  border: 2px solid transparent;
  border-bottom: none;
  letter-spacing: 0.03rem;
  max-width: 15rem;
  opacity: 0.65;
  padding: 0.5rem;
  transition: none;
  /* color: #262728; */
  display: table-cell;
  line-height: 1rem;
  width: 210px;
  vertical-align: bottom;
  text-align: center;
}

.emr-horizontal-tabs-header .emr-horizontal-tabs .emr-horizontal-tab-active .emr-horizontal-tab-span {
  font-weight: bold;
  color: #00573d;
  opacity: 1;
  background-color: none;
  border-radius: none;
}

.emr-horizontal-tabs-header hr {
  background: #00573d !important;
  border: none;
  bottom: 0;
  height: 5px;
  left: 0;
  margin: 0;
  position: absolute;
  top: auto !important;
  transition-duration: 0.5s;
  transition-property: margin, width !important;
  transition-timing-function: ease-in-out;
  visibility: visible !important;
}

.emr-horizontal-tab:hover {
  background-color: rgba(0, 128, 90, 0.16);
  border-radius: 0.25rem;
  opacity: 1;
}

.emr-horizontal-tab:hover .emr-horizontal-tab-span {
  color: #00805a;
}

.emr-horizontal-tab.emr-horizontal-tab-active:hover {
  background-color: transparent !important;
  border-radius: 0px !important;
}

.emr-dropdown-container {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  font-size: 0.938rem;
}

.emr-dropdown-container .emr-dropdown-width-max-content {
  width: max-content;
}

.emr-dropdown-container .emr-dropdown {
  position: relative;
  width: 190px;
  /*210px;*/
  height: 45px;
}

.emr-dropdown-container .emr-dropdown::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid black;
  right: 20px;
  top: 18px;
  z-index: 1000;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  transition: 0.5s;
  pointer-events: none;
}

.emr-dropdown-container .emr-dropdown.active::before {
  top: 22px;
  transform: rotate(-225deg);
}

.emr-dropdown-container .emr-dropdown input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ddd;
  outline: none;
  padding: 12px 10px;
  /* 12px 20px */
  border-radius: 2px;
  font-weight: 700;
  font-size: 0.938rem;
}

.emr-dropdown-container .emr-dropdown .emr-option {
  position: absolute;
  top: 55px;
  left: 5px;
  width: 97%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
  display: none;
  font-weight: 600;
  font-size: 0.938rem;
}

.emr-dropdown-container .emr-dropdown .emr-option div {
  padding: 12px 20px;
  cursor: pointer;
}

.emr-dropdown-container .emr-dropdown .emr-option div:hover {
  border: 1px solid #ddd;
}

.emr-dropdown-container .emr-dropdown.active .emr-option {
  display: block;
}

.emr-dropdown-form-container {
  display: flex;
  align-items: center;
  justify-content: start;
}

.emr-dropdown-form-container .emr-dropdown-width-max-content {
  width: max-content;
}

.emr-dropdown-form-container .emr-dropdown {
  position: relative;
  width: 100%;
  /*210px;*/
  height: 45px;
}

.emr-dropdown-form-container .emr-dropdown::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid black;
  right: 20px;
  top: 18px;
  z-index: 1000;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  transition: 0.5s;
  pointer-events: none;
}

.emr-dropdown-form-container .emr-dropdown.active::before {
  top: 22px;
  transform: rotate(-225deg);
}

.emr-dropdown-form-container .emr-dropdown input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #f3f3f3;
  outline: none;
  padding: 12px 10px;
  /* 12px 20px */
  border-radius: 2px;
  font-weight: 700;
  font-size: 0.938rem;
  font-style: italic;
}

.emr-dropdown-form-container .emr-dropdown .emr-option {
  position: absolute;
  top: 55px;
  left: 5px;
  width: 97%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
  display: none;
  font-weight: 600;
  font-size: 0.938rem;
  z-index: 1001;
}

.emr-dropdown-form-container .emr-dropdown .emr-option div {
  padding: 12px 20px;
  cursor: pointer;
}

.emr-dropdown-form-container .emr-dropdown .emr-option div:hover {
  border: 1px solid #ddd;
}

.emr-dropdown-form-container .emr-dropdown.active .emr-option {
  display: block;
}

.emr-contact-form-one-column-grid {
  display: grid;
  grid-template-columns: 1fr;
  /* One equal columns */
}

.emr-contact-form-two-column-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* Two equal columns */
  column-gap: 30px;
  /* Space between columns */
}

.emr-contact-form-three-column-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /* three equal columns */
  column-gap: 30px;
  /* Space between columns */
}

.emr-contact-form-grid-item {
  padding: 20px;
}

.emr-contact-form-grid-item input,
textarea {
  width: 100%;
  background: #f3f3f3;
  padding: 10px;
  font-style: italic;
  margin-top: 12px;
}

.emr-contact-form-grid-item label {
  font-weight: 700;
}

.emr-contact-form-color-red {
  color: red;
}

.emr-contact-form-margin-top-12 {
  margin-top: 12px;
}

.emr-contact-form-textarea {
  width: 100%;
  height: 150px;
}

.emr-contact-form-fileuploadLabel {
  width: 150px;
  margin-top: 12px;
}

.emr-contact-form-terms-text {
  font-weight: 300;
  font-size: 1rem;
}

.emr-contact-form-button-width-200 {
  width: 200px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

.conatiner-hero-h001c {
  width: 100%;
  height: 512px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .conatiner-hero-h001c {
    height: 600px;
  }
}

.conatiner-hero-h001c::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.conatiner-hero-h001c img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.conatiner-hero-h001c .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  height: 100px;
  overflow: hidden;
  transition: height 0.5s ease;
}

@media screen and (max-width: 768px) {
  .conatiner-hero-h001c .content {
    top: 40%;
    width: 80%;
  }
}

.conatiner-hero-h001c .content .emr-h2 {
  margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  .conatiner-hero-h001c .content .emr-h2 {
    font-size: 1.5rem !important;
  }
}

.conatiner-hero-h001c .content .emr-paragraph {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

@media screen and (max-width: 768px) {
  .conatiner-hero-h001c .content .emr-paragraph {
    opacity: 1;
    visibility: visible;
  }
}

.conatiner-hero-h001c .content .non-hover {
  display: block;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 768px) {
  .conatiner-hero-h001c .content .non-hover {
    display: none;
  }
}

.conatiner-hero-h001c .content .discover-btn .emr-primary--button {
  width: 50% !important;
  margin: auto;
}

.conatiner-hero-h001c .bottom-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 2rem 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

@media screen and (max-width: 768px) {
  .conatiner-hero-h001c .bottom-content {
    flex-direction: column;
    bottom: -5rem;
  }
}

.conatiner-hero-h001c .bottom-content .emr-h5 {
  color: #fff;
  cursor: pointer;
}

.conatiner-hero-h001c:hover .content {
  height: 450px;
}

.conatiner-hero-h001c:hover .content .emr-paragraph {
  opacity: 1;
  visibility: visible;
}

.conatiner-hero-h001c:hover .content .non-hover {
  display: none;
}

.conatiner-hero-h001c:hover .bottom-content {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 768px) {
  .conatiner-hero-h001c .content {
    height: fit-content !important;
  }

  .conatiner-hero-h001c .emr-paragraph,
  .conatiner-hero-h001c .bottom-content,
  .conatiner-hero-h001c .non-hover {
    opacity: 1;
    visibility: visible;
    transition: none;
  }

  .conatiner-hero-h001c:hover .emr-paragraph,
  .conatiner-hero-h001c:hover .bottom-content,
  .conatiner-hero-h001c:hover .non-hover {
    opacity: 1;
    visibility: visible;
  }
}

.conatiner-hero-h001c .discover-btn,
.conatiner-hero-h001c .non-hover {
  margin-top: 2rem;
}

.conatiner-hero-h001c .non-hover {
  display: block;
  transition: opacity 0.3s ease;
}

.conatiner-hero-h001c .conatiner-hero:hover .non-hover {
  display: none;
}

.conatiner-hero-h001c .emr-h2 {
  font-weight: 700 !important;
}

.conatiner-hero-h001c .emr-paragraph {
  margin-top: 1rem !important;
}

.conatiner-hero-h001c .bottom-content {
  position: absolute;
  bottom: 0;
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  margin-bottom: 1rem;
}

.conatiner-hero-h001c .bottom-content>div {
  text-align: center;
}

.conatiner-hero-h001c .emr-h5 {
  font-size: 1rem !important;
}

.conatiner-hero-h001c .emr-primary--button {
  width: 50% !important;
  margin: auto;
}

.conatiner-hero-h001c .conatiner-hero .emr-paragraph,
.conatiner-hero-h001c .conatiner-hero .bottom-content {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.conatiner-hero-h001c .conatiner-hero:hover .emr-paragraph,
.conatiner-hero-h001c .conatiner-hero:hover .bottom-content {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 768px) {
  .content {
    height: fit-content !important;
  }

  .conatiner-hero .emr-paragraph,
  .conatiner-hero .bottom-content,
  .conatiner-hero .non-hover {
    opacity: 1;
    visibility: visible;
    transition: none;
  }

  .conatiner-hero:hover .emr-paragraph,
  .conatiner-hero:hover .bottom-content,
  .conatiner-hero:hover .non-hover {
    opacity: 1;
    visibility: visible;
  }
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

.hero-container-h001d {
  width: 100%;
  height: 560px;
  position: relative;
}

.hero-container-h001d::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h001d img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h001d .content {
  position: absolute;
  top: 5rem;
  left: 3rem;
  color: #fff;
  text-align: center;
  height: fit-content;
  overflow: hidden;
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .hero-container-h001d .content {
    width: 75%;
    left: 1rem;
  }
}

@media screen and (max-width: 480px) {
  .hero-container-h001d .content {
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
  }
}

.hero-container-h001d .emr-primary--button {
  width: 25rem;
}

.hero-container-h001d .emr-paragraph {
  text-align: left !important;
  margin: 2rem 0;
  color: #000000;
}

.hero-container-h001d .emr-h1 {
  color: #000000 !important;
}

/* H001E Hero */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.container-hero-h001e {
  width: 100%;
  min-height: 512px;
  position: relative;
}

.container-hero-h001e::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.container-hero-h001e img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  z-index: 0;
}

.container-hero-h001e .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  height: 100%;
  overflow: hidden;
  width: 100%;
  padding: 40px 0 0px;
}

.container-hero-h001e .wrapper .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 1456px;
  margin: auto;
}

.container-hero-h001e .wrapper .bottom-content {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.container-hero-h001e .wrapper .bottom-content section {
  width: 100%;
  max-width: 1456px;
  margin: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  padding: 2rem 0;
}


.container-hero-h001e .wrapper .content .emr-h1 {
  margin-bottom: 1rem;
}

.container-hero-h001e .wrapper .content .emr-paragraph {
  margin: 1rem 0;
}

.container-hero-h001e .wrapper .content .discover-btn .emr-primary--button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.container-hero-h001e .bottom-content .emr-h5 {
  color: #fff;
  cursor: pointer;
}

@media screen and (max-width: 1536px) {

  .container-hero-h001e .wrapper .content,
  .container-hero-h001e .wrapper .bottom-content section {
    max-width: 1200px;
  }
}

@media screen and (max-width: 1279px) {

  .container-hero-h001e .wrapper .content,
  .container-hero-h001e .wrapper .bottom-content section {
    max-width: 704px;
  }
}

@media screen and (max-width: 767px) {
  .container-hero-h001e {
    height: auto;
  }

  .container-hero-h001e::before {
    height: auto;
  }

  /* .container-hero-h001e img {
    position: relative;
    height: auto;
  } */
  .container-hero-h001e .wrapper {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding: 40px 1rem 0;
  }

  .container-hero-h001e .wrapper .content,
  .container-hero-h001e .wrapper .bottom-content section {
    max-width: 328px;
    margin: 0 auto;
  }

  .container-hero-h001e .wrapper .bottom-content {
    position: relative;
    margin-top: 1rem;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.hero-container-h002 {
  width: 100%;
  height: 480px;
  position: relative;
}

.hero-container-h002::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

/* Blue overlay */
.hero-container-h002.overlay-blue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 37, 81, 0.6);
  /* Brand Overlay Blue */
}

/* Purple overlay */
.hero-container-h002.overlay-purple::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(49, 19, 64, 0.6);
  /* Brand Overlay Purple */
}

/* Reverse overlay */
.hero-container-h002.overlay-reverse::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  /* Reverse Overlay */
}

.hero-container-h002 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* object-position: top; */
}

.hero-container-h002 .content {
  position: absolute;
  top: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  /* text-align: center; */
  height: fit-content;
  overflow: hidden;
  /* width: 60%; */
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.hero-container-h002 .emr-h1 {
  text-align: left;
}

.hero-container-h002 .discover-btn {
  /* flex-direction: column; */
  display: flex;
  width: 588px;
  gap: 1rem;
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .hero-container-h002 .content {
    width: 328px;
  }

  .hero-container-h002 {
    height: 768px;
  }


  .hero-container-h002 .content .emr-h1 {
    width: 328px;
  }

  .hero-container-h002 .content .emr-paragraph {
    width: 328px;
  }

  .hero-container-h002 .discover-btn {
    flex-direction: column;
    gap: 1rem;
    width: 328px;
  }

  .hero-container-h002 .discover-btn .h002-child-button {
    width: 282px;
  }

}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .hero-container-h002 .content {
    min-width: 704px;
  }

  .hero-container-h002 {
    height: 616px;
  }

  .hero-container-h002 .content .emr-h1 {
    width: 524px;
  }

  .hero-container-h002 .content .emr-paragraph {
    width: 524px;
  }

  .hero-container-h002 .discover-btn {
    /* flex-direction: column; */
    width: 524px;
  }

  .hero-container-h002 .discover-btn .h002-child-button {
    width: 224px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1535px) {
  .hero-container-h002 .content {
    min-width: 1200px;
  }

  .hero-container-h002 .content .emr-h1 {
    width: 894px;
  }

  .hero-container-h002 .content .emr-paragraph {
    width: 894px;
  }

  .hero-container-h002 .discover-btn {
    /* flex-direction: column; */
    width: 588px;
  }

  .hero-container-h002 .discover-btn .h002-child-button {
    width: 282px;
  }

}

@media screen and (min-width: 1536px) {
  .hero-container-h002 .content {
    min-width: 1456px;
  }

  .hero-container-h002 .content .emr-h1 {
    width: 894px;
  }

  .hero-container-h002 .content .emr-paragraph {
    width: 960px;
  }

  .hero-container-h002 .discover-btn {
    width: 712px;
  }

  .hero-container-h002 .discover-btn .h002-child-button {
    width: 340px;
  }
}

.hero-container-h002 .emr-paragraph {
  text-align: left !important;
  margin: 2rem 0;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.hero-container-h002-slider {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.hero-container-h002-slider .slider-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.hero-container-h002-slider .slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
}

.hero-container-h002-slider .slider-nav.prev {
  left: 20px;
}

.hero-container-h002-slider .slider-nav.next {
  right: 20px;
}

.hero-container-h002-slider .slides {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out;
}

@media screen and (max-width: 480px) {
  .hero-container-h002-slider .slides {
    touch-action: pan-y pinch-zoom;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
  }
}

.hero-container-h002-slider .slides .slide {
  min-width: 100%;
  position: relative;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.hero-container-h002-slider .slides .slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h002-slider .slides .slide.active {
  opacity: 1;
}

.hero-container-h002-slider .slides .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h002-slider .slides .slide .content {
  position: absolute;
  top: 5rem;
  left: 3rem;
  color: #fff;
  text-align: center;
  height: fit-content;
  overflow: hidden;
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .hero-container-h002-slider .slides .slide .content {
    width: 75%;
    left: 1rem;
  }
}

@media screen and (max-width: 480px) {
  .hero-container-h002-slider .slides .slide .content {
    width: 95%;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.hero-container-h002-slider .slides .slide .content .emr-paragraph {
  text-align: left !important;
  margin: 2rem 0;
}

.hero-container-h002-slider .slides .slide .content .discover-btn {
  /* display: flex;
  justify-content: space-between; */
  width: 44.5rem;
  padding: 0.5rem;
}

@media screen and (max-width: 480px) {
  .hero-container-h002-slider .slides .slide .content .discover-btn .emr-primary--button {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .hero-container-h002-slider .slides .slide .content .discover-btn {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    margin: auto;
  }
}

.hero-container-h002-slider .slider-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
}

.hero-container-h002-slider .slider-dots .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #9fa1a4;
  cursor: pointer;
  transition: all 0.3s ease;
}

.hero-container-h002-slider .slider-dots .dot.active {
  background: #00573d;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.h002b-hero-container {
  width: 100%;
  height: 400px;
  position: relative;
}

.h002b-hero-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.h002b-hero-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.h002b-hero-container .content {
  position: absolute;
  top: 5rem;
  left: 3rem;
  color: #fff;
  text-align: center;
  height: fit-content;
  overflow: hidden;
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media screen and (max-width: 1024px) {
  .h002b-hero-container .content {
    width: 70%;
  }
}

@media screen and (max-width: 768px) {
  .h002b-hero-container .content {
    width: 90%;
    left: 1rem;
  }
}

@media screen and (max-width: 480px) {
  .h002b-hero-container .content {
    width: 95%;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 1024px) {
  .h002b-hero-container .content .emr-h1 {
    font-size: 2rem !important;
  }
}

@media screen and (max-width: 768px) {
  .h002b-hero-container .content .emr-h1 {
    font-size: 2rem !important;
  }
}

.h002b-hero-container .content .emr-h2 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 1024px) {
  .h002b-hero-container .content .emr-h2 {
    font-size: 1.5rem !important;
  }
}

.h002b-hero-container .content .emr-h6 {
  font-size: 1rem !important;
}

@media screen and (max-width: 1024px) {
  .h002b-hero-container .content .emr-h6 {
    font-size: 0.875rem !important;
  }
}

.h002b-hero-container .content .jump-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
}

.h002b-hero-container .content .jump-navigation .emr-h6 {
  color: #9fa1a4;
}

.h002b-hero-container .content .jump-navigation .emr-h6:hover {
  color: #ffffff;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .h002b-hero-container .content .jump-navigation .emr-h6 {
    font-size: 0.875rem !important;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.hero-container-h002c {
  width: 100%;
  height: 450px;
  position: relative;
}

.hero-container-h002c::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h002c img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h002c .content {
  position: absolute;
  top: 5rem;
  left: 3rem;
  color: #fff;
  text-align: center;
  height: fit-content;
  overflow: hidden;
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .hero-container-h002c .content {
    width: 75%;
    left: 1rem;
  }
}

@media screen and (max-width: 480px) {
  .hero-container-h002c .content {
    width: 95%;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.hero-container-h002c .emr-primary--button {
  width: 45%;
}

@media screen and (max-width: 480px) {
  .hero-container-h002c .emr-primary--button {
    width: 100%;
  }
}

.hero-container-h002c .emr-paragraph {
  text-align: left !important;
  margin: 2rem 0;
}

.hero-container-h002c .discover-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .hero-container-h002c .discover-btn {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    margin: auto;
  }
}

.hero-container-h002c-slider {
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
}

.hero-container-h002c-slider .slider-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.hero-container-h002c-slider .slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
}

.hero-container-h002c-slider .slider-nav .arrow {
  color: #9fa1a4;
}

.hero-container-h002c-slider .slider-nav.prev {
  left: 20px;
}

.hero-container-h002c-slider .slider-nav.next {
  right: 20px;
}

.hero-container-h002c-slider .slides {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out;
}

@media screen and (max-width: 480px) {
  .hero-container-h002c-slider .slides {
    touch-action: pan-y pinch-zoom;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
  }
}

.hero-container-h002c-slider .slides .slide {
  min-width: 100%;
  position: relative;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.hero-container-h002c-slider .slides .slide.active {
  opacity: 1;
}

.hero-container-h002c-slider .slides .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h002c-slider .slides .slide .content {
  position: absolute;
  top: 5rem;
  left: 3rem;
  color: #fff;
  text-align: center;
  height: fit-content;
  overflow: hidden;
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .hero-container-h002c-slider .slides .slide .content {
    width: 75%;
    left: 1rem;
  }
}

@media screen and (max-width: 480px) {
  .hero-container-h002c-slider .slides .slide .content {
    width: 95%;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.hero-container-h002c-slider .slides .slide .content .emr-paragraph {
  text-align: left !important;
  margin: 2rem 0;
}

.hero-container-h002c-slider .slides .slide .content .discover-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.hero-container-h002c-slider .slides .slide .content .discover-btn .emr-primary--button {
  width: 45%;
}

@media screen and (max-width: 480px) {
  .hero-container-h002c-slider .slides .slide .content .discover-btn .emr-primary--button {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .hero-container-h002c-slider .slides .slide .content .discover-btn {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    margin: auto;
  }
}

.hero-container-h002c-slider .slider-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
}

.hero-container-h002c-slider .slider-dots .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #9fa1a4;
  cursor: pointer;
  transition: all 0.3s ease;
}

.hero-container-h002c-slider .slider-dots .dot.active {
  background: #00573d;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.hero-container-h002d {
  width: 100%;
  height: 608px;
  position: relative;
}

.hero-container-h002d::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h002d img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h002d .content {
  position: absolute;
  top: 2rem;
  left: 3rem;
  color: #fff;
  text-align: center;
  height: 80%;
  overflow: hidden;
  width: 70%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 480px) {
  .hero-container-h002d .content {
    height: 90%;
  }
}

.hero-container-h002d .content .emr-breadcrumb {
  display: flex;
  align-items: center;
}

.hero-container-h002d .content .emr-breadcrumb a {
  color: #ffffff;
  margin-bottom: 5px;
}

.hero-container-h002d .content .emr-breadcrumb span {
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .hero-container-h002d .content .emr-breadcrumb {
    display: none;
  }
}

.hero-container-h002d .content .content-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 70%;
}

@media screen and (max-width: 768px) {
  .hero-container-h002d .content .content-info {
    width: 90%;
    left: 1rem;
  }

  .hero-container-h002d .content .content-info .emr-h1 {
    font-size: 1.5rem !important;
  }
}

.hero-container-h002d .content .jump-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  flex-wrap: wrap;
  gap: 10px;
}

.hero-container-h002d .content .jump-navigation .emr-h6 {
  color: #9fa1a4;
}

.hero-container-h002d .content .jump-navigation .emr-h6:hover {
  color: #ffffff;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .hero-container-h002d .content .jump-navigation .emr-h6 {
    font-size: 0.875rem !important;
  }
}

.hero-container-h002d .emr-primary--button {
  width: 45%;
}

@media screen and (max-width: 480px) {
  .hero-container-h002d .emr-primary--button {
    width: 100%;
  }
}

.hero-container-h002d .emr-paragraph {
  text-align: left !important;
  margin: 2rem 0;
}

.hero-container-h002d .discover-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .hero-container-h002d .discover-btn {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    margin: auto;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.hero-container-h002e {
  width: 100%;
  height: auto;
  min-height: 676px;
  position: relative;
  overflow: hidden;
}

.hero-container-h002e::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.hero-container-h002e.overlay-blue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 37, 81, 0.6);
  z-index: 1;

}

.hero-container-h002e.overlay-purple::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(49, 19, 64, 0.6);
  z-index: 1;
}

.hero-container-h002e.overlay-reverse::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1;
}


.hero-container-h002e img.background-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.hero-container-h002e .content-wrapper {
  position: absolute;
  top: 40px;
  left: 3rem;
  right: 3rem;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1456px;
  min-height: 588px;
  margin: 0 auto;
}

.hero-container-h002e .content-wrapper .content {
  color: #fff;
  text-align: left;
  width: 712px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.hero-container-h002e .content-wrapper img.forground-image {
  position: relative;
  width: 588px;
  height: 588px;
}

.hero-container-h002e .content-wrapper .content .content-info .discover-btn {
  display: flex;
  justify-content: flex-start;
  padding-top: 40px;
  gap: 24px;
  width: 100%;
  flex-wrap: wrap;
}

.hero-container-h002e .content-wrapper .content .content-info .discover-btn section {
  min-width: 340px;
}

.hero-container-h002e .content-wrapper .forground-image img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1536px) {
  .hero-container-h002e .content-wrapper {
    max-width: 1200px;
    min-height: 588px;
  }

  .hero-container-h002e .content-wrapper .content {
    width: 588px;
  }

  .hero-container-h002e .content-wrapper .forground-image {
    width: 586px;
    height: 586px;
  }

  .hero-container-h002e .content-wrapper .content .content-info .discover-btn section {
    min-width: 282px;
  }
}

@media screen and (max-width: 1279px) {
  .hero-container-h002e .content-wrapper {
    max-width: 704px;
    min-height: 416px;
  }

  .hero-container-h002e .content-wrapper .content {
    width: 344px;
  }

  .hero-container-h002e .content-wrapper .forground-image {
    width: 344px;
    height: 344px;
  }

  .hero-container-h002e .content-wrapper .content .content-info .discover-btn {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    gap: 8px;
  }

  .hero-container-h002e .content-wrapper .content .content-info .discover-btn section {
    min-width: 224px;
  }
}

@media screen and (max-width: 767px) {
  .hero-container-h002e {
    height: auto;
  }

  .hero-container-h002e .content-wrapper {
    max-width: 328px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 40px;
    padding-bottom: 48px;
    gap: 40px;
  }

  .hero-container-h002e .content-wrapper .content {
    width: 328px;
  }

  .hero-container-h002e .content-wrapper .forground-image {
    width: 328px;
    height: 328px;
  }

  .hero-container-h002e .content-wrapper .content .content-info .discover-btn {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding-top: 40px;
  }

  .hero-container-h002e .content-wrapper .content .content-info .discover-btn section {
    min-width: 282px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.hero-component-h004 {
  display: flex;
  max-width: 1456px;
  margin: auto;
  text-align: center;
  padding: 40px 0px 48px;
  min-height: 480px;
  flex-direction: column;
  justify-content: center;

}

.hero-component-h004 .emr-h1 {
  font-size: 2.25rem;
}

.hero-component-h004 .emr-h6 {
  color: #004b8d;
  font-size: 0.75rem;
  font-weight: 700;
}

.hero-component-h004 .text-body {
  margin-top: 1rem;
  font-weight: 400;
  font-size: 1.375rem;
  font-style: italic;
}


@media screen and (max-width: 1536px) {
  .hero-component-h004 {
    max-width: 1200px
  }

  ;
}

@media screen and (max-width: 1279px) {
  .hero-component-h004 {
    max-width: 704px;
  }

  ;
}

@media screen and (max-width: 767px) {
  .hero-component-h004 {
    max-width: 328px;
  }

  ;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.hero-container-h005 {
  width: 100%;
  height: 450px;
  position: relative;
}

.hero-container-h005::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h005 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h005 .content {
  position: absolute;
  top: 5rem;
  color: #fff;
  height: fit-content;
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.hero-container-h005 .content .content-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 50%;
  padding-left: 3rem;
}

.hero-container-h005 .content .stock-ticker {
  width: 18rem;
  height: 18rem;
  border-top: 10px solid #004b8d;
  padding: 25px;
  background-color: #ffffff;
  color: #262728;
}

.hero-container-h005 .content .stock-ticker .emr-bold {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 7px;
}

.hero-container-h005 .content .stock-ticker .custom-paragraph {
  font-family: "Noto Sans";
  font-size: 0.875rem;
}

.hero-container-h005 .content .stock-ticker .price {
  margin-bottom: 1rem;
}

.hero-container-h005 .content .stock-ticker .time {
  margin-top: 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.hero-container-h005 .content .stock-ticker .emr-italic {
  font-weight: 300;
}

.hero-container-h005 .content .stock-ticker .emr-h1 {
  margin: 0;
}

.hero-container-h005 .content .stock-ticker .emr-paragraph {
  margin: 20px 0;
  color: #00805a;
}

.hero-container-h005 .emr-primary--button {
  width: 45%;
}

@media screen and (max-width: 480px) {
  .hero-container-h005 .emr-primary--button {
    width: 100%;
  }
}

.hero-container-h005 .emr-paragraph {
  text-align: left !important;
  margin: 2rem 0;
}

.hero-container-h005 .discover-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .hero-container-h005 .discover-btn {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    margin: auto;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.hero-container-h006 {
  width: 100%;
  height: 450px;
  position: relative;
  background-color: #f3f3f3;
}

.hero-container-h006 .content {
  position: absolute;
  top: 2rem;
  left: 3rem;
  color: #fff;
  text-align: center;
  height: 80%;
  overflow: hidden;
  width: 70%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 480px) {
  .hero-container-h006 .content {
    height: 90%;
  }
}

.hero-container-h006 .content .emr-breadcrumb {
  display: flex;
  align-items: center;
}

.hero-container-h006 .content .emr-breadcrumb a {
  color: #00573d;
  margin-bottom: 5px;
  font-size: 0.875rem;
}

.hero-container-h006 .content .emr-breadcrumb a:hover {
  color: #00805a;
}

.hero-container-h006 .content .emr-breadcrumb span {
  color: #00573d;
}

@media screen and (max-width: 768px) {
  .hero-container-h006 .content .emr-breadcrumb {
    display: none;
  }
}

.hero-container-h006 .content .content-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 70%;
}

@media screen and (max-width: 768px) {
  .hero-container-h006 .content .content-info {
    width: 90%;
    left: 1rem;
  }

  .hero-container-h006 .content .content-info .emr-h1 {
    font-size: 1.5rem !important;
  }
}

.hero-container-h006 .content .content-info .emr-h1,
.hero-container-h006 .content .content-info .emr-paragraph {
  color: #000000 !important;
}

.hero-container-h006 .content .jump-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  flex-wrap: wrap;
  gap: 10px;
}

.hero-container-h006 .content .jump-navigation .emr-h6 {
  color: #00573d;
}

.hero-container-h006 .content .jump-navigation .emr-h6:hover {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .hero-container-h006 .content .jump-navigation .emr-h6 {
    font-size: 0.875rem !important;
  }
}

.hero-container-h006 .emr-primary--button {
  width: 45%;
}

@media screen and (max-width: 480px) {
  .hero-container-h006 .emr-primary--button {
    width: 100%;
  }
}

.hero-container-h006 .emr-paragraph {
  text-align: left !important;
  margin: 2rem 0;
}

.hero-container-h006 .discover-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .hero-container-h006 .discover-btn {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    margin: auto;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.hero-container-h009 {
  width: 100%;
  height: 224px;
  position: relative;
}

.hero-container-h009::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h009 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h009 .emr-h1 {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  text-align: center;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .hero-container-h009 .emr-h1 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 480px) {
  .hero-container-h009 .emr-h1 {
    font-size: 1.25rem;
  }
}

.hero-container-h009 .search-container {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 480px) {
  .hero-container-h009 .search-container {
    width: 90%;
  }
}

.hero-container-h009 .search-container input {
  width: 100%;
  height: 50px;
  padding: 0 60px 0 10px;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  color: #8a8c90;
  font-family: "Noto Sans";
}

.hero-container-h009 .search-container input::placeholder {
  color: #8a8c90;
}

.hero-container-h009 .search-container .search-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background-color: #00805a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  cursor: pointer;
}

.hero-container-h009 .search-container .search-icon svg {
  width: 20px;
  height: 20px;
  color: white;
}

.hero-container-h009-without-input {
  width: 100%;
  height: 224px;
  position: relative;
}

.hero-container-h009-without-input::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h009-without-input img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h009-without-input .emr-h1 {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  text-align: center;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .hero-container-h009-without-input .emr-h1 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 480px) {
  .hero-container-h009-without-input .emr-h1 {
    font-size: 1.25rem;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.hero-container-h009b {
  width: 100%;
  height: 224px;
  position: relative;
}

.hero-container-h009b::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h009b .jump-navigation {
  display: flex;
  position: relative;
  bottom: 45%;
  justify-content: space-evenly;
  align-items: center;
  width: 80%;
  margin: 1rem auto;
  text-align: center;
}

.hero-container-h009b .jump-navigation .emr-h6 {
  color: #9fa1a4;
}

.hero-container-h009b .jump-navigation .emr-h6:hover {
  color: #ffffff;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .hero-container-h009b .jump-navigation .emr-h6 {
    font-size: 0.875rem !important;
  }
}

.hero-container-h009b img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h009b .emr-h1 {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  text-align: center;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .hero-container-h009b .emr-h1 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 480px) {
  .hero-container-h009b .emr-h1 {
    font-size: 1.25rem;
  }
}

.hero-container-h009b .search-container {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 480px) {
  .hero-container-h009b .search-container {
    width: 90%;
  }
}

.hero-container-h009b .search-container input {
  width: 100%;
  height: 50px;
  padding: 0 60px 0 10px;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  color: #8a8c90;
  font-family: "Noto Sans";
}

.hero-container-h009b .search-container input::placeholder {
  color: #8a8c90;
}

.hero-container-h009b .search-container .search-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background-color: #00805a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  cursor: pointer;
}

.hero-container-h009b .search-container .search-icon svg {
  width: 20px;
  height: 20px;
  color: white;
}

.hero-container-h009b-without-input {
  width: 100%;
  height: 224px;
  position: relative;
}

.hero-container-h009b-without-input::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h009b-without-input img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h009b-without-input .emr-h1 {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  text-align: center;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .hero-container-h009b-without-input .emr-h1 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 480px) {
  .hero-container-h009b-without-input .emr-h1 {
    font-size: 1.25rem;
  }
}

.hero-container-h009b-without-input .jump-navigation {
  display: flex;
  position: relative;
  bottom: 35%;
  justify-content: space-evenly;
  align-items: center;
  width: 80%;
  margin: 1rem auto;
  text-align: center;
}

.hero-container-h009b-without-input .jump-navigation .emr-h6 {
  color: #9fa1a4;
}

.hero-container-h009b-without-input .jump-navigation .emr-h6:hover {
  color: #ffffff;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .hero-container-h009b-without-input .jump-navigation .emr-h6 {
    font-size: 0.875rem !important;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.hero-container-h010 {
  width: 100%;
  display: flex;
  position: relative;
}

@media screen and (max-width: 768px) {
  .hero-container-h010 {
    flex-direction: column;
  }
}

.hero-container-h010 .left-container {
  max-width: 70%;
  height: 344px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .hero-container-h010 .left-container {
    max-width: 100%;
  }
}

.hero-container-h010 .left-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h010 .left-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h010 .left-container .child-left-container {
  position: absolute;
  top: 20%;
  padding-left: 2rem;
  width: 80%;
}

@media screen and (max-width: 480px) {
  .hero-container-h010 .left-container .child-left-container {
    top: 5%;
    padding-left: 1rem;
  }
}

.hero-container-h010 .left-container .child-left-container .emr-h1 {
  color: #ffffff;
}

.hero-container-h010 .left-container .child-left-container .btns {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
}

.hero-container-h010 .left-container .child-left-container .btns .emr-primary--button {
  width: 45%;
}

@media screen and (max-width: 480px) {
  .hero-container-h010 .left-container .child-left-container .btns {
    flex-direction: column;
  }

  .hero-container-h010 .left-container .child-left-container .btns .emr-primary--button {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.hero-container-h010 .left-container .child-lef-2nd {
  width: 100%;
  display: flex;
  justify-content: space-around;
  background-color: #ffffff;
}

.hero-container-h010 .left-container .child-lef-2nd .emr-paragraph {
  font-weight: 500;
  width: 40%;
  margin-top: 1rem;
}

.hero-container-h010 .left-container .child-lef-2nd .emr-paragraph:hover {
  color: #00805a;
  cursor: pointer;
}

.hero-container-h010 .content {
  width: 480px;
  height: 492px;
  display: flex;
  flex-direction: column;
  background-color: #f0f0f0;
  padding-left: 15px;
}

@media screen and (max-width: 768px) {
  .hero-container-h010 .content {
    width: 90%;
    margin: auto;
    margin-top: 10rem;
  }
}

.hero-container-h010 .content .image-container {
  margin-right: 24px;
  height: 96px;
  min-width: 96px;
  position: relative;
  overflow: hidden;
}

.hero-container-h010 .content .image-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-container-h010 .content .image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  transition: opacity 0.3s ease;
  opacity: 1;
}

.hero-container-h010 .content .image-container:hover::before {
  opacity: 0;
}

.hero-container-h010 .content .content-info {
  position: relative;
  z-index: 2;
}

.hero-container-h010 .content .content-item {
  display: flex;
  height: 32%;
  width: 100%;
  padding: 17px 10px 10px 0px;
  border-bottom: 1px solid #c0c0c0;
}

@media screen and (max-width: 768px) {
  .hero-container-h010 .content .content-item {
    width: 90%;
  }
}

.hero-container-h010 .content .content-info>p:nth-child(1) {
  color: #004b8d;
  font-size: 0.75rem;
  letter-spacing: 0.96px;
  line-height: 16px;
}

.hero-container-h010 .content .content-info>a {
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  line-height: 24px;
}

.hero-container-h010 .content .content-info>a:hover {
  cursor: pointer;
  text-decoration: underline;
}

.hero-container-h010 .content .content-info>p:nth-child(3) {
  color: #333333;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 1rem;
}

.hero-container-h010 .content .video-container {
  width: 320px;
  height: 240px;
}

.hero-container-h010 .content .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.hero-container-h010 .content .inner-overlay {
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transition: transform 0.3s ease;
}

.hero-container-h010 .content .overlay:hover {
  transform: translate(-50%, -50%) scale(1.2);
}

.hero-container-h010 .content .overlay:hover .inner-overlay {
  transform: scale(1.2);
}

.hero-container-h010 .content .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-container-h010 .content .modal-content {
  position: relative;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 640px;
  height: 500px;
  background-color: transparent;
  padding: 0;
}

.hero-container-h010 .content .close {
  position: absolute;
  top: -30px;
  right: -30px;
  color: #fff;
  font-size: 1.75rem;
  font-weight: bold;
  cursor: pointer;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-container-h010 .content .close:hover,
.hero-container-h010 .content .close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.main-container-C097 {
  width: 80%;
  margin: auto;
  position: relative;
}

.main-container-C097 .first-child {
  width: 80%;
}

@media screen and (max-width: 768px) {
  .main-container-C097 .first-child {
    width: 100%;
  }
}

.main-container-C097 .first-child .emr-h1 {
  font-size: 2.25rem;
  color: #262728;
}

.main-container-C097 .first-child .emr-paragraph {
  color: #262728;
}

.main-container-C097 .scrollable-content {
  position: relative;
  width: 100%;
  margin-left: 60%;
}

.main-container-C097 .scrollable-content> :first-child {
  margin-top: 40%;
}

.main-container-C097 .scrollable-content .content-box {
  margin-bottom: 60%;
  width: 100%;
  display: flex;
  position: relative;
}

.main-container-C097 .scrollable-content .content-box .text-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: relative;
}

.main-container-C097 .content-wrapper {
  display: flex;
  position: relative;
}

@media screen and (max-width: 768px) {
  .main-container-C097 .content-wrapper {
    display: none;
  }
}

.main-container-C097 .content-wrapper .fixed-images {
  position: fixed;
  top: 100;
  width: 40%;
  height: 100vh;
  display: flex;
  justify-content: center;
  background: white;
}

.main-container-C097 .content-wrapper .fixed-images .content-image {
  opacity: 0;
  display: block !important;
  position: absolute;
  max-width: 680px;
  max-height: 680px;
  object-fit: contain;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  pointer-events: none;
}

.main-container-C097 .content-wrapper .fixed-images .content-image.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media screen and (max-width: 1024px) {
  .main-container-C097 .content-wrapper .fixed-images .content-image {
    width: 100%;
    height: 70%;
  }
}

.main-container-C097 .carousal-content {
  display: none;
}

@media screen and (max-width: 768px) {
  .main-container-C097 .carousal-content {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .main-container-C097 .carousal-content .contents {
    display: flex;
    transition: transform 0.3s ease-in-out;
  }

  .main-container-C097 .carousal-content .contents .content {
    min-width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }

  .main-container-C097 .carousal-content .contents .content .carousal-image-container {
    width: 100%;
    height: 300px;
    margin-bottom: 24px;
  }

  .main-container-C097 .carousal-content .contents .content .carousal-image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .main-container-C097 .carousal-content .contents .content .emr-h1 {
    text-align: center;
    margin-bottom: 16px;
  }

  .main-container-C097 .carousal-content .contents .content .emr-paragraph {
    text-align: center;
    margin-bottom: 24px;
  }

  .main-container-C097 .carousal-content .button-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 20px 0;
  }

  .main-container-C097 .carousal-content .button-dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .main-container-C097 .carousal-content .button-dots .dot.active {
    background-color: #262728;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.progress-container-varient-1 {
  position: relative;
  width: 70%;
  height: 5px;
  background-color: #e0e0e0;
  border-radius: 5px;
}

.progress-container-varient-1 .progress-bar {
  position: absolute;
  height: 100%;
  background-color: #00573d;
  width: 50%;
  border-radius: 5px;
  transition: width 0.3s ease;
}

.progress-container-varient-1 .progress-stop {
  position: absolute;
  top: -7px;
  transform: translateX(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #e0e0e0;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.progress-container-varient-1 .progress-stop.active {
  background-color: #00573d;
  border-color: #00573d;
}

.progress-container-varient-1 .progress-stop.current {
  background-color: #fff;
  border: 2px solid #00573d;
}

.progress-container-varient-1 .progress-stop .step-label {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 0.875rem;
  color: #262728;
}

.progress-container-varient-4 {
  position: relative;
  width: 70%;
  height: 5px;
  background-color: #e0e0e0;
  border-radius: 5px;
}

.progress-container-varient-4 .progress-bar {
  position: absolute;
  height: 100%;
  background-color: #00573d;
  width: 50%;
  border-radius: 5px;
  transition: width 0.3s ease;
}

.progress-container-varient-3 {
  position: relative;
  width: 70%;
  height: 5px;
  background-color: #e0e0e0;
  border-radius: 5px;
}

.progress-container-varient-3 .progress-bar {
  position: absolute;
  height: 100%;
  background-color: #00573d;
  width: 50%;
  border-radius: 5px;
  transition: width 0.3s ease;
}

.progress-container-varient-3 .progress-stop {
  position: absolute;
  top: -7px;
  transform: translateX(-50%);
  width: 10px;
  height: 18px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.progress-container-varient-3 .progress-stop .step-label {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 0.875rem;
  color: #262728;
}

.shipping-info-form {
  padding: 1.5rem 1rem;
  display: flex;
}

@media screen and (max-width: 768px) {
  .shipping-info-form {
    flex-direction: column;
    gap: 1rem;
  }
}

.shipping-info-form .emr-label {
  color: #262728;
  margin-bottom: 1.5rem;
}

.shipping-info-form .emr-paragraph {
  font-size: 0.875rem;
}

.shipping-info-form .custom-red {
  color: #d31245;
  margin-bottom: 0.5rem;
}

.shipping-info-form .shipping-address {
  width: 25%;
}

@media screen and (max-width: 768px) {
  .shipping-info-form .shipping-address {
    width: 100%;
  }
}

.shipping-info-form .shipping-carrier {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .shipping-info-form .shipping-carrier {
    width: 60%;
    margin-bottom: 1rem;
  }
}

.shipping-info-form .shipping-carrier .shipping-select {
  background-color: #f3f3f3;
  font-weight: 300;
  border: none;
  font-family: inherit;
  border-top: 2px solid #c9cacc;
  font-size: 1rem !important;
  padding: 0.8rem 0.5rem;
  width: 10rem;
}

.shipping-info-form .shipping-carrier .shipping-select:focus {
  outline: none;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media screen and (max-width: 768px) {
  .shipping-info-form .shipping-carrier .shipping-select {
    width: 100%;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.tax-exempt {
  width: 95%;
  margin: 1.5rem auto 0 auto;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@media screen and (max-width: 768px) {
  .tax-exempt {
    width: 95%;
  }
}

.tax-exempt .emr-h5 {
  background-color: #004b8d;
  color: #ffffff;
  padding: 1rem 0.5rem;
}

.tax-exempt .tax-subheading {
  color: #262728;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: "Noto Sans,Verdana,Geneva,sans-serif";
  line-height: 24px;
}

.tax-exempt .tax-content {
  padding: 1rem 0.7rem;
}

.tax-exempt .file-select {
  width: 25rem;
  padding: 0.8rem 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 300;
  font-family: inherit;
  color: #262728;
}

.tax-exempt .file-select:focus {
  outline: none;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media screen and (max-width: 480px) {
  .tax-exempt .file-select {
    width: 100%;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.bottom-buttons {
  margin: auto;
  margin-top: 3rem;
  width: 80%;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .bottom-buttons {
    flex-direction: column;
    gap: 1rem;
    width: 95%;
  }
}

.bottom-buttons .emr-secondary--button {
  width: 20rem;
}

.bottom-buttons .emr-secondary--button .emr-icon-move-left {
  transition: transform 0.3s ease;
}

.bottom-buttons .emr-secondary--button:hover .emr-icon-move-left {
  transform: translateX(-4px);
}

.bottom-buttons .emr-primary--button {
  width: 20rem;
}

.custom-footer-para {
  width: 80%;
  margin: auto;
  margin-top: 5rem;
  font-style: italic;
}

@media screen and (max-width: 768px) {
  .custom-footer-para {
    width: 95%;
  }
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.shipping-info {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.shipping-info .table-responsive {
  display: none;
}

@media screen and (max-width: 768px) {
  .shipping-info .table-responsive {
    display: block;
    padding: 1rem 0.8rem;
  }

  .shipping-info .table-responsive .emr-paragraph {
    font-size: 0.75rem;
    font-weight: 300;
    color: #8a8c90;
  }

  .shipping-info .table-responsive .td-content-product {
    font-size: 0.875rem;
    font-weight: 500;
    color: #8a8c90;
    margin-bottom: 1rem;
  }

  .shipping-info .table-responsive .responsiv-tag {
    color: #00573d;
    font-weight: 300;
    font-size: 0.675rem;
    margin: 2rem 0;
  }

  .shipping-info .table-responsive .responsive-availablity {
    color: #8a8c90;
    font-size: 0.609rem;
    font-weight: 600;
    margin-top: 1rem;
  }

  .shipping-info .table-responsive .responsive-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
    border-bottom: 1px solid #c9cacc;
    padding-bottom: 2rem;
  }

  .shipping-info .table-responsive .responsive-bottom .quantity {
    width: 30%;
    text-align: center;
  }

  .shipping-info .table-responsive .responsive-bottom .quantity .quantity-heading {
    font-size: 0.625rem;
    font-weight: 600;
    color: #8a8c90;
    margin-bottom: 0.5rem;
  }

  .shipping-info .table-responsive .responsive-bottom .price .price-heading {
    font-size: 0.625rem;
    font-weight: 600;
    color: #8a8c90;
    margin-bottom: 0.5rem;
  }

  .shipping-info .table-responsive .responsive-bottom .total {
    text-align: right;
    margin-right: 0.5rem;
  }

  .shipping-info .table-responsive .responsive-bottom .total .total-heading {
    font-size: 0.547rem;
    font-weight: 600;
    color: #8a8c90;
    margin-bottom: 0.8rem;
  }

  .shipping-info .table-responsive .responsive-bottom .total .total-text {
    font-size: 0.875rem;
    font-weight: 600;
    color: #8a8c90;
  }
}

.shipping-info .emr-h5 {
  background-color: #004b8d;
  color: #ffffff;
  padding: 1rem 0.5rem;
}

.shipping-info .table {
  width: 100%;
  border-collapse: collapse;
}

@media screen and (max-width: 768px) {
  .shipping-info .table {
    display: none;
  }
}

.shipping-info .table tr.table-heading {
  position: relative;
}

.shipping-info .table tr.table-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 97%;
  height: 1px;
  background-color: #c9cacc;
}

.shipping-info .table tr.table-heading .heading-text {
  padding: 1rem;
  text-align: left;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.8px;
}

.shipping-info .table td {
  padding: 1rem 1rem;
}

.shipping-info .table td:first-child {
  width: 55%;
}

.shipping-info .table td .emr-paragraph {
  font-size: 0.75rem;
  margin: 0.6rem 0;
  color: #8a8c90;
}

.shipping-info .table td .td-content-product {
  color: #8a8c90;
  font-weight: 500;
  font-size: 0.875rem;
}

.shipping-info .table tr {
  position: relative;
}

.shipping-info .table tr::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 97%;
  height: 1px;
  background-color: #c9cacc;
}

.shipping-info .table tr .td-tag {
  color: #00573d;
  font-weight: 300;
  font-size: 10.8px;
}

.shipping-info .table tr .td-price {
  color: #8a8c90;
  font-weight: 300;
  font-size: 0.875rem;
  text-align: right;
}

.shipping-info .table tr .td-paragraph {
  font-size: 1rem;
  color: #8a8c90;
  font-weight: 300;
  text-align: center;
}

.shipping-info .table tr .td-total {
  color: #8a8c90;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: right;
}

.shipping-info .table-expand {
  padding: 1rem;
}

.shipping-info .table-expand .emr-secondary--button {
  width: 20rem;
}

.shipping-info .divider {
  width: 97%;
  margin: auto;
  border: 1px solid #c9cacc;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.promotion-box {
  width: 100%;
  height: 160px;
  background-color: #004b8d;
  color: #fff;
  padding: 14px;
  font-size: 1rem !important;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.promotion-box .promoLink {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
}

.promotion-box:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.promotion-box:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
}

.promotion-box svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
}

.promotion-box:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
}

.promotion-box svg.download-arrow path:last-of-type {
  transform: translateY(0);
}

.promotion-box:hover .video-icon .play {
  fill: #00573d;
  z-index: 1;
}

.promotion-box .video-icon {
  transition: all 0.3s ease;
}

.promotion-box:hover .video-icon .circle {
  fill: #fff;
}

.promotion-box:hover .bg-circle {
  fill: #fff;
  z-index: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.promotion-box-image {
  position: relative;
  /* Required for the overlay to position correctly */
  margin: auto;
  width: 464px;
  height: 160px;
  /* Adjust as per requirement */
  background-color: #004b8d;
  color: #fff;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.promotion-box-image .text-content {
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.promotion-box-image .custom-p3 {
  font-size: 1rem !important;
}

.promotion-box-image .bottom-text {
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}

.promotion-box-image .cms-image {

  /* max-width: 120px;
  min-height: 160px; */
  object-fit: cover;
  /* Ensures the image fits properly */
  display: block;
  /* Ensure it's treated as a block element */
  position: absolute;
  top: 0;
  left: 0;
}

.promotion-box-image .image-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
}


@media screen and (min-width: 360px) and (max-width: 767px) {
  .promotion-box-image {
    width: 328px;
    height: 200px;
  }

  .promotion-box-image .cms-image {
    width: 112px;
    height: 200px;
  }

  .promotion-box-image .image-container {
    min-width: 112px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .promotion-box-image {
    width: 284px;
    height: 224px;
  }

  .promotion-box-image .cms-image {
    width: 104px;
    height: 224px;
  }

  .promotion-box-image .image-container {
    min-width: 104px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1535px) {
  .promotion-box-image {
    width: 384px;
    height: 160px;
  }

  .promotion-box-image .cms-image {
    width: 102px;
    height: 160px;
  }

  .promotion-box-image .image-container {
    min-width: 102px;
  }
}

@media screen and (min-width: 1536px) {
  .promotion-box-image {
    width: 464px;
    height: 160px;
  }

  .promotion-box-image .cms-image {
    width: 102px;
    height: 160px;
  }

  .promotion-box-image .image-container {
    min-width: 102px;
  }
}

.promotion-box-image .bottom-text:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.promotion-box-image .bottom-text:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
  /* Moves the icon 4px right and 4px up */
}

.promotion-box-image svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
}

.promotion-box-image .bottom-text:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
}

.promotion-box-image svg.download-arrow path:last-of-type {
  transform: translateY(0);
}

.promotion-box-image .bottom-text:hover .video-icon .play {
  fill: #00573d;
  z-index: 1;
}

.promotion-box-image .video-icon {
  transition: all 0.3s ease;
}

.promotion-box-image .bottom-text:hover .video-icon .circle {
  fill: #fff;
}

.promotion-box-image .bottom-text:hover .bg-circle {
  fill: #fff;
  z-index: 0;
}


.promotion-box-image .emr-video {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease;
}

.promotion-box-image .emr-video:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.promotion-box-image .emr-play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/**Jump navigation Code*/
* {
  scroll-behavior: smooth;
}

.emr-primary-nav {
  width: 100%;
  background-color: #00573D;
  height: 75px;

}

.emr-transparent-nav {
  background-color: transparent;
}

.emr-primary-nav .nav {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  max-width: 100rem;
  margin: auto
}

.emr-primary-nav .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  cursor: pointer;
}

.emr-primary-nav .nav-item.active {

  background-color: #00805a;
  border-bottom: 3px solid #fff;
  transition: background-color 0.3s linear, border-bottom 0.3s ease-in-out;
}

/* Keep anchor text color white */
.nav-item .navAnchor {
  color: #fff !important;
  font-family: "Noto Sans";
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: 0.96px;
  text-decoration: none !important;
}

.emr-primary-nav .nav-item.active a,
.emr-primary-nav .nav-item:hover a {
  color: #fff;
}


.emr-primary-nav .nav-item:hover {
  background-color: #00805a;
  cursor: pointer;
  transition: background-color 0.3s linear;
}

.sticky {
  position: fixed !important;
  top: 100px;
  left: 0;
  z-index: 20;
  padding: 0 !important;
  margin: 0 !important;
}

.emr-primary-nav .emr-custom-select {
  display: none;
  position: relative;
  font-family: "Noto Sans";
}

.emr-primary-nav .emr-select-selected {
  background-color: white !important;
  padding: 8px 16px;
  cursor: pointer;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.emr-primary-nav .emr-select-selected:after {
  content: '';
  display: block;
  border: 6px solid transparent;
  border-top-color: #000;
  transition: transform 0.3s ease;
  margin-top: 2px;
  /* Fine-tune vertical alignment */
}

/* Update arrow styles for consistent positioning */
.emr-primary-nav .emr-select-selected:after {
  content: '';
  border: 6px solid transparent;
  border-top-color: #000;
  transition: transform 0.3s ease;
}

/* Rotate arrow when dropdown is open */
.emr-primary-nav .select-arrow-active:after {
  transform: rotate(180deg);
}

/* Ensure arrow position stays fixed during rotation */
.emr-primary-nav .emr-select-selected.select-arrow-active:after {
  top: 50%;
}

.emr-primary-nav .select-arrow-active:after {
  transform: translateY(-50%) rotate(0deg);
}

.emr-primary-nav .emr-select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.emr-primary-nav .emr-select-hide {
  display: none;
}

.emr-primary-nav .emr-select-items div {
  padding: 8px 16px;
  cursor: pointer;
  font-family: "Noto Sans";
  font-size: 0.75rem;
}

.emr-primary-nav .emr-select-items div:hover,
.emr-primary-nav .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
  .emr-primary-nav {
    background-color: white;
    display: flex;
    align-items: center;
    position: static !important;
    /* Force static positioning */
  }

  .emr-primary-nav .nav {
    display: none;
  }

  .emr-primary-nav .emr-custom-select {
    display: block;
  }

  .emr-primary-nav .sticky {
    position: static !important;
    /* Override sticky class on mobile */
    top: auto;
    left: auto;
    z-index: auto;
  }
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/**
Mohit Batheja , Date 26th December promo box big image
*/

.p006-promo-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.p006-promo-box .image-container {
  width: 380px;
  height: 192px;
}

.p006-promo-box .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p006-promo-box .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.8rem;
  background-color: #004b8d;
  width: 380px;
}

.p006-promo-box .description {
  font-size: 1rem;
  color: #fff;
  line-height: 24px;
}

.p006-promo-box .bottom-link {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  cursor: pointer;
  text-transform: uppercase;
}


.p006-promo-box .bottom-link svg {
  transition: transform 0.3s ease;
}

.p006-promo-box .bottom-link p {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #fff;
}

.p006-promo-box .emr-icon {
  cursor: pointer;
}

.p006-promo-box .emr-icon-move-right {
  margin-left: 10px;
  color: #fff;
}

.p006-promo-box:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.p006-promo-box:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
  /* Moves the icon 4px right and 4px up */
}

.p006-promo-box svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
}

.p006-promo-box:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
}

.p006-promo-box svg.download-arrow path:last-of-type {
  transform: translateY(0);
}

.p006-promo-box:hover .video-icon .play {
  fill: #00573d;
  z-index: 1;
}

.p006-promo-box .video-icon {
  transition: all 0.3s ease;
}

.p006-promo-box:hover .video-icon .circle {
  fill: #fff;
}

.p006-promo-box:hover .bg-circle {
  fill: #fff;
  z-index: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Priyanka Raut: Visual Navigation Components: 27/12/2024
   component name : VN013 50/50 Segment Navigation */

.vn013-container {
  position: relative;
  overflow: hidden;
  max-width: 748px;
  max-height: 300px;
}

.vn013-container:hover {
  cursor: pointer;
}

.vn013-container:hover .overlay {
  background-color: #00573d;
}

.vn013-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.vn013-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vn013-container .overlay {
  position: absolute;
  bottom: 0;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  width: 100%;
  box-sizing: border-box;
}

.vn013-container .emr-icon {
  width: 3rem !important;
  height: 3rem !important;
}

.vn013-container .emr-primary--button {
  background-color: transparent;
}

.vn013-container:hover .emr-primary--button {
  background-color: #00573d;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Priyanka Raut:
 Component Name: VN014 Text-Only Navigation */

.vn014-container {
  width: 70%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media screen and (max-width: 768px) {
  .vn014-container {
    grid-template-columns: repeat(2, 1fr);
    width: 90%;
  }
}

.vn014-container .child-vn014 {
  height: 141px;
  width: 328px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f3f3f3;
  transition: color 0.3s ease;
  position: relative;
  text-decoration: none;
  background-color: #fff;
}


.vn014-container .child-vn014 .content {
  position: relative;
}

.vn014-container .child-vn014 .content::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: translateX(-50%);
}

.vn014-container .child-vn014 .content::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: currentColor;
  transition: width 0.3s ease;
  transform: translateX(-50%);
}

.vn014-container .child-vn014:hover {
  cursor: pointer;
  background-color: #f3f3f3;
  color: #00805a;
}

.vn014-container .child-vn014:hover .content::after {
  width: 100%;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Priyanka Raut:
 Component Name: VN015 Featured Navigation Banner */
.vn015-container {
  max-width: 100%;
  height: 256px;
  position: relative;
  overflow: hidden;
}

/* this code is commented for now, may be we need this later in future */
/* .vn015-container .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

.vn015-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vn015-container .content {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 2.5rem;
  width: 996px;
  left: 50%;
  transform: translateX(-50%);
}

.vn015-container .content .button-container .emr-primary--button {
  padding: 0 2rem;
  width: 282px !important;

}

.vn015-container .content .button-container {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 1rem;
}

@media screen and (min-width: 1536px) {
  .vn015-container {
    height: 256px;
  }

  .vn015-container .content {
    left: 50%;
    transform: translateX(-50%);
    padding: 2.5rem 2.5rem 3rem 2.5rem;
  }
}

@media screen and (max-width: 1279px) {
  .vn015-container {
    height: 272px;
  }

  .vn015-container .content {
    width: 640px;
  }
}

@media screen and (max-width: 767px) {
  .vn015-container {
    height: 512px;
  }

  .vn015-container .content {
    width: 280px;
    flex-direction: column;
    gap: 1rem;
  }

  .vn015-container .content .emr-h2 {
    font-size: 1.625rem;
    line-height: 40px;
    text-align: left;
  }
}

.vn015-container .content .emr-h2 {
  margin-bottom: 1rem;
}

.vn015-container .content .emr-paragraph {
  width: 90%;

}

@media screen and (max-width: 767px) {
  .vn015-container .content .emr-paragraph {
    width: 100%;
    font-size: 1rem;
    line-height: 26px;
    text-align: left;
  }

  .vn015-container .content .button-container .emr-primary--button {
    padding: 0 2rem;
    min-width: 282px !important;
  }
}




@media screen and (max-width: 1279px) {
  .vn015-container .content .emr-paragraph {
    text-align: left;
  }

  .vn015-container .content .button-container .emr-primary--button {
    width: 224px !important;
  }

  .vn015-container .content .emr-h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .vn015-container .content .button-container {
    width: 282px !important;
    justify-content: center;
  }
}



/*# sourceMappingURL=VN015.css.map */

/*Priyanka Raut:
 Component Name: VN015B Centered Navigation Banner */
.vn015b-container-default {
  width: 100%;
  height: 360px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .vn015b-container-default {
    height: 450px;
  }
}

/* this code is commented for now, may be we need this later in future */
/* .vn015b-container-default .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

.vn015b-container-default .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vn015b-container-default .content {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 90%;
  justify-content: center;
  align-items: center;
  top: 2rem;
  left: 2rem;
}

@media screen and (max-width: 768px) {
  .vn015b-container-default .content {
    width: 100%;
    left: 0;
  }
}

.vn015b-container-default .content .emr-paragraph-custom1 {
  font-size: 0.75rem !important;
  font-weight: 700;
  margin-bottom: 0.7rem;
}

.vn015b-container-default .content .emr-paragraph-custom2 {
  width: 100%;
  font-size: 2.25rem !important;
  line-height: 44px;
  text-align: center;
}

.vn015b-container-default .content .emr-paragraph-custom3 {
  text-align: center;
  width: 60%;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .vn015b-container-default .content .emr-paragraph-custom3 {
    width: 90%;
  }
}

.vn015b-container-default .content .button-container {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  width: fit-content;
}

.vn015b-container-default .content .button-container .emr-primary--button {
  min-width: 280px;
}

.vn015b-container-light {
  width: 100%;
  height: 360px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .vn015b-container-light {
    height: 450px;
  }
}

.vn015b-container-light::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.vn015b-container-light .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vn015b-container-light .content {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 90%;
  justify-content: center;
  align-items: center;
  top: 2rem;
  left: 2rem;
}

@media screen and (max-width: 768px) {
  .vn015b-container-light .content {
    width: 100%;
    left: 0;
  }
}

.vn015b-container-light .content .emr-paragraph-custom1 {
  font-size: 0.75rem !important;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.7rem;
}

.vn015b-container-light .content .emr-paragraph-custom2 {
  width: 100%;
  color: #ffffff;
  font-size: 2.25rem !important;
  line-height: 44px;
  text-align: center;
}

.vn015b-container-light .content .emr-paragraph-custom3 {
  text-align: center;
  color: #ffffff;
  width: 60%;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .vn015b-container-light .content .emr-paragraph-custom3 {
    width: 90%;
  }
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Priyanka Raut:
 Component Name: VN017 Profile Tiles */

.vn017-container {
  width: 100%;
  height: 176px;
  display: flex;
  background-color: #004b8d;
}


.vn017-container .image-container .image {
  min-width: 176px;
  height: 176px;
}

.vn017-container .content {
  color: #ffffff;
  padding: 0rem 1.5rem;
  cursor: pointer;
}

.vn017-container .content .emr-h5 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.vn017-container .content .emr-h5 .emr-icon {
  color: #ffffff;
}

.vn017-container .content .emr-paragraph {
  font-size: 0.8rem !important;
}

.vn017-container .content .emr-primary--button {
  background-color: transparent;
}

.vn017-container .content .emr-primary--button:hover {
  background-color: transparent;
}

.vn017-container .content .emr-primary--button .emr-icon {
  width: 2rem !important;
  height: 2rem !important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Priyanka Raut:  VN018 Support Tiles */

.vn018-container {
  width: 100%;
  height: 412px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background-color: #F0F0F0;
}

.vn018-container:hover {
  cursor: pointer;
  background-color: #004b8d;
}

.vn018-container:hover .content {
  color: #fff;
}

.vn018-container .image-container {
  background-color: #fff;
  height: 128px;
  object-fit: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vn018-container .image-container .image {
  width: 128px;
  height: 128px;
}

.vn018-container .content {
  text-align: center;
  width: 100%;
  font-weight: 500;
  font-size: 1.125rem;
  margin-top: 1rem;
}

/*# sourceMappingURL=VN018.css.map */
/* Priyanka Raut:  VN019 Navigation Tiles with Offset Text
 */
.vn019-container {
  width: 100%;
  height: 31.25rem;
  position: relative;
}

.vn019-container:hover .emr-h5,
.vn019-container:hover .emr-primary--button {
  color: #00805a !important;
}

.vn019-container .image-container {
  width: 380px;
  height: 228px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vn019-container .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
}

.vn019-container .content {
  position: absolute;
  top: 11rem;
  width: 336px;
  height: 280px;
  background-color: #fff;
  padding: 1rem;
}

.vn019-container .content .emr-h5 {
  margin-bottom: 1rem;
  cursor: pointer;
}

.vn019-container .custom-desc {
  font-size: 1.125rem;
}

.vn019-container .eyebrow {
  font-weight: 700;
  font-size: 0.75rem;
  color: #74787C;
}

.vn019-container .content .emr-primary--button {
  margin-top: 2rem;
  width: fit-content !important;
  height: fit-content !important;
  background-color: transparent;
  color: black;
}

.vn019-container:hover .emr-primary--button .emr-icon {
  filter: brightness(0) saturate(100%) invert(21%) sepia(78%) saturate(595%) hue-rotate(117deg) brightness(95%) contrast(91%);
}

.vn019-container .slot-container {
  margin-top: 1rem;
}

.vn019-container .slot-container .emr-primary-text-cta {
  justify-content: flex-start;
}

.vn019-container .video {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease;
}

.vn019-container .video:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.vn019-container .play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  position: relative;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 90%;
  max-width: 1008px;
  height: 500px;
  background-color: transparent;
  padding: 0;
}

.close {
  position: absolute;
  top: -30px;
  right: -30px;
  color: #fff;
  font-size: 1.75rem;
  font-weight: bold;
  cursor: pointer;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.vn001-image-container {
  max-width: 100%;
  height: 240px;
  overflow: hidden;
  position: relative;
}

.vn001-image-container .responsive-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vn001-image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.vn001-image-container .overlay {
  position: absolute;
  bottom: 0;
  color: white;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: background-color 0.5s ease;
}

.vn001-image-container .overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(43, 87, 67, 0.6);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.vn001-image-container .svg-button.single-button {
  width: 100%;
}

.vn001-image-container .overlay:hover::before {
  opacity: 1;
}

.vn001-image-container .overlay:hover .content {
  transform: translateY(5%);
}

.vn001-image-container .overlay:hover hr {
  opacity: 1;
}

.vn001-image-container .overlay:hover .text-button-wrapper {
  opacity: 1;
  transform: translateY(0);
}

.vn001-image-container .overlay:hover .buttons {
  opacity: 1;
}

.vn001-image-container .content {
  height: 100%;
  text-align: center;
  transform: translateY(40%);
  transition: transform 0.5s ease;
  padding-top: 10px;
}

.vn001-image-container .content h2 {
  font-size: 1.125rem;
  font-family: "Noto Sans";
  font-weight: 500;
  text-align: center;
}

.vn001-image-container .headline {
  height: fit-content;
}

.vn001-image-container hr {
  border: none;
  border-top: 2px solid #fff;
  width: 70%;
  opacity: 0;
  transition: opacity 0.5s ease;
  margin: 10px auto;
}

.vn001-image-container .text-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
}

.vn001-image-container p {
  font-family: "Noto Sans";
  font-weight: 300;
  margin: 0;
  padding: 10px 20px;
  font-size: 0.813rem;
}

.vn001-image-container .buttons {
  width: 100%;
  display: flex;
  position: sticky;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}

@media screen and (max-width: 768px) {
  .vn001-image-container .buttons {
    position: absolute;
    bottom: 0;
  }
}

.vn001-image-container .svg-button {
  width: 50%;
  background-color: inherit;
  color: white;
  padding: 8px 16px;
  border: 1px solid #00805a;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  transition: background-color 0.3s ease;
  font-family: "Noto Sans";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background-color: #00573d;
}

.vn001-image-container .svg-button.single-button {
  width: 100%;
}

.vn001-image-container .svg-button:hover .arrow {
  transform: translateX(4px);
}

.vn001-image-container .arrow {
  margin-left: 4px;
  transition: transform 0.3s ease;
}

@media screen and (max-width: 768px) {
  .vn001-image-container {
    max-width: 100%;
    margin-bottom: 10px;
  }
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Priyanka Raut: VN009 Featured Visual Navigation*/
.vn009-container {
  display: flex;
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, .4); */
  width: 712px;
  height: 188px;
  gap: 24px;
  background-color: #fff;
}

.raised-vn009 {
  border-radius: 0.5rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.vn009-container:hover {
  cursor: pointer;
}

.emr-primary-text-cta {
  justify-content: flex-start;
}

.vn009-container .image-container {
  min-width: 282px;
  min-height: 188px;
}

.vn009-container .heading-class {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.raised-vn009 .content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
}

.vn009-container:hover .heading-class,
.vn009-container:hover .emr-primary-text-cta {
  color: #00805a;
  fill: #00805a;
}

.vn009-container .desc-class {
  font-weight: 300;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.vn009-container .cms-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vn009-container .emr-eyebrow {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #74787C;
}

@media screen and (max-width: 1535px) {
  .vn009-container {
    width: 588px;
  }
}

@media screen and (max-width: 1279px) {
  .vn009-container {
    width: 344px;
    height: 320px;
  }

  .vn009-container .image-container {
    min-width: 164px;
    min-height: 320px;
  }
}

@media screen and (max-width: 767px) {
  .vn009-container {
    width: 328px;
    height: 272px;
    margin: auto;
  }

  .vn009-container .image-container {
    min-width: 104px;
    min-height: 272px;
  }
}

/* Priyanka Raut: VN001 Navigation Tile Video */
.vn001-video-image-container {
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}

.vn001-video-image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(43, 87, 67, 0.6);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.vn001-video-image-container:hover::before {
  opacity: 1;
}

.vn001-video-image-container .video-container {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.vn001-video-image-container .video-container .play-button {
  border: none;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.vn001-video-image-container .video-container .play-button::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 0.8rem solid #fff;
  border-top: 0.64rem solid transparent;
  border-bottom: 0.64rem solid transparent;
}

.vn001-video-image-container .responsive-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vn001-video-image-container .text-content {
  position: absolute;
  bottom: 1rem;
  color: #fff;
  margin-left: 1rem;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  position: relative;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 90%;
  max-width: 1008px;
  height: 500px;
  background-color: transparent;
  padding: 0;
}

.close {
  position: absolute;
  top: -30px;
  right: -30px;
  color: #fff;
  font-size: 1.75rem;
  font-weight: bold;
  cursor: pointer;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}


/*
Added by Mohit Batheja on 30 December 2024
Component Name : S002 Social Buttons
*/
/* Global Colors — Grey Scale Palette*/
.s002-buttons {
  width: 100%;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.s002-buttons img {
  position: absolute;
  height: 220px;
  width: auto;
  object-fit: cover;
  left: 50%;
  transform: translate(-50%, 25%);
}

.s002-buttons:hover {
  background-color: #00573d;
  cursor: pointer;
}

.s002-buttons:hover img {
  transform: translate(-50%, -25%);
}

/* Modal shipping (change address)*/
.slds-align--absolute-center,
.slds-align_absolute-center {
  justify-content: flex-start !important;
  /* margin-left: 2rem !important; */
  margin-top: 1rem !important;
}

.search-box {
  width: 90% !important;
  margin: auto !important;
}

.main-shipping-body .shipping-container {
  width: 95%;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .main-shipping-body .shipping-container {
    width: 95%;
  }
}

.main-shipping-body .shipping-container .emr-breadcrumb a {
  font-size: 0.875rem;
  line-height: 24px;
  margin-right: 5px;
  margin-left: 5px;
}

.main-shipping-body .shipping-container .emr-h2 {
  margin: 1rem 0;
}

.main-shipping-body .shipping-container .shipping-info {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.main-shipping-body .shipping-container .shipping-info .table-responsive {
  display: none;
}

@media screen and (max-width: 768px) {
  .main-shipping-body .shipping-container .shipping-info .table-responsive {
    display: block;
    padding: 1rem 0.8rem;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .emr-paragraph {
    font-size: 0.75rem;
    font-weight: 300;
    color: #8a8c90;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .td-content-product {
    font-size: 0.875rem;
    font-weight: 500;
    color: #8a8c90;
    margin-bottom: 1rem;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .responsiv-tag {
    color: #00573d;
    font-weight: 300;
    font-size: 10.8px;
    margin: 2rem 0;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .responsive-availablity {
    color: #8a8c90;
    font-size: 9.75px;
    font-weight: 600;
    margin-top: 1rem;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .responsive-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
    border-bottom: 1px solid #c9cacc;
    padding-bottom: 2rem;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .responsive-bottom .quantity {
    width: 30%;
    text-align: center;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .responsive-bottom .quantity .quantity-heading {
    font-size: 0.625rem;
    font-weight: 600;
    color: #8a8c90;
    margin-bottom: 0.5rem;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .responsive-bottom .price .price-heading {
    font-size: 0.625rem;
    font-weight: 600;
    color: #8a8c90;
    margin-bottom: 0.5rem;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .responsive-bottom .total {
    text-align: right;
    margin-right: 0.5rem;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .responsive-bottom .total .total-heading {
    font-size: 8.75px;
    font-weight: 600;
    color: #8a8c90;
    margin-bottom: 0.8rem;
  }

  .main-shipping-body .shipping-container .shipping-info .table-responsive .responsive-bottom .total .total-text {
    font-size: 0.875rem;
    font-weight: 600;
    color: #8a8c90;
  }
}

.main-shipping-body .shipping-container .shipping-info .emr-h5 {
  background-color: #004b8d;
  color: #ffffff;
  padding: 1rem 0.5rem;
}

.main-shipping-body .shipping-container .shipping-info .table {
  width: 100%;
  border-collapse: collapse;
  display: block;
  height: 300px;
  overflow: hidden;
}

.main-shipping-body .shipping-container .shipping-info .table thead {
  display: table;
  width: calc(100% - 17px);
  background: white;
}

.main-shipping-body .shipping-container .shipping-info .table tbody {
  display: block;
  height: calc(100% - 45px);
  overflow-y: scroll;
}

.main-shipping-body .shipping-container .shipping-info .table tbody tr {
  display: table;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .main-shipping-body .shipping-container .shipping-info .table {
    display: none;
  }
}

.main-shipping-body .shipping-container .shipping-info .table tr.table-heading {
  position: relative;
}

.main-shipping-body .shipping-container .shipping-info .table tr.table-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 97%;
  height: 1px;
  background-color: #c9cacc;
}

.main-shipping-body .shipping-container .shipping-info .table tr.table-heading .heading-text {
  padding: 1rem;
  text-align: left;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.8px;
}

.main-shipping-body .shipping-container .shipping-info .table th:first-child {
  width: 55%;
}

.main-shipping-body .shipping-container .shipping-info .table td {
  padding: 1rem 1rem;
}

.main-shipping-body .shipping-container .shipping-info .table td:first-child {
  width: 55%;
}

.main-shipping-body .shipping-container .shipping-info .table td .emr-paragraph {
  font-size: 0.75rem;
  margin: 0.6rem 0;
  color: #8a8c90;
}

.main-shipping-body .shipping-container .shipping-info .table td .td-content-product {
  color: #8a8c90;
  font-weight: 500;
  font-size: 0.875rem;
}

.main-shipping-body .shipping-container .shipping-info .table tr {
  position: relative;
}

.main-shipping-body .shipping-container .shipping-info .table tr::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 97%;
  height: 1px;
  background-color: #c9cacc;
}

.main-shipping-body .shipping-container .shipping-info .table tr .td-tag {
  color: #00573d;
  font-weight: 300;
  font-size: 10.8px;
}

.main-shipping-body .shipping-container .shipping-info .table tr .td-price {
  color: #8a8c90;
  font-weight: 300;
  font-size: 0.875rem;
  text-align: right;
}

.main-shipping-body .shipping-container .shipping-info .table tr .td-paragraph {
  font-size: 1rem;
  color: #8a8c90;
  font-weight: 300;
  text-align: center;
}

.main-shipping-body .shipping-container .shipping-info .table tr .td-total {
  color: #8a8c90;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: right;
}

.main-shipping-body .shipping-container .shipping-info .table-expand {
  padding: 1rem;
}

.main-shipping-body .shipping-container .shipping-info .table-expand .emr-secondary--button {
  width: 20rem;
}

.main-shipping-body .shipping-container .shipping-info .divider {
  width: 97%;
  margin: auto;
  border: 1px solid #c9cacc;
}

.main-shipping-body .shipping-container .shipping-info .shipping-info-form {
  padding: 1.5rem 1rem;
  display: flex;
}

@media screen and (max-width: 768px) {
  .main-shipping-body .shipping-container .shipping-info .shipping-info-form {
    flex-direction: column;
    gap: 1rem;
  }
}

.main-shipping-body .shipping-container .shipping-info .shipping-info-form .emr-label {
  color: #262728;
  margin-bottom: 1.5rem;
}

.main-shipping-body .shipping-container .shipping-info .shipping-info-form .emr-paragraph {
  font-size: 0.875rem;
}

.main-shipping-body .shipping-container .shipping-info .shipping-info-form .custom-red {
  color: #d31245;
  margin-bottom: 0.5rem;
}

.main-shipping-body .shipping-container .shipping-info .shipping-info-form .shipping-address {
  width: 25%;
}

@media screen and (max-width: 768px) {
  .main-shipping-body .shipping-container .shipping-info .shipping-info-form .shipping-address {
    width: 100%;
  }
}

.main-shipping-body .shipping-container .shipping-info .shipping-info-form .shipping-carrier {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .main-shipping-body .shipping-container .shipping-info .shipping-info-form .shipping-carrier {
    width: 60%;
    margin-bottom: 1rem;
  }
}

.main-shipping-body .shipping-container .shipping-info .shipping-info-form .shipping-carrier .shipping-select {
  background-color: #f3f3f3;
  font-weight: 300;
  border: none;
  font-family: inherit;
  border-top: 2px solid #c9cacc;
  font-size: 1rem !important;
  padding: 0.8rem 0.5rem;
  width: 10rem;
}

.main-shipping-body .shipping-container .shipping-info .shipping-info-form .shipping-carrier .shipping-select:focus {
  outline: none;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media screen and (max-width: 768px) {
  .main-shipping-body .shipping-container .shipping-info .shipping-info-form .shipping-carrier .shipping-select {
    width: 100%;
  }
}

.main-shipping-body .custom-h6,
.tax-exempt .custom-h6 {
  font-weight: 600;
  font-size: 0.75rem;
  color: #00573d;
  margin-top: 0.5rem;
}

.main-shipping-body .custom-h6:hover,
.tax-exempt .custom-h6:hover {
  cursor: pointer;
  color: #00805a;
  text-decoration: underline;
}

.main-shipping-body .tax-exempt {
  width: 95%;
  margin: 1.5rem auto 0 auto;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.main-shipping-body .tax-exempt .custom-h6 {
  font-weight: 600;
  font-size: 0.75rem;
  color: #00573d;
  margin-top: 0.5rem;
}

.main-shipping-body .tax-exempt .custom-h6:hover {
  cursor: pointer;
  color: #00805a;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .main-shipping-body .tax-exempt {
    width: 95%;
  }
}

.main-shipping-body .tax-exempt .emr-h5 {
  background-color: #004b8d;
  color: #ffffff;
  padding: 1rem 0.5rem;
}

.main-shipping-body .tax-exempt .tax-subheading {
  color: #262728;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: "Noto Sans,Verdana,Geneva,sans-serif";
  line-height: 24px;
}

.main-shipping-body .tax-exempt .tax-content {
  padding: 1rem 0.7rem;
}

.main-shipping-body .tax-exempt .file-select {
  width: 25rem;
  padding: 0.8rem 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 300;
  font-family: inherit;
  color: #262728;
}

.main-shipping-body .tax-exempt .file-select:focus {
  outline: none;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media screen and (max-width: 480px) {
  .main-shipping-body .tax-exempt .file-select {
    width: 100%;
  }
}

.main-shipping-body .bottom-buttons {
  margin: auto;
  margin-top: 3rem;
  width: 80%;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .main-shipping-body .bottom-buttons {
    flex-direction: column;
    gap: 1rem;
    width: 95%;
  }
}

.main-shipping-body .bottom-buttons .emr-secondary--button {
  width: 20rem;
}

.main-shipping-body .bottom-buttons .emr-secondary--button .emr-icon-move-left {
  transition: transform 0.3s ease;
}

.main-shipping-body .bottom-buttons .emr-secondary--button:hover .emr-icon-move-left {
  transform: translateX(-4px);
}

.main-shipping-body .bottom-buttons .emr-primary--button {
  width: 20rem;
}

.main-shipping-body .custom-footer-para {
  width: 80%;
  margin: auto;
  margin-top: 5rem;
  font-style: italic;
}

@media screen and (max-width: 768px) {
  .main-shipping-body .custom-footer-para {
    width: 95%;
  }
}

/*Global Colors — Grey Scale Palette*/
/*Modified by Mohit Batheja
  Date _ 31/12/24
  Component Name : c015 Utility Belt item*/

.c015-container .emr-h5 {
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  margin-top: 2rem;
}

.c015-container .emr-paragraph {
  color: #ffffff;
  margin-top: 1rem;
}

.c015-container {
  background-color: transparent;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

/*Added by Mohit Batheja on 1/1/25
  Component Name : P008 Quick Links*/
.p008-container {
  width: 284px;
  padding: 24px;
  background-color: #f3f3f3;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}

.p008-container .heading-title {
  color: #626467;
  font-size: 12px;
  font-weight: 700;
  line-height: 1rem;
}

.p008-container .content {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #00573d;
  margin-bottom: 1rem;
}

.p008-container .content:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #00805a;
}

.p008-container .show-more {
  color: #00573d;
  text-transform: uppercase;
  width: fit-content;
  font-size: 12px;
  font-weight: 700;
}

.p008-container .show-more .arrow {
  color: #00573d;
  margin-left: 0.5rem;
}

.p008-container .show-more:hover {
  cursor: pointer;
  color: #00805a;
  text-decoration: none;
}

/*Global Colors — Grey Scale Palette*/
/*Added By Mohit Batheja
  Component Names : C068 C069 C070
  Date : 01/01/25 */

.C068-container {
  max-width: 1536px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 2.5rem 3rem;
}

/* Heading */
.header-C068-container {

  max-width: 1456px;

}

/* Tile Content */
.C068-container-content {
  max-width: 1456px;
  display: flex;
  justify-content: space-between;
  gap: 1rem;

}

.C068-container-content-item {
  flex: 1;
  min-width: 0;

}

/* Buttons */
.C068-container-buttons {
  display: flex;
  justify-content: center;

  margin-left: auto;
  margin-right: auto;
  margin: 2rem auto 0 auto;
  gap: 1rem;
}

.C068-container-button-1 {
  width: 340px;
  padding: 8px 16px;
}

.C068-container-buttons .emr-primary--button,
.C068-container-button-1 .emr-primary--button {
  width: 282px;
}

.C068-container-content-item.image-container .lwc-692s6j89ul6 {
  width: 384px;
  height: 576px;
}

@media screen and (max-width: 1279px) {
  .C068-container-content-item.image-container {
    height: 336px;
    width: 224px;
  }

  .C068-container-content-item.image-container .lwc-692s6j89ul6 {
    height: 336px;
    width: 224px;
  }

  .C068-container-buttons .emr-primary--button,
  .C068-container-button-1 .emr-primary--button {
    width: 224px;
  }
}

@media screen and (max-width: 767px) {
  .C068-container-content {
    flex-direction: column-reverse;
  }

  .C068-container-buttons {
    flex-direction: column;
    width: 328px;
    align-items: center;
  }

  .C068-container-button-1 {
    width: 282px;
    padding: 0;
  }

  .C068-container-content-item.image-container .lwc-692s6j89ul6 {
    width: 328px;
    height: 492px;
  }

  .C068-container-buttons .emr-primary--button,
  .C068-container-button-1 .emr-primary--button {
    width: 282px;
  }
}

.c070-container {
  width: 100%;
  display: flex;
}

.c070-container .content {
  margin-left: 1rem;
}

.c070-container .content .emr-h5 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0.6rem;
}

.c070-container .image-container {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.c070-container .image {
  max-width: none;
  width: 40px;
  height: 40px;
  object-fit: contain;
}


/* Priyanka Raut: C004 Home Ending Story
  Date:2/01/2025 */

.c004-container {
  margin: auto;
  width: 100%;
  height: 512px;
  position: relative;
}

.c004-container .emr-primary--button {
  min-width: 280px;
}

/* this code is commented for now, may be we need this later in future */
/* .c004-container .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

.c004-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.c004-container .discover-btn {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
}


.c004-container .emr-h3 {
  text-align: left;
  font-size: 1.688rem !important;
}

.c004-container .content {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  text-align: center;
  height: fit-content;
  overflow: hidden;
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .c004-container .content {
    width: 75%;
    max-width: 1200px;
  }
}

@media screen and (max-width: 1279px) {
  .c004-container .content {
    max-width: 704px;
  }
}

@media screen and (max-width: 767px) {
  .c004-container .content {
    max-width: 328px;
  }
}

/* @media screen and (max-width: 480px) {
  .c004-container .content {
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
  }
} */

.c004-container .emr-paragraph {
  text-align: left !important;
  margin: 2rem 0;
}

/* Priyanka Raut: C007 Compelling Story */
.c007-container {
  width: 100%;
  height: 512px;
  position: relative;
  margin: auto;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  /* Ensures full viewport height */
  max-height: 100vh;
  flex-direction: column;
  text-align: left;
}


.c007-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.c007-container .content {
  min-height: calc(208px - 88px);
  width: 100%;
  padding: 40px 0px 48px 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.c007-container .inner-content {
  display: flex;
  justify-content: space-between;
  max-width: 1456px;
  align-items: flex-start;
  margin: auto;
}

.c007-container .content .content-text {
  max-width: 960px;
}

@media screen and (max-width: 1536px) {
  .c007-container .inner-content {
    max-width: 1200px;
  }

  .c007-container .content .content-text {
    max-width: 792px;
  }

  .cart-container .current-page {
    max-width: 1200px !important;
  }
}

@media screen and (max-width: 1279px) {
  .c007-container .inner-content {
    max-width: 704px;
  }

  .c007-container .content .content-text {
    max-width: 456px;
  }

  .c007-container .content {
    min-height: calc(304px - 88px);
  }

  .cart-container .current-page {
    max-width: 704px !important;
  }
}

@media screen and (max-width: 767px) {
  .c007-container .inner-content {
    max-width: 326px;
    flex-direction: column;
  }

  .c007-container .content {
    min-height: calc(440px - 88px);
  }
}

.c007-container .content-box {
  width: 100%;
  display: flex;
  justify-content: space-around;
  max-width: 1600px;
}

@media screen and (max-width: 1600px) {
  .c007-container .content-box {
    justify-content: space-between;
  }
}

.c007-container .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  max-width: inherit;
}



@media screen and (max-width: 768px) {
  .c007-container .content {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
  }
}

.c007-container .content .custom-para,
.c007-container .content .emr-paragraph,
.c007-container .content .buttons {
  position: relative;
  z-index: 2;
  align-self: flex-end;
}

.c007-container .content .custom-para {
  font-size: 2.25rem;
  line-height: 48px;
  margin-bottom: 1rem;
}


@media screen and (max-width: 768px) {
  .c007-container .content .content-text .custom-para {
    margin-bottom: 1rem;
  }
}

.c007-container .buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 280px;
}

.c007-container .buttons .emr-primary--button {
  min-width: 280px;
  width: 100%;
  margin-top: 1rem;
}

/* Priyanka Raut: C007B Compelling Story with Optional Group Heading */

.c007b-container {
  height: 512px;
  position: relative;
  margin: auto;
}

.c007b-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.c007b-container .content {
  min-height: 256px;
  width: 100%;
  margin: auto;
  padding: 40px 0 48px 0;
  position: absolute;
  bottom: 0;
}

.c007b-container .content .inner-content {
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 1456px;
}

.c007b-container .content .inner-content .content-text .custom-para {
  margin-bottom: 2rem;
}

.c007b-container .content .buttons {
  align-self: flex-end;
}

@media screen and (max-width: 1536px) {
  .c007b-container .content .inner-content {
    max-width: 1200px;
  }
}

@media screen and (max-width: 1279px) {
  .c007b-container .content .inner-content {
    max-width: 704px;
  }

  .c007b-container .content .inner-content .content-text .buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 224px;
    align-self: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .c007b-container .content .inner-content {
    max-width: 328px;
    flex-direction: column;
    align-items: flex-start;
  }

  .c007b-container .content .inner-content .content-text {
    width: 100%;
    margin-bottom: 1rem;
  }

  .c007b-container .content .inner-content .content-text .custom-para {
    margin-bottom: 1rem;
  }

  .c007b-container .content .inner-content .buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 282px;
    margin: auto;
  }

  .c007b-container .content .inner-content .content-text .buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 280px;
  }
}

.c007b-container .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.c007b-container .content-text {
  width: 60%;
  text-align: left;
  position: relative;
  z-index: 10;
}

.c007b-container .content .buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 280px;
  position: relative;
  z-index: 10;
}

.c007b-container .buttons .emr-primary--button {
  min-width: 280px;
  width: 100%;
}


/* Priyanka Raut: VN016 Category Banner – eSpot */

.vn016-container {
  /* max-width: 1180px; */
  width: 100%;
  height: 128px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .vn016-container {
    height: 345px;
  }
}

/* this code is commented for now, may be we need this later in future */
/* .vn016-container .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

.vn016-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vn016-container .content {
  position: absolute;
  display: flex;
  width: 90%;
  justify-content: space-between;
  top: 0.5rem;
  left: 2rem;
}

@media screen and (max-width: 768px) {
  .vn016-container .content {
    min-height: 330px;
    padding: 0rem 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    top: 0rem;
    left: 0;
  }

  .vn016-container .content .emr-h2 {
    font-size: 1.625rem;
    line-height: 40px;
    text-align: center;
  }
}

.vn016-container .content .emr-h2 {
  margin-bottom: 1rem;
  font-size: 1.875rem;
  line-height: 37px;
}

.vn016-container .content .emr-paragraph {
  width: 90%;
}

@media screen and (max-width: 768px) {
  .vn016-container .content .emr-paragraph {
    width: 100%;
    font-size: 1rem;
    line-height: 26px;
    text-align: center;
  }
}

.vn016-container .content .button-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  min-width: 248px;
}

.vn016-container .content .button-container .emr-primary--button {
  padding: 0 2rem;
}

@media screen and (max-width: 768px) {
  .vn016-container .content .button-container {
    width: 60%;
    justify-content: center;
  }
}

/*
Added By Mohit Batheja
Component Name : C001 - Image*/

.c001-container {
  width: 100%;
  height: 640px;
  position: relative;
}

.c001-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.c001-container .content {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  border-top: 2px solid #ffffff;
  padding-top: 1.6rem;
}

.c001-container .emr-paragraph {
  color: #ffffff;
}

.c001-container .emr-primary--button {
  background-color: transparent;
  font-weight: 700;
  font-size: 0.75rem;
  text-align: left;
  width: fit-content;
}

/**-----------------------------------------------------------------------------------------------------------------------**/

/*
Mohit Batheja -
Component Name = C080B  Layout Item
*/
.c080b-container {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background-color: #ffffff;
  border-radius: 0.8rem;
  min-height: 192px;
  padding: 1rem;
  transition: transform 0.3s ease;
}

@media screen and (max-width: 768px) {
  .c080b-container {
    width: 90%;
    margin: auto;
  }
}

.c080b-container:hover {
  cursor: pointer;
  transform: translateY(-1rem);
}

.c080b-container:hover .emr-h4 {
  color: #00805a;
}


.c080b-container .emr-h4 {
  font-size: 1.125rem;
  font-weight: 500;
}

.c080b-container .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.c080b-container:hover .emr-icon-move-right {
  transform: translateX(4px);
}

.c080b-container .right-arrow {
  fill: #000000;
}

.c080b-container:hover .right-arrow {
  fill: #00805a;
}

.c080b-container:hover .emr-icon-move-upward-right {
  transform: translate(4px, -4px);
}

.c080b-container .upright-arrow {
  fill: #000000;
}

.c080b-container:hover .upright-arrow {
  fill: #00805a;
}

.c080b-container svg.download-arrow path:first-of-type {
  transition: transform 0.3s ease;
  transform-origin: center;
  display: block;
  fill: #000000;
}

.c080b-container:hover svg.download-arrow path:first-of-type {
  transform: translateY(3px);
  fill: #00805a;
}

.c080b-container svg.download-arrow path:last-of-type {
  transform: translateY(0);
  fill: #000000;
}

.c080b-container:hover svg.download-arrow path:last-of-type {
  fill: #00805a;
}

.c080b-container .play {
  fill: #000000;
  z-index: 1;
}

.c080b-container .circle {
  fill: black;
}

.c080b-container .bg-circle {
  fill: white;
  z-index: 0;
}

.c080b-container:hover .play {
  fill: white;
  z-index: 1;
}

.c080b-container .video-icon {
  transition: all 0.3s ease;
  fill: white
}

.c080b-container:hover .circle {
  fill: #00805a;
}

.c080b-container:hover .bg-circle {
  fill: #00805a;
  z-index: 0;
}


/**-----------------------------------------------------------------------------------------------------------------------**/
/* Tejas Form Element Changes 03/01/25 */
.slds-radio_faux::after {
  background-color: #00805a !important;
}

.slds-input {
  font-size: 1rem;
  line-height: 1.625rem;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #F3F3F3;
  border: none;
  height: 48px;
  border-radius: 0;
}

.checkout-shipping-info .checkoutchangeaddress .slds-input {
  width: 588px;
}

.slds-textarea {
  border: none;
  font-size: 1rem;
  line-height: 1.625rem;
  background-color: #F3F3F3;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 0;
}

.slds-input:focus {
  background-color: #F3F3F3;
  outline: 1px solid #c9cacc;
  --slds-c-input-shadow: none;
}

.slds-textarea:focus {
  background-color: #F3F3F3;
  outline: 1px solid #c9cacc;
  --slds-c-input-shadow: none;
  box-shadow: none;
}

.slds-input::placeholder {
  font-style: italic;
  color: #8a8c90;
  font-family: "Noto Sans", sans-serif;
}

.slds-textarea::placeholder {
  font-style: italic;
  color: #8a8c90;
  font-family: "Noto Sans", sans-serif;
}

.slds-combobox__input .slds-input_faux .fix-slds-input_faux {
  Background-color: #F3F3F3;
  border: none;
}

.slds-combobox__form-element .slds-input-has-icon .slds-input-has-icon_right {
  Width: 282px
}

.slds-listbox .slds-listbox_vertical .slds-dropdown .slds-dropdown_fluid .slds-dropdown_left {
  Width: 282px
}

/*Added by Mohit Batheja on 04/01/2025
  Component Name : C063 promotional banner item*/
.c063-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.c063-container .image-container {
  margin-bottom: 2rem;
}

.c063-container .emr-paragraph {
  margin-bottom: 1rem;
}

.c063-container .emr-primary--button {
  background-color: transparent;
  color: #00573d;
}

.c063-container .emr-primary--button:hover {
  color: #00805a;
}


/*Priyanka Raut: P005 Promo Double Text With Icon*/

/* Style for the container div */
.P005-Promo .text-container {
  background-color: transparent;
  font-family: 'Noto Sans';
  max-width: 800px;
}

/* Style for the h1 tag */
.P005-Promo .card-heading {
  font-size: 2.25rem;
  font-family: "Noto Sans";
  margin-bottom: 20px;
  text-align: left;
  line-height: 44px;
  font-weight: 300;
}

.P005-Promo .heading-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.P005-Promo .emr-icon {
  width: 64px;
  height: 64px;
}

/* Style for the p tag */
.P005-Promo .p {
  text-align: justify;
  line-height: 26px;
}

.P005-Promo .card-description {
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-family: "Noto Sans";
}


.P005-Promo .card-description.expanded {
  max-height: 550px;
  overflow: visible;
}

.P005-Promo .show-more {
  display: inline-block;
  margin-top: 5px;
  cursor: pointer;
  color: #00573D;
  font-weight: 500;
  margin-bottom: 2.5rem;
}

.P005-Promo .show-more:hover {
  color: #00805A;
}

.P005-Promo .show-more .white-font {
  color: #ffffff !important;
}

.P005-Promo .white-font {
  color: #ffffff !important;
}

/* Enhanced specificity for black text */
.P005-Promo .black-font {
  color: #262728 !important;
}

/*
Added by Mohit batheja 
Component Name : C091
*/
.c091-container {
  display: flex;
  flex-direction: column;

}

.c091-container .heading {
  margin: 1rem 0;
}

.c091-container .image-container {
  width: 40px;
  height: 40px;
}

.c091-container .image-container .image {
  object-fit: contain;
}

/*
Added by Mohit Batheja
Component Name : C035B Featured Profile
*/
.c035b-container {
  width: 100%;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.c035b-container .contents {
  width: 60%;
}

.c035b-container .contents .custom-heading {
  font-size: 2.25rem;
  margin-bottom: 0.3rem;
  line-height: 42px;
}

.co35b-container .contents .description-para {
  font-style: italic;
}

.c035b-container .contents .sub-title {
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.c035b-container .image-container {
  width: 365px;
  height: 368px;
  border-radius: 50%;
}

.c035b-container .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.c035b-container .button-container {
  /* display: flex; */
  justify-content: space-between;
  margin-top: 2rem;
  max-width: calc(560px + 2rem);
}

.c035b-container .emr-primary--button {
  max-width: 280px;
}

@media screen and (max-width: 480px) {
  .c035b-container {
    flex-direction: column;
    padding: 0rem;
  }

  .c035b-container .contents {
    width: 90%;
  }

  .c035b-container .image-container {
    width: 272px;
    height: 272px;
    margin-top: 1rem;
  }

  .c035b-container .button-container {
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
    gap: 1rem;
  }
}

/*---------------------------------------------------------------------------------------------------------------*/
/*Added by Mohit Batheja
Component Name : C042 Case Study Sidebar*/
.c042-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c042-container .image-content {
  padding: 1rem;
  min-width: 346px;
  display: flex;
  flex-direction: column;
  border: 1px solid red;
}

.c042-container .image-content .blue-words {
  font-weight: 600;
  color: #004b8d;
  font-size: 0.875rem;
}

.c042-container .image-content .email,
.c042-container .image-content .call {
  display: flex;
  width: fit-content;
  margin-top: 1rem;
  justify-content: space-between;
}

.c042-container .image-content .bold-text {
  font-weight: 500;
  margin-right: 1rem;
}

.c042-container .image-content .green-text {
  color: #00805a;
}

.c042-container .content {
  margin-left: 2rem;
}

/*
Added by Mohit Batheja
Component Name : C038 Side bar image
*/
.c038-container {
  display: flex;
  justify-content: space-between;
  width: 792px;
  margin: auto;
}

.c038-container .image-content {
  padding: 2rem;
  width: calc(346px + 2rem);
  display: flex;
  flex-direction: column;
}

.c038-container .image-content .blue-words {
  font-weight: 500;
  color: #004b8d;
}

.c038-container .image-content .image-container {
  width: 346px;
  height: 460px;
  margin-bottom: 1rem;
  align-self: center;
}

.c038-container .image-content .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c038-container .emr-h2 {
  margin-bottom: 1.5rem;
}

.c038-container .content {
  margin-left: 2rem;
}

.group-a-container .group-a-row .c-025-video-carousel-container {
  height: 330px !important;
  width: 580px !important;
}

@media screen and (max-width: 1279px) {
  .group-a-container .group-a-row .c-025-video-carousel-container {
    width: 344px !important;
    height: 193px !important;
  }
}

@media screen and (max-width: 767px) {
  .group-a-container .group-a-row .c-025-video-carousel-container {
    width: 328px !important;
    height: 184px !important;
  }
}

.emr-generic-text-component .emr-h2.emr-para-1 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 48px;
  margin-top: 0.4rem;
}

.emr-generic-text-component .emr-h3.emr-para-2 {
  font-weight: 500;
  font-size: 18px;
  margin-top: 0;
}

.emr-generic-text-component .emr-paragraph.emr-para-3 {
  font-weight: 300;
  font-size: 18px;
}

.c080-container.c038 {
  box-shadow: none;
  width: 588px;
  margin: auto;
}

.c080-container.c038 .image-container {
  width: 588px !important;
  height: 147px !important;
  margin-bottom: 1.5rem;
}

.c080-container.c038 .emr-para-4 {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
}

@media screen and (max-width: 1279px) {
  .c080-container.c038 .image-container {
    width: 344px !important;
    height: 86px !important;
  }

  .c080-container.c038 {
    width: 344px;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .c080-container.c038 .image-container {
    width: 328px !important;
    height: 82px !important;
  }

  .c080-container.c038 {
    width: 328px;
    margin: auto;
  }
}


.c080-container.c038.no-side-content {
  width: 792px;
}

.c080-container.c038.no-side-content .emr-para-3 {
  font-weight: 500;
  font-size: 18px;
}

.c080-container.c038.no-side-content .image-container {
  width: 792px !important;
  height: 198px !important;
}

@media screen and (max-width: 1279px) {
  .c080-container.c038.no-side-content {
    width: 584px;
  }

  .c080-container.c038.no-side-content .image-container {
    width: 584px !important;
    height: 146px !important;
  }
}

@media screen and (max-width: 1279px) {
  .c080-container.c038.no-side-content {
    width: 328px;
  }

  .c080-container.c038.no-side-content .image-container {
    width: 328px !important;
    height: 82px !important;
  }
}

/*
Added By Mohit Batheja 
Component Name : C038B sidebar image
*/
.c038b-container {
  display: flex;
  justify-content: space-between;
}

.c038b-container .image-content {
  padding: 2rem;
  width: calc(346px + 2rem);
  display: flex;
  flex-direction: column;
}

.c038b-container .image-content .blue-words {
  font-weight: 500;
  color: #004b8d;
}

.c038b-container .image-content .image-container {
  width: 346px;
  height: 460px;
  margin-top: 1rem;
  align-self: center;
}

.c038b-container .image-content .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c038b-container .emr-h2 {
  margin-bottom: 1.5rem;
}

.c038b-container .content {
  margin-left: 2rem;
}

/* ------------- */

.c080-container {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
  width: 100%;
}

.c080-container .emr-primary-text-cta {
  justify-content: flex-start !important;
}

.c080-container .emr-paragraph {
  min-height: 90px;
}

.c080-container:hover {
  cursor: pointer;
}

.c080-container .image-container {
  height: auto;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c080-container .eyebrow {
  font-weight: 700;
  font-size: 0.75rem;
  color: #74787C;
  margin-bottom: 0.4rem;
}

.c080-container .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.c080-container .image-container .video {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease;
}

.c080-container .image-container .video:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.c080-container .image-container .video .play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c080-container .content-container {
  padding: 1rem 0.8rem;
}

.c080-container .content-container .emr-h5 {
  font-size: 1.125rem;
  margin-bottom: 1rem;
  color: #262728;
}

.c080-container:hover .content-container .emr-h5 {
  color: #00573d;
}

.c080-container .content-container .read {
  text-transform: uppercase;
  color: #00573d;
  font-size: 0.75rem;
  font-weight: 700;
  align-items: flex-start;
}

.c080-container .content-container .read:hover {
  cursor: pointer;
  color: #00805a;
}


/*
Added by Mohit Batheja
Component name : C081 Sidebar related list
*/
.c081-container {
  display: flex;
  justify-content: space-between;
}

.c081-container .image-content {
  padding: 1rem;
  min-width: 346px;
  display: flex;
  flex-direction: column;
  border: 1px solid red;
}

.c081-container .image-content .blue-words {
  font-weight: 600;
  color: #004b8d;
  font-size: 0.875rem;
}

.c081-container .image-content .child-content {
  border-bottom: 1px solid #dedfe0;
  padding-bottom: 1rem;
}

.c081-container .image-content .child-content .emr-h5 {
  margin: 0.6rem 0;
}

.c081-container .image-content .read {
  color: #004b8d;
  font-weight: 500;
  margin-top: 1rem;
  font-size: 0.875rem;
  cursor: pointer;
}

.c081-container .image-content .emr-primary--button {
  background-color: transparent;
  color: #00805a;
  justify-content: flex-end;
}

.c081-container .emr-h2 {
  margin-bottom: 1.5rem;
}

.c081-container .content {
  margin-left: 2rem;
}

/* Priyanka Raut: Date: 6/01/2024 */
/* c039 C039 Sidebar Pull Quote */
.c039-container {
  display: flex;
}

.c039-container .left-container {
  display: flex;
  flex-direction: column;
  border: 2px solid red;
  padding: 1rem;
  margin-right: 2rem;
  width: 40%;
}

.c039-container .left-container .blue-word {
  font-weight: 500;
  font-size: 0.875rem;
  color: #004b8d;
}

.c039-container .left-container .custom {
  font-size: 1.313rem;
  line-height: 32px;
}

.c039-container .content {
  color: #C9C9C9;
}

/* Priyanka Raut: Contact spot  */

.c062-container .button {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: #ffffff;
  padding: 1rem 2rem;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
}

.c062-container .green-text {
  color: black !important;
}

/* c059  Expandable Alert/Update Tiles */
.c059-container {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 0.5rem;
  position: relative;
  width: 100%;
  transition: none;
  border: 1px solid transparent;
}

.c059-container:hover:not(.expanded) {
  cursor: pointer;
  border: 1px solid #004b8d;
}

.c059-container .content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  margin-top: 0;
}

.c059-container .content .emr-primary-text-cta {
  justify-content: flex-start;
  margin-top: 1rem;
  color: black;
}

.c059-container.expanded {
  border: 1px solid red;
}

.c059-container.expanded .content {
  max-height: 200px;
  opacity: 1;
  margin-top: 1rem;
}

.c059-container.expanded .arrow-icon {
  transform: rotate(180deg);
}

.c059-container .top {
  align-items: center;
  padding: 0.5rem;
  cursor: pointer;
}

.c059-container .top .sub-top {
  display: flex;
  align-items: center;
}

.c059-container .top .icon {
  transform: rotate(45deg);
  display: none;
  cursor: pointer;
}

.c059-container .top .image-container {
  width: 24px;
  height: 24px;
  margin-right: 1rem;
}

.c059-container .top .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c059-container .top .date {
  font-size: 0.75rem;
  font-weight: 500;
  color: #626467;
  margin-right: 0.5rem;
}

.c059-container .top .emr-paragraph {
  font-weight: 500;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.c059-container .top .emr-paragraph .date-icon {
  display: flex;
  align-items: center;
}

.c059-container .top .arrow-icon {
  transition: transform 0.3s ease;
}

.c059-container .emr-primary-text-cta .upright-arrow {
  fill: black;
}

.c059-container .emr-primary-text-cta:hover .upright-arrow {
  fill: black;
}

/* C079 Featured Editorical Content Block */

.c079-container {
  display: flex;
  border-bottom: 1px solid #dedfe0;
  padding-bottom: 1rem;
  position: relative;
}

.c079-container .content .emr-h5 {
  margin-bottom: 1rem;
  cursor: pointer;
}

.c079-container .content .emr-h5:hover {
  text-decoration: underline;
  cursor: pointer;
}


.c079-container .content .emr-paragrpah {
  margin-bottom: 1rem;
}

.c079-container .image-container {
  width: 280px;
  min-width: 280px;
  height: 210px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c079-container .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.c079-container .image-container .video {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease;
}

.c079-container .image-container .video:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.c079-container .image-container .video .play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c079-container .emr-primary-text-cta {
  justify-content: flex-start !important;
}

.c079-container .slot-container {
  margin-top: 1rem;
}


/* C080 Flexible Card Grid*/
/* .c080-container {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
  width: 100%;
}

.c080-container .emr-primary-text-cta {
  justify-content: flex-start !important;
}

.c080-container .emr-paragraph {
  min-height: 90px;
}

.c080-container:hover {
  cursor: pointer;
}

.c080-container .image-container {
  height: auto;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c080-container .eyebrow {
  font-weight: 700;
  font-size: 0.75rem;
  color: #74787C;
  margin-bottom: 0.4rem;
}

.c080-container .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.c080-container .image-container .video {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease;
}

.c080-container .image-container .video:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.c080-container .image-container .video .play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c080-container .content-container {
  padding: 1rem 0.8rem;
}

.c080-container .content-container .emr-h5 {
  font-size: 1.125rem;
  margin-bottom: 1rem;
  color: #262728;
}

.c080-container:hover .content-container .emr-h5 {
  color: #00573d;
}

.c080-container .content-container .read {
  text-transform: uppercase;
  color: #00573d;
  font-size: 0.75rem;
  font-weight: 700;
  align-items: flex-start;
}

.c080-container .content-container .read:hover {
  cursor: pointer;
  color: #00805a;
} */

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  position: relative;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 90%;
  max-width: 1008px;
  height: 500px;
  background-color: transparent;
  padding: 0;
}

.close {
  position: absolute;
  top: -30px;
  right: -30px;
  color: #fff;
  font-size: 1.75rem;
  font-weight: bold;
  cursor: pointer;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/* C087 Trending News Grid*/

.c087-container {
  position: relative;
}

.c087-container:hover {
  cursor: pointer;
}

.c087-container:hover .emr-h4 {
  color: #00573d;
}

.c087-container .image-container .image {

  object-fit: contain;
}

.c087-container .content .custom1 {
  font-size: 0.75rem;
  font-weight: 500;
  color: #c9cacc;
}

.c087-container .content .emr-h4 {
  font-size: 1.375rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

/* C083 Latest Insights Thematic Lockup (Default) */

.c083-container {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
  padding: 1rem 2rem;
  height: 510px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.c083-container .child-container {
  border-bottom: 1px solid black;
  padding: 1rem 0;
}

.c083-container .child-container:last-child {
  border-bottom: none;
}

.c083-container .child-container .emr-h5 {
  margin-bottom: 1rem;
}

.c083-container .child-container .emr-h5 {
  margin-bottom: 1rem;
}

.c083-container .emr-primary-text-cta {
  justify-content: flex-start;
  margin-top: 0.5rem;
}

/* C055 Service Tile Grid */

.c055-container {
  padding: 0.7rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border: 1px solid #dedfe0;
  height: 225px;
  position: relative;
}

.c055-container:hover {
  background-color: #00573d;
}

.c055-container:hover .emr-paragraph {
  color: #ffffff;
}

.c055-container:hover .text {
  color: #ffffff;
}

.c055-container .custom-para {
  text-align: center;
  margin-bottom: 2rem;
}

.c055-container .heading {
  display: flex;
  align-items: center;
}

.c055-container .heading .text {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 1.313rem;
}

.c055-container .heading .image-container {
  width: 60px;
  height: 60px;
  position: relative;
  left: 0;
  overflow: hidden;
}

.c055-container .heading .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.c055-container:hover .image {
  filter: brightness(0) invert(1);

}

.c055-container .svg {
  color: #c4ced1;
  display: block;
  margin: 0 auto;
}

.c055-container:hover .svg {
  color: #ffffff;
}

/* C009B Latest News 6B */
.c009b-container {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding-left: 0.8rem;
}

.c009b-container .cutom-heading {
  border-bottom: 1px solid #c9cacc;
  font-size: 0.75rem;
  padding: 0.5rem;
  color: #626467;
}

.c009b-container .emr-h5 {
  font-size: 1rem;
  margin: 1.2rem 0;
}

.c009b-container .bottom {
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
  padding-right: 0.8rem;
}

.c009b-container .bottom .date {
  font-size: 0.75rem;
  font-weight: 500;
  color: #626467;
}

.c009b-container .custom-para {
  padding-right: 0.8rem;
}

.c009b-container .read {
  text-transform: uppercase;
  color: #00573d;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
}

.c009b-container .read:hover {
  cursor: pointer;
  color: #00805a;
}

.c009b-news-container {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 0.8rem;
  height: 400px;
}

.c009b-news-container .cutom-heading {
  font-size: 0.75rem;
  color: #626467;
}

.c009b-news-container .child-content {
  border-bottom: 1px solid #c9cacc;
  margin-top: 1rem;
}

.c009b-news-container .child-content:last-child {
  border-bottom: none;
}

.c009b-news-container .emr-paragraph {
  font-size: 0.75rem;
}

.c009b-news-container .read {
  text-transform: uppercase;
  color: #00573d;
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0.6rem 0;
}

.c009b-news-container .read:hover {
  cursor: pointer;
  color: #00805a;
}

/* C009 Latest News */
.c009-container {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
}

.c009-container .image-container {
  height: 163px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c009-container .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.c009-container .image-container .video {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease;
}

.c009-container .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c009-container .image-container .video:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.c009-container .date {
  font-size: 0.75rem;
  font-weight: 500;
  color: #C9CACC;
}

.c009-container .image-container .video .play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c009-container .image-container .green {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #00573d;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 2px 2rem;
}

.c009-container .content-container {
  padding: 1rem 0.8rem;
}

.c009-container .content-container .emr-h5 {
  font-size: 1rem;
  margin-bottom: 1rem;
}

.c009-container .content-container .emr-paragraph {
  margin-bottom: 1rem;
}

.c009-container .content-container .read {
  text-transform: uppercase;
  color: #00573d;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
}

.c009-container .content-container .read:hover {
  cursor: pointer;
  color: #00805a;
}

/* C012 - C014 50/50 (x2), 50/50 (x3) and 70/30 (x3)*/
.c012-container {
  max-width: 100%;
  height: 240px;
  overflow: hidden;
  position: relative;
}

.c012-container.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 128, 90, 0.7);
  border-radius: 0;
}

.c012-container:hover {
  cursor: pointer;
  background-color: rgba(43, 87, 67, 0.6);
}

.c012-container.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(43, 87, 67, 0.6);
  opacity: 0;
  /* Initial state */
  transition: opacity 0.5s ease;
}

.c012-container.overlay:hover::before {
  opacity: 1;
}

.c012-container .video-container {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.c012-container .video-container:hover {
  transform: translate(-50%, -50%) scale(1.1);
  cursor: pointer;
}

.c012-container .video-container .play-button {
  border: none;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.c012-container .video-container .play-button::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 0.8rem solid #fff;
  border-top: 0.64rem solid transparent;
  border-bottom: 0.64rem solid transparent;
}

.c012-container .responsive-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c012-container .text-content {
  position: absolute;
  bottom: 1rem;
  color: #fff;
  margin-left: 1rem;
  cursor: pointer !important;
}

.c012-container .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.c012-container .modal-content {
  position: relative;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 60%;
  height: 500px;
  background-color: transparent;
  padding: 0;
}

.c012-container .close {
  position: absolute;
  top: -30px;
  right: -30px;
  color: #fff;
  font-size: 1.75rem;
  font-weight: bold;
  cursor: pointer;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c012-container .close:hover,
.c012-container .close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}


/* Default overlay for videos */
.c012-container .overlay-default::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: opacity 0.5s ease;
}

/* Position relative is needed for the overlay to work */
.c012-container {
  position: relative;
  cursor: pointer;
}

/* Hover overlay styling */
.c012-container.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(43, 87, 67, 0.6);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.c012-container.overlay:hover::before {
  opacity: 1;
}

/*---------------------------------------------------------*/


/*added by Mohit Batheja
Component Name : C065 50/50 grid*/


.c065-container {
  display: flex;
  height: fit-content;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .c065-container {
    flex-direction: column;
  }
}

.c065-container .large-tile {
  background-color: #F0F0F0;
  max-width: 767px;
  width: 100%;
}

.c065-container .large-tile .emr-h5 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.c065-container .large-tile .image-container {
  max-width: 767px;
  height: 512px;
  padding-left: 1rem;
}

.c065-container .large-tile .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c065-container .large-tile .image-content {
  padding: 0rem 1rem 3rem;
}

.c065-container .small-tiles {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}

.c065-container .small-tiles .tile {
  height: 48%;
  background-color: #F0F0F0;
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media screen and (max-width: 768px) {
  .c065-container .small-tiles .tile {
    width: 100%;
    height: 248px;
  }
}

.c065-container .small-tiles .tile .emr-paragraph {
  font-size: 2.25rem;
  line-height: 44px;
}

.c065-container .small-tiles .tile .emr-h6 {
  font-size: 0.75rem;
  font-weight: 600;
}

.c065-container .small-tiles .tile .image {
  min-width: 34px;
  max-height: 34px;
  width: 34px;
  height: 34px;
}

.c065-container .left-container img, .c065-container .Container {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}

/*
added by Mohit Batheja 
Component Name : C005 Feature Component
*/
/* Global Colors — Grey Scale Palette */
.c005-container {
  display: flex;
  justify-content: space-between;
  height: fit-content;
  min-height: 378px;
  max-width: 1456px;
  margin: auto;
  /* padding: 48px 0px; */
}

.c005-container .content {
  width: 48%;
}

.c005-container .content .custom-heading {
  font-size: 1.688rem;
  margin-bottom: 1rem;
}

.c005-container .content .cutom-para {
  margin-bottom: 2rem;
}

.c005-container .content .button-slot {
  display: block;
  /* Ensure slot behaves like a block element */
  width: 280px;
  height: 50px;
  margin: 8px 0;
  /* Top and bottom margin */
}

.c005-container .image-container {
  width: 48%;
}

.c005-container .image-container .image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.c005-container .image-container {
  width: 48%;
}

.c005-container .image-container .image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1536px) {
  .c005-container {
    max-width: 1200px;
  }
}

@media screen and (max-width: 1279px) {
  .c005-container {
    max-width: 704px;
    flex-direction: column;
  }

  .c005-container .content {
    width: 98%;
  }

  .c005-container .image-container {
    width: 98%;
  }
}

@media screen and (max-width: 767px) {
  .c005-container {
    max-width: 328px;
    flex-direction: column;
  }

  .c005-container .content {
    width: 98%;
  }

  .c005-container .image-container {
    width: 98%;
    /* height: 245px; */
  }
}

/*Component Name: b2b_showMoreLink */

.showMore-link.limited-height {
  transition: height 0.3s ease-in-out, overflow 0.3s ease-in-out;
}

.showMore-link.expanded-height {
  transition: height 0.3s ease-in-out, overflow 0.3s ease-in-out;
}

.showMore-link:hover .svg-path,
.showMore-link:hover .svg-path {
  cursor: pointer;
  fill: #00805a;
}

.svg-collapsed {
  fill: #00573d;
  transform: rotate(180deg);
  transition: transform 0.3s ease;
  margin-left: 0.5rem;
}

.svg-expanded {
  fill: #00573d;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  margin-left: 0.5rem;
}

/* Button container for centering */
.showMore-link.link-container {
  display: flex;
  justify-content: right;
  align-items: center;
  margin-top: 20px;
  margin: 0 auto;
  width: 60%;
  max-width: 280px;
  height: 50px;
  text-align: center;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.showMore-link .emr-primary-text-cta {
  justify-content: flex-end !important;
}

/* Responsive design using media queries */
@media (max-width: 768px) {
  .showMore-link.link-container {
    width: 80%;
    font-size: 0.8rem;
  }

  .showMore-link.container {
    padding: 10px;
    /* Adjust padding for mobile */
  }
}

@media (max-width: 480px) {
  .showMore-link.link-container {
    width: 90%;
    font-size: 0.75rem;
  }
}

/* Priyanka Raut:C057 Full-Width Accordion */
.accordian {
  appearance: none;
  position: fixed;
  top: -100vh;
  left: -100vh;
}

.accordian~div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}

.accordian:checked~div {
  max-height: 500px;
}

.accordion-container {
  width: 100%;
}

.accordion-item {
  border-bottom: 1px solid #c9cacc;
  margin-bottom: 1px;
}

.accordion-header {
  width: 100%;
  /* padding: 1rem; */
  padding-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
}

.header-text {
  font-weight: 500;
  font-size: 1.125rem;
}

.toggle-icon {
  font-size: 1rem;
  font-weight: 500;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.accordion-content.active {
  max-height: 1500px;
}

.accordion-container .accordion-item .accordion-content .content-inner {
  padding: 0 1rem 2rem 0rem;
}

.content-inner {
  padding: 0 1rem 1rem;
}

.accoridan-content {
  border-top: 1px solid #c9cacc;
  padding: 1rem 0;
}

.info-heading {
  font-weight: 500;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/********** C028 ************/

.c028-container .custom-heading {
  font-size: 2.25rem;
  line-height: 44px;
  margin-bottom: 2rem;
}

.c028-container .content {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .c028-container .content {
    flex-direction: column;
  }
}

.c028-container .content .custom-para {
  width: 400px;
  margin-right: 4rem;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .c028-container .content .custom-para {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.c028-container .content .custom-para .button {
  max-width: 280px;
  height: 40px;
  margin-top: 1rem;
}

.c028-container .content .image-container {
  max-width: 768px;
  max-height: 424px;
  aspect-ratio: 16/9;
}

.c028-container .content .image-container .image {
  width: 100%;
  max-height: 424px;
  object-fit: cover;
  aspect-ratio: 16/9;
}


/*Priyanka Raut:C006 4-Column Product w/ Carousel */

.c006-outer-container {
  display: flex;
  justify-content: center;
  /* Center the carousel */
  align-items: center;
  padding: 20px;
  /* width: calc(100% + 100px); */
  margin: auto;
  position: relative;
  gap: 20px;
  width: 1536px;
}

.c006-outer-container .carousel-inner {
  display: flex;
  transition: transform 0.5s ease;
  width: 1456px;
}

.c006-outer-container .carousel-inner .truncated-text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 6em;
  white-space: normal;
  margin-top: 1rem;
  font-weight: 300 !important;
}

@media screen and (max-width: 1535px) {
  .c006-outer-container {
    width: 1280px;
  }

  .c006-outer-container .carousel-inner {
    width: 1200px;
  }
}

@media screen and (max-width: 1279px) {
  .c006-outer-container {
    width: 768px;
  }

  .c006-outer-container .carousel-inner {
    width: 704px;
  }
}


@media screen and (max-width: 767px) {
  .c006-outer-container {
    width: 380px;
  }

  .c006-outer-container .carousel-inner {
    width: 272px;
  }
}

.c006-outer-container .white-font {
  color: #ffffff !important;
}

/* Enhanced specificity for black text */
.c006-outer-container .black-font {
  color: #262728 !important;
}

.c006-outer-container .carousal-content {
  display: flex;
  overflow: hidden;
  margin: 0 100px;
  width: calc(4 * 268px);

}

.c006-outer-container .arrow {
  color: #C4CED1;
}


.c006-outer-container .container {
  flex: 0 0 256px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px;
  width: 256px;
  height: 398px;
  background-color: transparent;
}

/* Add right border to every child container except the last one */
.c006-outer-container .container:not(:last-child) {
  border-right: 1px solid #C9CACC;
}

@media screen and (max-width: 768px) {
  .c006-outer-container .container:not(:last-child) {
    border-right: none;
  }
}

.c006-outer-container .text {
  margin-top: 0.4rem;
  width: 100%;
}

.c006-outer-container .Product {
  width: 100%;
  height: 100%;
  font-weight: 400;
  object-fit: contain;
}

.c006-outer-container .image {
  width: 204px;
  height: 204px;
  cursor: pointer;
}

.c006-outer-container .product-name {
  font-weight: 400;
  cursor: pointer;
}

.c006-outer-container .carousel-control {
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 1;

}


.c006-outer-container .carousel-control svg {
  transition: transform 0.2s ease;
}


/* Positioning the arrows */
.c006-outer-container .c006-outer-container.prev {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.c006-outer-container .next {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

/* Responsive Styles for Tablets */
@media screen and (max-width: 1024px) {
  .c006-outer-container .carousal-content {
    margin: 0 20px;
    width: calc(3 * 468px);
  }



  .c006-outer-container .image {
    width: 150px;
    height: 150px;
  }
}

/* Responsive Styles for Mobile Devices */
@media screen and (max-width: 768px) {
  .c006-outer-container .carousal-content {
    margin: 0 10px;
    width: calc(2 * 268px);
  }



  .c006-outer-container .image {
    width: 120px;
    /* Smaller image for mobile */
    height: 120px;
  }

  .c006-outer-container .carousel-control {
    width: 30px;
    height: 30px;
    /* Smaller arrows */
  }

  .c006-outer-container .prev {
    left: 10px;
  }

  .c006-outer-container .next {
    right: 10px;
  }
}

/* Responsive Styles for Small Mobile Screens */
@media screen and (max-width: 480px) {
  .c006-outer-container .carousal-content {
    margin: 0 10px;
    width: 100%;
    /* Use full width for 1 card */
  }


  .c006-outer-container .image {
    width: 100px;
    /* Smallest image size */
    height: 100px;
  }

  .c006-outer-container .carousel-control {
    width: 25px;
    height: 25px;
    /* Smallest arrows */
  }

  .c006-outer-container .prev {
    left: 5px;
  }

  .c006-outer-container .next {
    right: 5px;
  }
}

/*Priyanka Raut:c089 b2b*/

.c089-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem;
}

.c089-container .blue-text {
  font-size: 0.75rem;
  font-weight: 600;
  color: #004b8d;
}

.wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem;
  overflow: hidden;
  transition: height 0.3s ease;
}

.c089-container .child-content {
  padding-top: 1rem;
  border-bottom: 1px solid #dedfe0;
  display: flex;
  padding-bottom: 1rem;
}

.c089-container .emr-primary-text-cta {
  justify-content: flex-start;
}

.c089-container .image-container {
  min-width: 80px;
  width: 80px;
  height: 80px;
  margin-right: 2rem;
}

.c089-container .image-container .image {
  object-fit: cover;
  min-width: 80px;
  min-height: 100%;
}

.c089-container .emr-h5 {
  margin-bottom: 1rem;
  font-size: 1rem;
  cursor: pointer;
}

.c089-container .emr-h5:hover {
  text-underline-offset: 2px;
}

.c089-container .emr-paragraph {
  margin-bottom: 1rem;
}

.c089-container .truncated-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
  white-space: normal;
}

.c089 .button {
  color: green;
}

.c089 .child-content {
  max-height: 300px;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-family: "Noto Sans";
}


.c089 .child-content .expanded {
  max-height: 850px;
  overflow: visible;
}

.emr-primary-text-cta:hover .right-arrow {
  fill: #00805a;
}

.link-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  width: 60%;
  max-width: 280px;
  height: 50px;
  text-align: center;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.svg-collapsed {
  fill: #00573d;
  transform: rotate(180deg);
  transition: transform 0.3s ease;
  margin-left: 0.5rem;
  height: 200px;
  overflow: hidden;
}

.svg-expanded {
  fill: #00573d;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  margin-left: 0.5rem;
  height: 700px;
  overflow: visible;

}

.svg-path:hover {
  cursor: pointer;
  fill: #00805a;
}

@media (max-width: 768px) {
  .link-container {
    width: 80%;
    font-size: 0.8rem;
  }
}

@media (max-width: 480px) {
  .link-container {
    width: 90%;
    font-size: 0.75rem;
  }
}

/******************************************************/
/********************** b2b Wishlist *************************/
.modal-container-custom-list {
  position: relative;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 792px;
  padding-bottom: 2rem;
  z-index: 999;
  background-color: #fff;
}

@media screen and (max-width: 480px) {
  .modal-container-custom-list {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
  }
}

.modal-container-custom-list::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-container-custom-list .heading {
  background-color: #c9cacc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  height: 40px;
}

.select-container {
  width: 100%;
  margin: auto;
  margin-bottom: 2rem;
}

.select-container .select {
  width: 100%;
  padding: 0.5rem 1rem;
  border: none;
  background-color: #f3f3f3;
}

.select-container .select option:hover,
.select-container .select option:focus,
.select-container .select option:active {
  background-color: pink !important;
}

.select-container .select option:first-child {
  font-style: italic;
}

.select-container .select option:last-child {
  color: green;
}

.select-container .select:focus {
  outline: none;
}

.select-container .emr-paragraph-subheading {
  font-weight: 500;
  margin: 1rem 0;
}

.select-container .emr-h5 {
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 1rem;
}

.select-container .emr-h5:nth-of-type(3) {
  margin-bottom: -1rem;
}

.select-container .emr-primary-text-cta {
  justify-content: flex-start;
  margin-top: 1rem;
}

.select-container .hr {
  border: 0.5px solid #c9cacc;
  margin: 1rem 0;
}

.modal-container-custom-list .buttons {
  width: 70%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.modal-container-custom-list .buttons .emr-secondary--button {
  width: 48%;
  background-color: #c4ced1;
  border: none;
}

.modal-container-custom-list .buttons .emr-primary--button {
  width: 48%;
}

.modal-container-custom-list .close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media screen and (max-width: 480px) {
  .modal-container-custom-list .select-container {
    width: 90%;
  }

  .modal-container-custom-list .buttons {
    width: 90%;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .modal-container-custom-list .buttons .emr-primary--button,
  .modal-container-custom-list .buttons .emr-secondary--button {
    width: 100%;
  }
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 998;
}


/**------------------------------------------------------------------------------------------------------------------**/
/** Added by Mohit Batheja
Component Name : H003 Hero
*/
.hero-container-h003 {
  width: 100%;
  height: 384px;
  position: relative;
}


.hero-container-h003::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

/* Blue overlay */
.hero-container-h003.overlay-blue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 37, 81, 0.6);
  /* Brand Overlay Blue */
}

/* Purple overlay */
.hero-container-h003.overlay-purple::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(49, 19, 64, 0.6);
  /* Brand Overlay Purple */
}

/* Reverse overlay */
.hero-container-h003.overlay-reverse::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  /* Reverse Overlay */
}

.hero-container-h003 img {
  width: 100%;
  height: 100%;
  /* min-height: 384px; */
  aspect-ratio: 4/1;
  object-fit: cover;
  /* object-position: top; */
}

.hero-container-h003 .content {
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  /* text-align: center; */
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 0px 48px;
}

.hero-container-h003 .content .content-info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  /* width: 70%; */
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .hero-container-h003 .content {
    width: 328px;
  }

  .hero-container-h003 .content .content-info {
    width: 328px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .hero-container-h003 .content {
    min-width: 704px;
  }

  .hero-container-h003 .content .content-info {
    /* width: 524px; */
    width: 100%;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1535px) {
  .hero-container-h003 .content {
    min-width: 1200px;
  }

  .hero-container-h003 .content .content-info {
    width: 894px;
  }
}

@media screen and (min-width: 1536px) {
  .c094-container {
    width: 1456px;
  }

  .hero-container-h003 .content {
    min-width: 1456px;
  }

  .hero-container-h003 .content .content-info {
    width: 960px;
  }
}

@media screen and (max-width: 768px) {


  .hero-container-h003 .content .content-info .emr-h1 {
    font-size: 1.5rem !important;
  }
}

.hero-container-h003 .emr-primary--button {
  width: 280px;
}

@media screen and (max-width: 480px) {
  .hero-container-h003 .emr-primary--button {
    width: 280px;
  }
}

.hero-container-h003 .emr-paragraph {
  text-align: left !important;
  margin: 2rem 0;
}

@media screen and (max-width: 480px) {
  .hero-container-h003 .emr-paragraph {
    margin: 1rem 0;
  }
}

.hero-container-h003 .discover-btn {
  /* display: flex;
  justify-content: space-between; */
  width: 580px;
}

@media screen and (max-width: 480px) {
  .hero-container-h003 .discover-btn {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    margin: auto;
  }
}

/*Vertical Tab Slots*/
.vertical-tab-secondary-background-class {
  background-color: rgb(38, 39, 40);
  padding: 40px 80px;
  border-radius: 10px;
}

/* Priyanka Raut: Action links  */

.emr-action-links {
  display: flex;
  color: #75787c;
}

.emr-action-links .line {
  color: #75787c;
  margin: 0 0.3rem;
}

.emr-action-links .emr-primary-text-cta:hover {
  cursor: pointer;
}

.emr-action-links .emr-primary-text-cta:hover .right-arrow {
  fill: #00805a;
}

/* Priyanka Raut :Jump Links */
* {
  margin: 0;
  padding: 0;
}

.jump-link {
  width: 100vw;
  /* height: 200px; */
  position: relative;
  z-index: 2;
}

.jump-link .bottom-content {
  display: flex;
  justify-content: space-around;
  /* gap: 1rem; */
}

.jump-link .bottom-content .emr-h5 {
  cursor: pointer;
  color: #C9CACC;
}

.jump-link .bottom-content .emr-h5:hover {
  cursor: pointer;
  color: #fff;
}



@media screen and (max-width: 480px) {
  .jump-link .bottom-content .emr-h5 {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 768px) {
  .jump-link .content {
    width: 90%;
  }
}

/*
Added by Mohit Batheja
Component Name :  C047 Flexible Tile Download Example
*/
.c047-container {
  width: 100%;
  padding: 1rem 2rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  display: flex;
}

.c047-container .content {
  margin-left: 2rem;
}

.c047-container .content .emr-h5 {
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
}

.c047-container .content .icons {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.c047-container .image {
  height: 80px;
  min-width: 80px
}

/*--------------------------------------------------------------------------------------------------------------------*/

.c026-outer-container .dxp-video-container {
  height: 348px !important;
  --dxp-c-video-wrapper-padding-top: 0 !important;
}

.c026-outer-container .dxp-video-wrapper {
  position: static !important;
}

.c026-outer-container .image-wrapper {
  --dxp-c-image-height: auto !important;
  height: 348px !important;
}

@media screen and (max-width: 1536px) {
  .c094-container {
    width: 1200px;
  }

  .c094-container .image-container {
    width: 588px;
    height: 588px;
  }

  .c094-container .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .c094-container .image-content-description {
    width: 486px;
  }

  .c026-outer-container .dxp-video-container {
    height: 344px !important;
  }

  .c026-outer-container .image-wrapper {
    height: 344px !important;
  }
}

@media screen and (max-width: 1279px) {
  .c026-outer-container .dxp-video-container {
    height: 440px !important;
  }

  .c026-outer-container .image-wrapper {
    height: 440px !important;
  }
}

@media screen and (max-width: 767px) {
  .c026-outer-container .dxp-video-container {
    height: 696px !important;
  }

  .c026-outer-container .image-wrapper {
    height: 696px !important;
    align-items: center;
  }
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*
Component Name - C047A Component Structure
*/
.c047-varient-a {
  padding: 2rem;
  background-color: white;
  color: black;
}

.c047-varient-a .heading {
  font-weight: 600;
  margin-bottom: 1rem;
}

.c047-varient-a .bottom {
  color: #00573d;
  text-decoration: underline;
  margin-top: 1rem;
  font-weight: 500;
}

.c047-varient-a .bottom:hover {
  cursor: pointer;
  color: #00805a;
  text-decoration: none;
}

/* Empty cart */

.empty-cart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
  background-color: #f3f3f3;
  border-top: 2px solid #C9CACC;
}

@media screen and (max-width: 768px) {
  .empty-cart-container .content {
    width: 90%;
  }
}

.empty-cart-container .content .image-container {
  width: 10rem;
  height: 10rem;
  margin: auto;
}

.empty-cart-container .content .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.empty-cart-container .content .heading {
  text-align: center;
  font-size: 1.875rem;
  line-height: 40px;
}

.empty-cart-container .content .description {
  font-weight: 400;
  margin: 1rem 0;
  font-size: 1.125rem;
  margin-bottom: 2rem;
  text-align: center;
}

.empty-cart-container .content .buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .empty-cart-container .content .buttons {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .empty-cart-container .content .buttons .emr-secondary--button,
  .empty-cart-container .content .buttons .emr-primary--button {
    min-width: 280px;
  }
}

.empty-cart-container .content .buttons .emr-secondary--button,
.empty-cart-container .content .buttons .emr-primary--button {
  width: 48%;
  max-width: 280px;
}

.empty-cart-container .content .buttons .emr-secondary--button {
  background-color: #fff;
}

.empty-cart-container .content .buttons .emr-secondary--button:hover {
  background-color: #c4ced1;
}


/* 
******************************* Cart Contaner end ********************************
*/

/*
C093 Vertical Tabs
*/
.emr-vertical-tabs-header {
  display: flex;
  flex-direction: row;
  padding: 0 20px 0 0;
  justify-content: flex-end;
}

/*Ul Css Class*/
.emr-vertical-tabs-header .emr-vertical-tabs {
  font-size: .75rem;
  font-stretch: normal;
  font-weight: 700;
  letter-spacing: .08rem;
  line-height: 1rem;
  padding: 0;
  text-align: right;
  text-transform: uppercase;
  position: relative;
  margin: 0;
  list-style: none;
}

/*li Css Class*/
.emr-vertical-tabs-header .emr-vertical-tab {
  border-right: 1px solid #C9CACC;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-size: .75rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1rem;
  padding: .5rem 1.25rem .5rem 0;
  height: 48px;
  text-align: right;
  cursor: pointer !important;
  position: relative;
  display: flex;
  justify-content: center;
  opacity: 0.65;
}

.emr-vertical-tabs-header .emr-vertical-tab-active {
  font-weight: bold;
  color: #00573d;
  opacity: 1;
  background-color: none;
  border-radius: none;
  border-right: none;
  display: flex;
  justify-content: center;
  /* Remove right border for active tab */
}

.emr-vertical-tabs-header .emr-vertical-tab-indicator {
  position: absolute;
  right: 0;
  border-right: 4px solid #00573d;
  background: none;
  height: 48px;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}

.emr-vertical-tabs-header .emr-vertical-tab:hover {
  background-color: rgba(0, 128, 90, 0.16);
  border-radius: 0.25rem;
  opacity: 1;
  color: #00805a;
  /* height: 32px; */
}


/**-------------C093 Vertical Tab Dark Theme------------------------------------***/

.emr-vertical-tabs-header-dark {
  display: flex;
  flex-direction: row;
  padding: 0 20px 0 0;
  justify-content: flex-end;
}

/*Ul Css Class*/
.emr-vertical-tabs-header-dark .emr-vertical-tabs {
  font-size: .75rem;
  font-stretch: normal;
  font-weight: 700;
  letter-spacing: .08rem;
  line-height: 1rem;
  padding: 0;
  text-align: right;
  text-transform: uppercase;
  position: relative;
  margin: 0;
  list-style: none;
}

/*li Css Class*/
.emr-vertical-tabs-header-dark .emr-vertical-tab {
  border-right: 1px solid #C9CACC;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-size: .75rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1rem;
  padding: .5rem 1.25rem .5rem 0;
  height: 48px;
  text-align: right;
  cursor: pointer !important;
  position: relative;
  display: flex;
  justify-content: center;
  opacity: 0.65;
}

.emr-vertical-tabs-header-dark .emr-vertical-tab-active {
  font-weight: bold;
  color: #fff;
  opacity: 1;
  background-color: none;
  border-radius: none;
  border-right: none;
  display: flex;
  justify-content: center;
  /* Remove right border for active tab */
}

.emr-vertical-tabs-header-dark .emr-vertical-tab-indicator {
  position: absolute;
  right: 0;
  border-right: 4px solid #fff;
  background: none;
  height: 48px;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}

.emr-vertical-tabs-header-dark .emr-vertical-tab:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.25rem;
  opacity: 1;
  color: #fff;
  /* height: 32px; */

}

.emr-slot-grey-background {
  background-color: #EAEBEC;
  padding: 40px 80px;
  border-radius: 0.5rem;
  color: #000;
  min-height: 380px;
}

.emr-slot-blue-background {
  background-color: #151E41;
  padding: 40px 80px;
  border-radius: 0.5rem;
  color: #FFF;
  min-height: 380px;
}

.emr-slot-black-background {
  background-color: #1E1F20;
  padding: 40px 80px;
  border-radius: 0.5rem;
  color: #fff;
  min-height: 380px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Priyanka Raut: H010 Hero w/ Sidebar and Optional Footer  */
.h010b-container-v2 {
  padding: 0rem 1rem 1rem;
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
}

.h010b-container-v2 .child-content {
  display: flex;
  padding-bottom: 2rem;
  padding-top: 1rem;

}

.h010b-container-v2 .child-content:last-child {
  border-bottom: none;
}

.h010b-container-v2 .child-content .image-container {
  width: 48px;
  height: 48px;
  min-width: 48px;
  position: relative;
  overflow: hidden;
}

.h010b-container-v2 .child-content .image-container:hover {
  cursor: pointer;
}

.h010b-container-v2 .child-content .image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  transition: opacity 0.3s ease;
  opacity: 1;
}

.h010b-container-v2 .child-content .image-container:hover::before {
  opacity: 0;
}

.h010b-container-v2 .child-content .image-container .image {
  width: 48px;
  min-width: 48px;
  height: 48px;
  display: block;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.h010b-container-v2 .child-content .content {
  margin-left: 1rem;
}

.h010b-container-v2 .child-content .content .blue-word {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(29, 177, 222, 1);
}

.h010b-container-v2 .child-content .content .custom-para {
  font-weight: 500;
  color: #ffffff;
}

.h010b-container-v2 .child-content .content .custom-para:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #ffffff;
}

.h010b-container-v2 .child-content .content .date {
  font-size: 0.75rem;
  margin-top: 0.6rem;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*Priyanka Raut : c084 */
.c086-v2-container .cross {
  display: flex;
  justify-content: flex-end;
  font-weight: 700;
  font-size: 1.3rem;
}

.c086-v2-container .container-content {
  display: flex;
}

.c086-v2-container .container-content .info .button {
  width: 100%;
  border: 1px solid red;
  height: 40px;
}

.c086-v2-container .container-content .info .image-container {
  width: 160px;
  height: 160px;
}

.c086-v2-container .container-content .info .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.c086-v2-container .container-content .info .name {
  font-size: 1.125rem;
  font-weight: 500;
  margin: 1rem 0;
}

.c086-v2-container .container-content .info .sub-para {
  font-size: 0.75rem;
  line-height: 14px;
  color: #262728;
}

.c086-v2-container .container-content .info .social-media .image {
  width: 24px;
  height: 24px;
}

.c086-v2-container .container-content .content {
  color: #262728;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*
Component Name  : C017 - Full Width Video Carousel
*/
.c017-video-container {
  position: relative;
  /* Removed 100% width and added max-width */
  max-width: 1456px;
  height: 819px;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1536px) {
  c017-video-container {
    height: 672px;
    width: 1200px;
  }
}

@media screen and (max-width: 1279px) {
  .c017-video-container {
    height: 672px;
    width: 704px;
  }
}

@media screen and (max-width: 768px) {
  .c017-video-container {
    height: 396px;
    width: 328px;
  }
}

@media screen and (max-width: 360px) {
  .c017-video-container {
    height: 396px;
    width: 328px;
  }
}

.c017-video-container .video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c017-video-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  pointer-events: none;
}

.c017-video-container .video-title {
  font-size: 1.688rem;
  line-height: 36px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #fff;
}

.c017-video-container .video-description {
  color: #fff;
}

.c017-video-container .video-description:hover,
.video-title:hover {
  cursor: pointer;
}

.c017-video-container .content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 1;
  pointer-events: none;
}

.c017-video-container .video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88px;
  height: 88px;
  border-radius: 50%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
}

.c017-video-container .video:hover {
  transform: translate(-50%, -50%) scale(1.1);
  background-color: rgba(0, 0, 0, 0.6);
}

.c017-video-container .play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  margin-left: 5px;
  transition: transform 0.3s ease;
}

.c017-video-container .video:hover .play {
  transform: scale(1.1);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*
Added by Mohit Batheja 
Component Name : C095
*/
.c095-container {
  width: 100%;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

@media screen and (max-width: 1024px) {
  .c095-container {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

.c095-container .stat-card {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease-out;
}

.c095-container .heading {
  font-size: 3.5rem;
  line-height: 64px;
  color: #262728;
}

.c095-container .heading.number {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s, transform 0.5s;
}

.c095-container .heading.number.animate {
  opacity: 1;
  transform: translateY(0);
}

.c095-container .sub-heading {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 24px;
  margin: 1rem 0;
}

.c095-container .description {
  margin-top: 1rem;
}

.stat-card.animate {
  opacity: 1;
  transform: translateY(0);
}

/* Add different delays for each card */
.stat-card:nth-child(2) {
  transition-delay: 0.1s;
}

.stat-card:nth-child(3) {
  transition-delay: 0.2s;
}

.stat-card:nth-child(4) {
  transition-delay: 0.3s;
}

.stat-card:nth-child(5) {
  transition-delay: 0.4s;
}

.stat-card:nth-child(6) {
  transition-delay: 0.5s;
}

.stat-card:nth-child(7) {
  transition-delay: 0.6s;
}

.stat-card:nth-child(8) {
  transition-delay: 0.7s;
}

/* ----------------------------------------------------------------------
Added By: Priyanka Raut:  C086 Featured Carousel */

.c086-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 280px;
}

.carousel-wrapper {
  position: relative;
  max-width: 1600px;
  /* Adjusted max-width for 4 columns */
  margin: 0 auto;
  overflow: hidden;
  padding: 0 100px;
  /* Increased padding to accommodate buttons */
}

.carousel-wrapper .c086-slot-section {
  height: 347px;
  min-width: 393px;
  display: flex;
  align-items: center;
}

.carousel-wrapper .carousel-container {
  display: flex;
  transition: transform 0.3s ease-in-out;
  gap: 2rem;
  transform: translateX(0);
  will-change: transform;
}

.clone-first,
.clone-last {
  pointer-events: none;
}

.carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-40%);
  border: none;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  z-index: 1;
  /* Ensure buttons are clickable */
}

.carousel-nav.prev {
  left: 3rem;
  /* Position slightly outside the content area */
}

.carousel-nav.next {
  right: 3rem;
  /* Position slightly outside the content area */
}

.svg-path {
  color: #d3d3d3;
}

.carousel-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
  /* Slightly smoother transition */
  gap: 1rem;
  /* Reduced from 2rem */
  will-change: transform;
}

.c086-slot-section {
  flex: 0 0 auto;
  width: 393px;
  height: 347px;
  display: flex;
  align-items: center;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Added by Mohit Batheja
Component Name : C085 Event Schedule Container
*/
.c085ContainerClass-framed-white {
  background-color: #ffff;
  padding: 2rem 5rem;
  border-radius: 0.3rem;
  color: black;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
}

.c085ContainerClass-transparent {
  background-color: transparent;
  color: rgba(201, 202, 204, 1)
}

.c085ContainerClass-frameless-white {
  background-color: #ffff;
  color: black;
}

.event-container {
  width: 100%;
}

.hr {
  margin-top: 0.5rem !important;
  margin-bottom: 1rem !important;
}

/**---Event Schedule----------------------------------------------------------------------------------------------------------------- */

.event-schedule-container .custom-paragraph1 {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(0, 75, 141, 1);
}

.event-schedule-container .custom-paragraph2 {
  font-weight: 500;
  margin-top: 0.5rem;
}

.event-schedule-container .custom-paragraph4 {
  margin: 0.5rem 0;
}

.event-schedule-container .add-to-calendar-green {
  font-weight: 500 !important;
  color: #00573D;
  margin-left: 10px;
}

.event-schedule-container .add-to-calendar-white {
  font-weight: 500 !important;
  color: #fff;
  margin-left: 10px;
}

.event-schedule-container .speakers {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2rem;
  gap: 1.5rem;
}

.event-schedule-container .custom-paragraph3 {
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  line-height: 16px !important;
}

.event-schedule-container .dropdown {
  position: relative;
  display: inline-block;
}

.event-schedule-container .add-to-calendar-white:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #fff;
}

.event-schedule-container .add-to-calendar-green:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #00805a;
}

.event-schedule-container .dropdown-content {
  display: block;
  position: absolute;
  background-color: #fff;
  min-width: 180px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.event-schedule-container .dropdown-content p {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
}

.event-schedule-container .dropdown-content p:hover {
  background-color: #f1f1f1;
  text-decoration: underline;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .event-container {
    padding: 10px 1rem;
  }

  .event-schedule-container .speakers {
    align-items: flex-start;
  }

  .event-schedule-container .speaker-details {
    margin-right: 0;
    margin-bottom: 1rem;
    text-align: left;
  }
}

@media screen and (max-width: 480px) {
  .event-schedule-container .speaker-details {
    width: 100%;
  }

  .event-schedule-container .speaker-details-content {
    margin-left: 0;
  }

  .event-schedule-container .custom-paragraph4 {
    display: flex;
    flex-direction: column;
  }

  .event-schedule-container .add-to-calendar {
    margin-left: 0;
    margin-top: 5px;
  }
}

/**----------Event Speaker Details----------------------------------------------------------------------------------------------------------------------- */
.c085-speaker-details {
  display: flex;
  align-items: center;
  width: 205px;
  height: 48px;
  margin-right: 12px;
}

.c085-speaker-details .cms-image {
  min-width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
}

.c085-speaker-details .speaker-details-content {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
}

.c085-speaker-details .speaker-details-content:hover {
  color: rgba(0, 128, 90, 1);
  cursor: pointer;
}

.c085-speaker-details .speaker-name {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  text-align: left;
}

.c085-speaker-details .custom-paragraph3 {
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  line-height: 16px !important;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .c085-speaker-details {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 480px) {
  .c085-speaker-details {
    width: 100%;
  }

  .c085-speaker-details .speaker-details-content {
    margin-left: 0;
  }
}

.c085-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  display: none;
  z-index: 2;
  transition: opacity 0.3s ease-out;
}

.c085-modal-backdrop.active {
  opacity: 1;
}

.c085-modal-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%);
  opacity: 0;
  background: white;
  width: 90%;
  max-width: 800px;
  max-height: 90%;
  z-index: 4;
  overflow: hidden;
  transition: all 0.3s ease-out;
}

.c085-modal-container.active {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.c085-modal-container .container-content {
  display: flex;
  padding: 2rem;
  gap: 2rem;
  overflow: hidden;
}

.c085-modal-container .cross {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  font-weight: bold;
}

.c085-modal-container .info {
  display: flex;
  flex-direction: column;
  margin-left: 2rem;
}

.c085-modal-container .content {
  flex: 1;
  overflow-y: auto;
  max-height: calc(100vh - 8rem);
  padding-right: 1rem;
}

.c085-modal-container .name {
  font-weight: 500;
  margin: 1rem 0 0.5rem;
}

.c085-modal-container .sub-para {
  margin: 0.25rem 0;
  font-size: 0.875rem;
}

.c085-modal-container .cta-link {
  margin-top: 1rem;
  font-weight: bold;
  color: blue;
  text-decoration: underline;
}

.c085-modal-container .image-container .image {
  min-width: 180px;
  height: 180px;
  border-radius: 50%;
}

.c085-modal-container .emr-primary-text-cta {
  justify-content: flex-start;
  margin-top: 1rem;
}

.c085-modal-container .bold-speaker-heading {
  font-weight: 600;
  font-size: 1rem;
  line-height: 20px;
}

.c085-modal-backdrop.show-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  display: block;
  z-index: 2;
  transition: opacity 0.3s ease-out;

}

.c085-modal-container.show-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%);
  opacity: 0;
  background: white;
  width: 90%;
  max-width: 800px;
  max-height: 90%;
  z-index: 4;
  overflow: hidden;
  transition: all 0.3s ease-out;
  opacity: 1;
  display: block;
}

/* ----------------------------------------------------------------------
Added By: Priyanka Raut: C094 Timed Accordion with Images*/

.c094-container {
  display: flex;
  justify-content: space-between;
  margin: auto;
  position: relative;
  padding: 40px 40px 48px;
  max-width: 1536px;
}

.c094-container .image-container {
  /* width: 60%; */
  width: 712px;
  height: 712px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c094-container .image-container .image {
  width: 100%;
  object-fit: cover;
  max-width: 580px;
  /* height: auto; */
  height: 100%;
  object-fit: contain;
}

.c094-container .image-content-description {
  width: 588px;
}

.c094-container .image-content-description .blue-words {
  font-size: 0.75rem;
  font-weight: 700;
  color: #004B8D;
  text-transform: uppercase;
}

.c094-container .image-content-description .heading {
  font-size: 2.25rem;
  line-height: 48px;
  margin-bottom: 1.5rem;
}

.c094-container .image-content-description .accordian {
  display: none;
}

.c094-container .image-content-description .accordian.active~.accordian-body {
  max-height: 500px;
}

.c094-container .image-content-description .accordian-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}

.c094-container .image-content-description .desc {
  margin-bottom: 2rem;
}

.c094-container .image-content-description .info-heading {
  font-weight: 500;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c094-container .image-content-description .info-heading svg {
  transition: transform 0.3s ease;
}

.c094-container .image-content-description .info-heading:hover {
  cursor: pointer;
}

.c094-container .image-content-description .accordian.active~label .info-heading svg {
  transform: rotate(180deg);
}

.c094-container .image-content-description .accoridan-content {
  position: relative;
  border-top: 1px solid #C9CACC;
  padding: 1rem 0;
}

.c094-container .image-content-description .accoridan-content:last-child {
  border-bottom: 1px solid #C9CACC;
}

.c094-container .image-content-description .progress-line {
  position: absolute;
  top: 0;
  /* Adjusted from -1px so it's fully visible */
  left: 0;
  width: 0;
  height: 4px;
  background-color: #00573D;
  z-index: 10;
  /* Increased z-index to ensure it's on top */
  transition: none;
  opacity: 0;
  border: 2px solid #00573D;
}

.accordian.active+.progress-line {
  width: 100%;
  transition: width 16s linear;
}


/* ----------------------------------------------------------------------*/

/* Priyanka Raut:
Date: 22/01/2025 
Name: C086 Featured Expert Grid-  */

.c086-speaker-details {
  display: block;
  align-items: center;
  margin-right: 12px;
  text-align: center;
}

.c086-speaker-details .cms-image {
  min-width: 304px;
  height: 304px;
  border-radius: 50%;
}

.c086-speaker-details .speaker-image {
  min-width: 304px;
  height: 304px;
  border-radius: 50%;
}

.c086-speaker-details .speaker-details-content {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
}

.c086-speaker-details:hover .speaker-details-content {
  color: #00805a;
  cursor: pointer;
}

.c086-speaker-details .speaker-name {
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.custom-paragraph3 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .speaker-details {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 480px) {
  .speaker-details {
    width: 100%;
  }

  .speaker-details-content {
    margin-left: 0;
  }
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  display: none;
  z-index: 2;
  transition: opacity 0.3s ease-out;
}

.modal-backdrop.active {
  opacity: 1;
}

.modal-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%);
  opacity: 0;
  background: white;
  width: 90%;
  max-width: 800px;
  max-height: 90%;
  z-index: 4;
  overflow: hidden;
  transition: all 0.3s ease-out;
}

.modal-container.active {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.modal-container .container-content {
  display: flex;
  padding: 2rem;
  gap: 2rem;
  overflow: hidden;
}

.modal-container .cross {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  font-weight: bold;
}

.modal-container .info {
  display: flex;
  flex-direction: column;
  margin-left: 2rem;
}

.modal-container .content {
  flex: 1;
  overflow-y: auto;
  max-height: calc(100vh - 8rem);
  padding-right: 1rem;
}

.modal-container .name {
  font-weight: 500;
  margin: 1rem 0 0.5rem;
}

.modal-container .sub-para {
  /* margin: 0.25rem 0; */
  font-size: 0.75rem;
}

.modal-container .cta-link {
  margin-top: 1rem;
  font-weight: bold;
  color: blue;
  text-decoration: underline;
}

.modal-container .image-container .image {
  min-width: 180px;
  height: 180px;
  border-radius: 50%;
}

.modal-container .emr-primary-text-cta {
  justify-content: flex-start;
  margin-top: 1rem;
}

.modal-container .bold-speaker-heading {
  font-weight: 600;
  font-size: 1rem;
  line-height: 20px;
}

.slot-container-custom {
  border-right: 1px solid #b4b6b8;
  margin-right: 2rem;
}

/* Saurabh */
/* Shipping */
.modal-container-shipping {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 792px;
  max-height: fit-content;
  z-index: 1000;
  background-color: #fff;
  padding-bottom: 5rem;
  min-height: 400px;
  overflow: scroll;
}






@media screen and (max-width: 767px) {
  .modal-container-shipping {
    width: 100%;
    min-height: 100% !important;
    max-height: 100% !important;
  }

  .checkout-container .container .container-content .checkout-shipping-info .shipping-address-content {
    flex-direction: column !important;
    gap: 1rem;
    align-items: flex-start;
  }

  .checkout-container .container .container-content .checkout-shipping-info .shipping-address-content .emr-secondary--button {
    max-width: 180px I !important;
    color: #262728;
  }

  .checkout-container .modal-container-import-attachment .modal-content-container .bottom-button-container {
    margin-bottom: 20px;
  }

  .checkout-container .container .container-content .order-summary {
    width: 328px;
    margin: auto;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .emr-text-area {
    max-width: 282px;
  }

  .checkout-container .container .container-content .custom-button {
    margin: auto;
  }

  .modal-container-shipping .input-container {
    flex-direction: column;
  }

  .modal-container-shipping .input-container .modal-50 {
    width: 100% !important;
  }

  .modal-container-shipping .bottom-buttons-cart {
    flex-direction: column;
    width: 328px !important;
    margin: auto;
  }

  .modal-container-shipping .bottom-buttons-cart .emr-primary--button {
    width: 282px !important;
    margin: auto;
    max-width: 282px !important;
  }

  .modal-container-shipping .bottom-buttons-cart .emr-secondary--button {
    margin: auto;
    width: 282px !important;
    margin-bottom: 1rem;
    max-width: 282px !important;
  }
}

.modal-container-shipping .bottom-buttons-cart {
  display: flex;
  justify-content: space-between;
  width: 588px;
  margin: auto;
  margin-top: 1rem;
}

.modal-container-shipping .bottom-buttons-cart .emr-primary--button {
  width: 282px;
}

.modal-container-shipping .bottom-buttons-cart .emr-secondary--button {
  width: 282px;

}

.modal-container-shipping .label-select {
  font-weight: 700;
  font-size: 0.75rem;
  margin-top: 1rem;
}

.modal-container-shipping .heading-modal {
  background-color: #c9cacc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  height: 40px;
  font-weight: 500;
  font-size: 0.875rem;
}

.modal-container-shipping .close-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  font-size: 1rem;
}

.modal-container-shipping .emr-primary-text-cta {
  justify-content: flex-start;
  margin: 1.5rem 0;
}

.modal-container-shipping .emr-input {
  padding: 0.8rem;
  width: 100%;
  background-color: #f3f3f3;
}

.modal-container-shipping .input-wrapper {
  width: 95%;
}

.modal-container-shipping .input-container {
  display: flex;
  justify-content: space-between;
}

.modal-container-shipping .input-container .modal-50 {
  width: 45%;
}

.modal-container-shipping .shipping-select {
  background-color: #f3f3f3;
  font-weight: 300;
  border: none;
  font-family: inherit;
  font-size: 1rem !important;
  padding: 0.8rem 0.5rem;
  width: 108%;
  font-style: italic;
}

.modal-container-shipping .shipping-select option {
  font-style: italic;
}

.modal-container-shipping .shipping-select:focus {
  outline: none;
}

.backdrop-shipping {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1;
}


.checkout-container .heading {
  font-size: 2.25rem;
  line-height: 2.813rem;
  padding-left: 1.25rem;
  height: 88px;
  line-height: 88px;
  width: 1200px;
  margin: auto;
}

.checkout-container .mobile-responsive-price {
  display: none;
}

.checkout-container .error-message {
  color: red;
}

@media screen and (max-width: 767px) {
  .checkout-container .mobile-responsive-price {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 1rem 0;
    z-index: 10;
    transition: position 0.3s ease;
  }

  .checkout-container .mobile-responsive-price .emr-primary--button {
    width: 282px;
    margin: 2rem auto 0;

  }

  .checkout-container .mobile-responsive-price.static-bottom {
    position: absolute;
    bottom: 0;
    /* aligns with bottom of container, not window now */
  }

  .checkout-container {
    position: relative;
  }

  .checkout-container .mobile-responsive-price .price-info {
    display: flex;
    justify-content: space-between;
    width: 328px;
    margin: auto;
  }

  .checkout-container .mobile-responsive-price .price-info .total {
    font-weight: 500;
    font-size: 0.875rem;
  }

  .checkout-container .empty-space-container-for-responsive-price {
    height: 150px;
  }

  .checkout-container .mobile-responsive-price .price-info .price {
    font-size: 1.25rem;
    font-weight: 500;
  }
}

.checkout-container .container .responsive-status {
  display: none;
}

@media screen and (max-width: 767px) {
  .checkout-container .container .responsive-status {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 328px;
    margin: auto;
    margin-top: 1rem;
  }
}

.checkout-container .container .responsive-status .heading2 {
  font-size: 0.75rem;
  font-weight: 700;
}

.checkout-container .container .responsive-status .line-parent {
  width: 100%;
  display: flex;
  height: 4px;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.checkout-container .container .responsive-status .line-parent .line {
  width: 32%;
  height: 4px;
}

.checkout-container .container .responsive-status .line-parent .bg {
  background-color: #00573d;
}

.checkout-container .container .responsive-status .line-parent .non-bg {
  background-color: #dedfe0;
}

.checkout-container .container .status {
  display: flex;
  align-items: center;
  color: #8a8c90;
  width: 690px;
  height: 72px;
  margin: auto;
  gap: 0.5rem;
}

.checkout-container .container .status .emr-paragraph {
  font-weight: 600;
  font-size: 0.75rem;
}

.checkout-container .container .status .round-circle {
  border-radius: 50%;
  height: 24px;
  width: 24px;
  border: 2px solid #8a8c90;
  margin-right: 0.5rem;
}

.checkout-container .container .status .green-border {
  border: 2px solid #00573d;
}

.checkout-container .container .status .green-font {
  color: #00573d;
}

.checkout-container .container .status .hr {
  width: 3.875rem;
  margin: 0 0.8rem;
  border: 1px solid #8a8c90;
}

.checkout-container {
  width: 144%;
  margin-left: -22%;
}

.checkout-container .container {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 1rem;
  border-top: 2px solid #b4b6b8;
  background-color: #f3f3f3;
  /* min-height: 100vh; */
  padding-bottom: 1rem;
  width: 100%;
}


.checkout-container .container .container-content {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 1.3rem auto 0;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-options {
  padding: 1.2rem;
  background-color: #fff;
  width: 894px;
}

.checkout-container .container .container-content .order-summary {
  width: 282px;
  background-color: #fff;
  padding: 1.2rem 1rem;
  height: fit-content;
}

.checkout-container .emr-primary--button {
  width: 282px;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-address {
  width: 894px;
}

.checkout-container .container .container-content .order-summary .emr-primary--button {
  width: 224px ! important;
  margin: auto;
}

@media screen and (max-width: 1279px) {
  .checkout-container .container .container-content {
    width: 704px;
  }

  .checkout-container .emr-custom-select.address-selection {
    width: 416px;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .emr-text-area {
    width: 416px;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .custom-para2 {
    display: none;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .quantity,
  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .total-price {
    display: none;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .responsive-table {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
  }

  .checkout-container .container .container-content .label-select {
    width: 360px !important;
  }

  .checkout-container .container .status {
    width: 704px;
  }

  .checkout-container .container .container-content .checkout-shipping-info {
    width: 464px;
  }

  .checkout-container .container .container-content .checkout-shipping-info .shipping-address {
    width: 464px;
  }

  .checkout-container .container .container-content .checkout-shipping-info .shipping-options {
    width: 464px;
  }

  .checkout-container .container .container-content .checkout-shipping-info .payment-options {
    max-width: 464px;
  }

  .checkout-container .container .container-content .checkout-shipping-info .billing-address {
    max-width: 464px;
  }

  .checkout-container .container .container-content .order-summary {
    width: 224px;
    margin-bottom: 2rem;
  }

  .checkout-container .emr-primary--button {
    width: 224px;
  }

  .checkout-container .heading {
    width: 704px;
  }

  .checkout-container .container .container-content .checkout-shipping-info .emr-secondary--button {
    width: 224px !important;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 {
    width: 464px !important;
  }

  .checkout-container .container .container-content .order-summary .emr-primary--button {
    width: 190px !important;
  }
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 767px) {
  .checkout-container .heading {
    width: 328px;
  }

  .checkout-container .emr-custom-select.address-selection {
    width: 282px;
  }

  .checkout-container .container .status {
    display: none;
  }

  .checkout-container .container .container-content {
    width: 328px;
    flex-direction: column;

  }

  .checkout-container .container .container-content .checkout-shipping-info {
    width: 328px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .checkout-container .container .container-content .checkout-shipping-info .shipping-options {
    width: 328px;
    margin: auto;
  }

  .checkout-container .container .container-content .checkout-shipping-info .shipping-address {
    width: 328px;
  }

  .checkout-container .container .container-content .checkout-shipping-info .payment-options {
    max-width: 328px !important;
  }

  .checkout-container .container .container-content .checkout-shipping-info .billing-address {
    max-width: 328px !important;
  }

  .checkout-container .container .container-content .order-summary {
    width: 328px;
    margin: auto;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .checkout-container .container .container-content .checkout-shipping-info .emr-secondary--button {
    width: 282px !important;
  }

  .checkout-container .emr-primary--button {
    width: 282px !important;
  }

  .checkout-container .emr-custom-select {
    width: 282px !important;
  }

  .checkout-container {
    width: 100%;
    margin-left: 0;
  }

  .checkout-container .container {
    width: 100%;
    margin-left: 0;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 {
    width: 328px !important;
    max-width: 328px;
  }

  .checkout-container .container .container-content .order-summary .emr-primary--button {
    width: 282px !important;
    margin: auto;
  }
}

.checkout-container .container .container-content .accordian {
  appearance: none;
  position: fixed;
  top: -100vh;
  left: -100vh;
}

.checkout-container .container .container-content .accordian~div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}

.checkout-container .container .container-content .accordian:checked~div {
  max-height: 1000px;
}

.checkout-container .container .container-content .accordian:checked~label .toggle-icon .vertical-line {
  display: none;
}

.checkout-container .container .container-content .accordian:checked~label .toggle-icon .vertical-line {
  opacity: 0;
}

.checkout-container .container .container-content .label-select {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  margin-top: 1.5rem !important;
  margin-bottom: 8px !important;
  color: #262728;
}

.checkout-container .container .container-content .custom-button {
  color: #74787c;
  background-color: #c9cacc;
  border: none;
  max-width: 280px;
  margin-top: 2rem;
  margin: auto;
}

.checkout-container .container .container-content .checkout-shipping-info .info-heading {
  font-weight: 500;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  padding-right: 0 !important;
}

.checkout-container .container .container-content .checkout-shipping-info .radio-container {
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
  margin-bottom: 0.8rem;
  gap: 0.5rem;
}

.checkout-container .container .container-content .checkout-shipping-info .radio-container .radio {
  margin-right: 0.5rem;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-select {
  background-color: #f3f3f3;
  font-weight: 300;
  border: none;
  font-family: inherit;
  font-size: 1rem !important;
  padding: 0.8rem 0.5rem;
  width: 15rem;
  font-style: italic;
}

.red-border {
  border: 1px solid red !important;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-select option {
  font-style: italic;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-select:focus {
  outline: none;
}

@media screen and (max-width: 768px) {
  .checkout-container .container .container-content .checkout-shipping-info .shipping-select {
    width: 100%;
  }
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 {
  background-color: #fff;
  padding: 1rem 1.5rem !important;
  margin-bottom: 1rem;
  width: 894px;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .end-user {
  font-weight: 500;
  margin-bottom: 1rem;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .emr-primary-text-cta {
  justify-content: flex-start;
  margin-top: 1.7rem;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .top-cart {
  font-weight: 400;
  font-size: 1.25rem;
}

@media screen and (max-width: 768px) {
  .checkout-container .container .container-content .checkout-shipping-info .content-2 .top-cart {
    display: none;
  }
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table thead,
.checkout-container .container .container-content .checkout-shipping-info .content-2 .table tbody {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table tbody {
  /* Set max-height based on row height (e.g., 50px per row) */
  max-height: 45rem;
  overflow-y: auto;
  display: block;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table thead {
  /* Ensure the header stays aligned */
  width: 100%;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .responsive-table {
  display: none;
}

@media screen and (max-width: 768px) {
  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table {
    margin-top: 0;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .quantity,
  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .total-price {
    display: none;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .custom-para {
    width: 100%;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .custom-para2 {
    display: none;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .responsive-table {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .responsive-table .responsive-price {
    font-weight: 500;
  }
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table tr {
  border-bottom: 1px solid #b4b6b8;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table tr th,
.checkout-container .container .container-content .checkout-shipping-info .content-2 .table tr td {
  padding: 0.6rem 0;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .product-details {
  /* width: 60%; */
  text-align: left;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 16px;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .quantity,
.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .total-price {
  text-align: right;
  font-size: 0.75rem;
  font-weight: 700;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .custom-para {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 24px;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .custom-para2 {
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .below-para {
  font-size: 0.75rem;
  font-weight: 500;
  color: #626467;
  margin-top: 1rem;
}

.checkout-container .container .container-content .checkout-shipping-info .custom-heading-para {
  font-weight: 500;
  font-size: 1rem !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem !important;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2-buttons {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  padding-bottom: 1rem;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2-buttons .custom-button {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .checkout-container .container .container-content .checkout-shipping-info .content-2-buttons {
    flex-direction: column;
    align-items: center;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2-buttons .custom-button {
    max-width: 280px;
  }
}

.checkout-container .container .container-content .checkout-shipping-info .emr-secondary--button {
  width: 282px !important;





}

.checkout-container .container .container-content .checkout-shipping-info .shipping-options .shipping-instructions {

  overflow: hidden;
  transition: all 0.3s ease-out;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-options .shipping-instructions.visible {
  max-height: 200px;
  opacity: 1;
  margin-top: 1rem;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-options .emr-checkbox-container {
  margin: 0.6rem 0;
  font-weight: 400;
}

.checkout-container .container .container-content .checkout-shipping-info .hr {
  border: 0.3px solid #b4b6b8;
  margin: 1.4rem 0;
}

.checkout-container .input-container-1 {
  display: flex;
  gap: 1rem;
}

.checkout-container .input-container-1>div {
  width: 40%;
}

.checkout-container .input-container-1>div input {
  width: 80%;
}

@media screen and (max-width: 480px) {
  .checkout-container .input-container-1 {
    flex-direction: column;
  }

  .checkout-container .input-container-1>div {
    width: 100%;
  }

  .checkout-container .input-container-1>div input {
    width: 100%;
  }
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-address {
  padding: 1.2rem;
  background-color: #fff;
  margin-top: 2rem;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-address-content {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-address-content .emr-secondary--button {
  max-width: 282px;
  padding: 0 0px !important;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-address-content .bold-plain {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-address-content .bold-plain .emr-bold {
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase;
}

.checkout-container .container .container-content .emr-paragraph.bold-plain .label-select {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-top: 1rem !important;
}

.checkout-container .container .container-content .checkout-shipping-info .payment-options {
  padding: 1.2rem;
  background-color: #fff;
  margin-top: 2rem;
  width: 894px;
}

.checkout-container .container .container-content .checkout-shipping-info .payment-options .emr-input {
  padding: 0.8rem;
  width: 100%;
  background-color: #f3f3f3;
}

.checkout-container .container .container-content .checkout-shipping-info .payment-options .emr-primary-text-cta {
  justify-content: flex-start;
  margin-top: 1.7rem;
}

.checkout-container .container .container-content .checkout-shipping-info .billing-address {
  padding: 1.2rem;
  background-color: #fff;
  margin-top: 2rem;
  width: 894px;
}

.checkout-container .container .container-content .order-summary .price-info {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.checkout-container .container .container-content .order-summary .order {
  font-weight: 700;
  font-size: 0.75rem;
  color: #626467;
  text-transform: uppercase;
}

.checkout-container .container .container-content .order-summary .order-product {
  font-weight: 400;
  color: #626467;
  font-size: 0.75rem;
}

.checkout-container .container .container-content .order-summary .left-label {
  color: #626467;
  font-size: 0.875rem;
  font-weight: 400;
}

.checkout-container .container .container-content .order-summary .right-side {
  font-size: 0.875rem;
  font-weight: 400;
}

.checkout-container .container .container-content .order-summary .right-side-total {
  font-weight: 600;
  font-size: 0.875rem;
}

.checkout-container .container .container-content .order-summary .hr {
  margin: 0.7rem 0;
}

.checkout-container .container .container-content .order-summary .custom-para {
  font-size: 0.875rem;
  margin-top: 2rem;
  font-style: italic;
  color: #8a8c90;
  font-weight: 400;
  padding-bottom: 2rem;
}

.checkout-container .emr-input {
  padding: 0.8rem;
  width: 100%;
  max-width: 588px;
  background-color: #f3f3f3;
}

.checkout-container .emr-input::placeholder {
  font-style: italic;
}

.checkout-container .input-container {
  display: flex;
  /* justify-content:space-between; */
  gap: 1rem;
}

.checkout-container .input-wrapper .modal-50 {
  width: 100%;
  max-width: 282px;
}

.checkout-container .modal-container-shipping .input-wrapper {
  width: 588px;
}

.checkout-container .modal-container-shipping .input-container {
  display: flex;
  gap: 1rem;
  width: 588px;
}

.checkout-container .modal-container-shipping .input-container .modal-50 {
  width: 282px;
}

.checkout-container .shipping-select {
  background-color: #f3f3f3;
  font-weight: 300;
  border: none;
  font-family: inherit;
  font-size: 1rem !important;
  padding: 0.8rem 0.5rem;
  width: 108%;
  font-style: italic;
}

.checkout-container .shipping-select option {
  font-style: italic;
}

.checkout-container .shipping-select:focus {
  outline: none;
}

@media screen and (max-width: 1279px) {
  .modal-container-shipping {
    width: 584px;
    margin: auto;
  }

  .modal-container-shipping .content {
    width: 464px !important;
  }

  .modal-container-shipping .bottom-buttons-cart {
    width: 464px !important;
  }

  .checkout-shipping-info .checkoutchangeaddress .slds-input {
    width: 464px !important;
  }

  .checkout-container .container .container-content .checkout-shipping-info .shipping-address-content .emr-secondary--button {
    width: 224px !important;
    max-width: 224px !important;
  }

  .checkout-container .modal-50 .emr-custom-select {
    width: 100% !important;
    max-width: 282px !important;
  }
}

.checkout-container .modal-50 .emr-custom-select {
  width: 282px;
}

@media screen and (max-width: 767px) {
  .checkout-container .desktop-contnue-buttons {
    display: none !important;
  }

  .checkout-container .modal-container-shipping .input-container {
    flex-direction: column;
    width: 328px !important;
    margin: auto;
  }

  .checkout-container .modal-container-shipping .input-wrapper {
    flex-direction: column;
    width: 328px !important;
    margin: auto;
  }

  .checkout-container .input-container .modal-50 {
    width: 100% !important;
    margin: auto;
    max-width: 100% !important;
  }

  .checkout-container .modal-50 .emr-custom-select {
    width: 100% !important;
    max-width: 100% !important;
  }

  .checkout-container .bottom-buttons-cart {
    flex-direction: column-reverse;
    width: 328px !important;
    margin: auto;
    margin-top: 1rem;
    gap: 1rem;
  }

  .checkout-container .bottom-buttons-cart .emr-primary--button {
    min-width: 282px !important;
    margin: auto;
    max-width: 282px !important;
  }

  .checkout-container .bottom-buttons-cart .emr-secondary--button {
    margin: auto;
    width: 282px !important;
    margin-bottom: 1rem;
    max-width: 282px !important;
  }
}

.checkout-container .update-button-container {
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
}

/* Checkout new css style */

.toggle-icon {
  cursor: pointer;
}

.toggle-icon:hover {
  opacity: 0.8;
}

.info-heading svg {
  padding: 5px 0 5px 5px !important;
  box-sizing: content-box;
}

.missing-field {
  display: none;
  /* Hide by default */
  color: red;
  margin-right: 0.5rem;
  font-size: 16px;
  font-weight: 300;
}





.info-heading>div {
  display: flex;
}

.error-field {
  border: 1px solid red !important;
}

.label-select-certificates-container {
  max-height: 12rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.5rem 0.5rem 0.5rem 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.label-select-certificates-container::-webkit-scrollbar {
  display: none;
}

.shipping-address .shipping-address-content .emr-paragraph {
  justify-self: flex-start;
}

.billing-address {
  margin-bottom: 1rem;
}

.checkout-container .emr-label-text {
  color: #00573d !important;
  font-size: 0.75rem;
  font-weight: 700;
}

.checkout-container .emr-primary-text-cta .emr-label-text {
  font-size: 0.85rem;
  text-decoration: underline;
  text-transform: lowercase !important;
  cursor: pointer;
}

.checkout-container .emr-primary-text-cta .emr-optional-text {
  font-size: 0.75rem;
  color: #383737;
  padding-left: 4px;
  font-weight: 500;
}


.checkout-container .emr-primary-text-cta .emr-optional-text::first-line {
  text-transform: capitalize !important;
}

.checkout-container .emr-primary-text-cta .emr-label-text::first-line {
  text-transform: capitalize !important;
}

.checkout-container .emr-paragraph .label-select-optional {
  font-size: 0.75rem;
  text-transform: capitalize !important;
}

.checkout-container .attachlabel-select-optional {
  font-size: 0.75rem;
  color: #363737 !important;
  font-weight: 500;
  padding-left: 4px;
  text-transform: none;
}

.checkout-container .emr-checkout-update-button-container {
  margin-top: 1.5rem;
  max-width: 45%;
}

.checkout-container .checkout-container .input-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
  border: 10px solid red;
}

.checkout-container .emr-custom-select {
  position: relative;
  width: 282px;
  /* margin: auto; */
  display: flex;
  flex-direction: column;
}

.checkout-container .input-container .modal-50 .emr-custom-select {
  width: 100%;
}

.checkout-container .emr-custom-select select {
  display: none;
}

.checkout-container .emr-select-selected {
  background-color: #f3f3f3;
  border: 1px solid #c9cacc;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout-container .emr-select-selected:hover {
  background-color: #F3F3F3;
}

.checkout-container .car-subheader {
  font-size: 0.875rem;
  width: 280px;
  margin: auto;
  text-align: left;
  margin-top: 0.8rem;
}

.checkout-container .slds-text-color_error {
  font-size: 14px;
  width: 280px;
  margin: auto;
  text-align: left;
  margin-top: 0.3rem;
}


/*point the arrow upwards when the select box is open (active):*/
.checkout-container .emr-select-selected.select-arrow-active {
  border-bottom: none;
}

/* Add this new rule to rotate only the SVG arrow, not the entire container */
.checkout-container .emr-select-selected.select-arrow-active svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

/*style the items (options), including the selected item:*/
.checkout-container .emr-select-items div,
.checkout-container .emr-select-selected {
  color: #262728;
  padding: 0px 8px;
  cursor: pointer;
  user-select: none;
  height: 48px;
  display: flex;
  align-items: center;
  text-align: left;
}

.checkout-container .emr-custom-select .custom-label {
  display: flex;
  margin-bottom: 4px;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 0.75rem;
}

.checkout-container .emr-select-selected.select-arrow-active {
  border-bottom: none;
}

.checkout-container .modal-overlay-language .modal-heading {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
}


.checkout-container .emr-select-selected.select-arrow-active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  /* Center border */
  width: 100%;
  height: 1px;
  background-color: #c9cacc;
  /* Replace with desired color */
}

/*style items (options):*/
.checkout-container .emr-select-items {
  position: absolute;
  border: 1px solid transparent;
  border-color: transparent #c9cacc #c9cacc #c9cacc;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  max-height: 200px;
  /* Set max height */
  overflow-y: auto;
  animation: slideDown 0.3s ease forwards;
  background: #fff;
  border-top: none;
  background: #fff;
  transform-origin: top;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

/*hide the items when the select box is closed:*/
.checkout-container .emr-select-hide {
  display: none;
}

.checkout-container .emr-select-items div:hover,
.checkout-container .same-as-selected {
  /* color: #00805a; */
  background-color: #F3F3F3;
}

@keyframes slideDown {
  from {
    max-height: 0;
    opacity: 0;
  }

  to {
    max-height: 300px;
    opacity: 1;
  }
}


.checkout-container .icon-color {
  color: #004B8D;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  margin-left: 0.3rem;
}

.checkout-container .emr-completed-svg {
  margin-right: 0.5rem;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .emr-paragraph.requested-date {
  display: flex;
  align-items: center;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .emr-paragraph.requested-date>.emr-paragraph {
  color: #626467;
  font-size: 12px;
  font-weight: 500;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .emr-paragraph.requested-date>span {
  margin-left: 0.3rem;
}

.checkout-container .emr-optional-text {
  font-size: 0.75rem;
}

.emr-primary--button .checkout {
  background-color: green;
  color: white;
  cursor: pointer;
}

.emr-primary--button.checkout.disabled {
  background-color: grey;
  color: black;
  cursor: not-allowed;
  opacity: 0.7;
}

.checkout-container .country-select {
  max-height: 170px !important;
}

.checkout-container .emr-select-items:not(.emr-select-hide) {
  animation: dropdownOpen 0.25s ease-in-out forwards;
  pointer-events: auto;
  transform: translateZ(0);
  /* Force a new stacking context */
  will-change: transform;
  /* Optimize for animations */
}

@keyframes dropdownOpen {
  0% {
    max-height: 0;
    opacity: 0;
    transform: scaleY(0);
  }

  100% {
    max-height: 300px;
    opacity: 1;
    transform: scaleY(1);
  }
}


/* Priyanka Raut: b2b_Language_Selector*/

.modal-overlay-language {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.modal-overlay-language .locale-cart {
  background-color: white;
  width: 384px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .modal-overlay-language .locale-cart {
    width: 328px
  }
}

.modal-overlay-language .cart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  color: black;
  background-color: #F3F3F3;
  height: 40px;
  padding-left: 1rem;
  padding-right: 8px;
}

.modal-overlay-language .cart-subheader {
  margin-bottom: 18px;
  font-size: 0.875rem;
  color: black;
  margin: 0;
  font-size: 0.875rem;
}

.modal-overlay-language .cart-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 24px;
  margin-top: 24px;
}

.modal-overlay-language .emr-primary--button {
  max-width: 282px;
  margin: auto;
  margin-bottom: 24px;
}

.modal-overlay-language lightning-combobox {
  width: 100%;
  text-align: left;
}



.modal-overlay-language .emr-icon1 {
  cursor: pointer;
  height: 10px;
  width: 10px;
  color: black;
}

.modal-overlay-language .emr-icon {
  height: 30px;
  width: 30px;
  color: rgb(46, 139, 209);
  margin-right: 15px;
}


.G016 .emr-custom-select {
  position: relative;
  width: 282px;
  margin: auto;
  display: flex;
  flex-direction: column;
}

.G016 .emr-custom-select select {
  display: none;
}

.G016 .emr-select-selected {
  background-color: #ffffff;
  border: 1px solid #c9cacc;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.G016 .emr-select-selected:hover {
  background-color: #F3F3F3;
}

.G016 .car-subheader {
  font-size: 0.875rem;
  width: 280px;
  margin: auto;
  text-align: left;
  margin-top: 0.8rem;
}

.G016 .slds-text-color_error {
  font-size: 14px;
  width: 280px;
  margin: auto;
  text-align: left;
  margin-top: 0.3rem;
}


/*point the arrow upwards when the select box is open (active):*/
.G016 .emr-select-selected.select-arrow-active {
  border-bottom: none;
}

/* Add this new rule to rotate only the SVG arrow, not the entire container */
.G016 .emr-select-selected.select-arrow-active svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

/*style the items (options), including the selected item:*/
.G016 .emr-select-items div,
.G016 .emr-select-selected {
  color: #262728;
  padding: 0px 8px;
  cursor: pointer;
  user-select: none;
  height: 48px;
  display: flex;
  align-items: center;
  text-align: left;
}

.G016 .emr-custom-select .custom-label {
  display: flex;
  margin-bottom: 4px;
  font-size: 0.75rem;
  font-weight: 700;
}

.G016 .emr-select-selected.select-arrow-active {
  border-bottom: none;
}

.G016 .modal-overlay-language .modal-heading {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
}


.G016 .emr-select-selected.select-arrow-active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  /* Center border */
  width: 100%;
  height: 1px;
  background-color: #c9cacc;
  /* Replace with desired color */
}

/*style items (options):*/
.G016 .emr-select-items {
  position: absolute;
  border: 1px solid transparent;
  border-color: transparent #c9cacc #c9cacc #c9cacc;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  max-height: 0;
  /* Set max height */
  overflow-y: auto;
  animation: slideDown 0.3s ease forwards;
  background: #fff;
}

/*hide the items when the select box is closed:*/
.G016 .emr-select-hide {
  display: none;
}

.G016 .emr-select-items div:hover,
.G016 .same-as-selected {
  /* color: #00805a; */
  background-color: #F3F3F3;
}

@keyframes slideDown {
  from {
    max-height: 0;
    opacity: 0;
  }

  to {
    max-height: 300px;
    opacity: 1;
  }
}


.G016 .icon-color {
  color: #004B8D;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  margin-left: 0.3rem;
}

/*************************************/
.c027-container .tr-header {
  border-bottom: 1px solid black;
}

.c027-container .td {
  padding: 0.5rem 0;
  font-weight: 300;
  font-size: 0.875rem;
}

.c027-container .tr-2 {
  border-bottom: 1px solid #262728;
}

.c027-container .th {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.5rem 0;
}

.c027-container .anchor {
  color: #00573D;
}

.rotate180deg {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}

.greyed-out-arrow {
  opacity: 0.5;
  transform: rotate(180deg);
  /* Points the arrow downward by default */
  transition: transform 0.3s ease-in-out;
}

/*-------------C097 Component-------------------------------------------------------------------------------------------------------*/
.c097-parentContainer {
  max-width: 1456px;
  margin: auto;
  margin-top: 2.5rem;
}

.c097-parentContainer .eyebrow-text {
  color: #004B8D;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  margin-bottom: 0.5rem;
}

.c097-parentContainer .heading {
  font-size: 2.25rem;
  line-height: 40px;
  margin-bottom: 1rem;
  font-weight: 300;
}

.c097-container {
  display: flex;
  height: 100vh;
  justify-content: space-between;
  max-width: 1456px;
  margin: auto;
  margin-bottom: 3rem;
}

.c097-container .image-container {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 712px;
}

.c097-container .dynamic-image {
  width: 100%;
  height: 100%;
}

.c097-container .fade-in {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

.c097-container .text-container {
  flex: 1;
  overflow-y: auto;
  height: 100vh;
  padding: 20px;
  width: 588px;
}

.c097-container .text-container::-webkit-scrollbar {
  display: none;
}

.c097-container .title-item {
  padding: 20px;
  margin-bottom: 10rem;
}

.c097-container .eyebrow-text {
  color: #004B8D;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  margin-bottom: 0.5rem;
}

.c097-container .heading {
  font-size: 1.875rem;
  line-height: 40px;
  margin-bottom: 1rem;
}


@media screen and (max-width: 1535px) {
  .c097-parentContainer {
    max-width: 1200px;
  }

  .c097-container {
    max-width: 1200px;
    margin-top: 1.5rem;
  }

  .c097-container .image-container {
    min-width: 588px;
    width: 588px;
    height: 414px;
  }

  .c097-container .text-container {
    width: 486px;
  }
}

@media screen and (max-width: 1279px) {
  .c097-parentContainer .heading {
    font-size: 1.875rem;
  }

  .c097-parentContainer {
    max-width: 704px;
  }

  .c097-container {
    max-width: 704px;
  }

  .c097-container .image-container {
    width: 344px;
    min-width: 344px;
    height: 258px;
  }

  .c097-container .text-container {
    width: 284px;
  }
}

@media screen and (max-width: 767px) {
  .c097-parentContainer {
    max-width: 328px;
  }

  .c097-container {
    max-width: 328px;
    flex-direction: column;
    gap: 2rem;
  }

  .c097-container .image-container {
    width: 328px;
    min-width: 328px;
    height: 246px;
    min-height: 246px;
  }

  .c097-container .text-container {
    width: 328px;
    padding: 0px;
  }

  .c097-container .title-item {
    padding: 0px;
    margin-bottom: 10rem;
  }
}

/* Start Mini-cart */

/* Start Mini-cart */





.panel-content.lwc-46c4vdd3pcq {

  padding: 1rem !important;

}



.panel_footer.lwc-46c4vdd3pcq {

  padding: 0 2rem !important;

}



.panel_footer.lwc-46c4vdd3pcq {

  padding-bottom: 1.5rem !important
}



.navbar-container .lwc-nqurjj9ig5-host .slds-button.slds-button_outline-brand.lwc-76nnmqsstjk,
.mobile-menu .lwc-nqurjj9ig5-host .slds-button.slds-button_outline-brand.lwc-76nnmqsstjk {

  margin-top: -1.5rem !important;

}



.panel-content.lwc-46c4vdd3pcq {

  padding: 1rem !important;

}


.lwc-nqurjj9ig5-host commerce_cart-item .item-prices {
  display: none !important;
}

.lwc-nqurjj9ig5-host .lwc-4un4lfbdvlo {
  display: none;
}

.lwc-nqurjj9ig5-host .lwc-5fghn3l4ske.number-input__button-icon {
  display: none !important;
}


.lwc-nqurjj9ig5-host a.lwc-1noralhrh9q.description-name-label {
  color: black !important;
  text-decoration: none;
}


.lwc-nqurjj9ig5-host button.lwc-76nnmqstjk.slds-button.slds-button_neutral {
  visibility: hidden;
  /* Hide the original text */
}


.lwc-nqurjj9ig5-host commerce_cart-item .item-image {
  display: none;
  margin: 0;
}


.lwc-nqurjj9ig5-host commerce_cart-item .image-small {
  grid-template-columns: 0rem 1fr !important;
}


.lwc-nqurjj9ig5-host commerce_cart-item .item-delete .lwc-76nnmqsstjk {
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #00573D;
  cursor: pointer;
}


.lwc-nqurjj9ig5-host .lwc-5fghn3l4ske button {
  display: none;
}


.lwc-nqurjj9ig5-host .slds-button.slds-button_outline-brand.lwc-76nnmqsstjk {
  background-color: rgb(43, 87, 67) !important;
  color: white !important;
  border: none !important;
  transition: none !important;
}

/* .lwc-nqurjj9ig5-host commerce_cart-item .item-delete button {
  padding-right: 0px;
} */

.lwc-nqurjj9ig5-host commerce-panel .panel_footer {
  padding-top: 0px;
}

@media only screen and (max-width: 1024px) {
  .lwc-nqurjj9ig5-host commerce_cart-item .item-delete {
    font-weight: bold;
    text-transform: uppercase;
    color: #00573D;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 10px;
    margin-left: auto;
  }
}

@media only screen and (max-width: 31em) {
  .lwc-nqurjj9ig5-host commerce_cart-item .item-image {
    display: none;
    margin: 0;
  }

  .lwc-nqurjj9ig5-host commerce_cart-item .image {
    grid-template-columns: 0rem 1fr !important;
  }
}

@media only screen and (min-width: 32em) and (max-width: 64em) {
  .lwc-nqurjj9ig5-host commerce_cart-item .container.lwc-1noralhrh9q {
    grid-template-columns: 0rem 2fr 1fr !important;
  }
}

/* End Mini-cart */

/*
Component Name : Generic Text Component
Added by Mohit Batheja
*/
.emr-generic-text-component {
  /* margin-bottom: 1.5rem; */
}

.emr-generic-text-component .eyebrow-text {
  color: #004B8D;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
}

.emr-generic-text-component .emr-h2 {
  line-height: 48px !important;
  margin-bottom: 1.5rem;
}

.emr-generic-text-component .emr-h3 {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  line-height: 2.5rem !important;
}

.emr-generic-text-component .emr-paragraph {
  padding-bottom: 2.5rem;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*
Template Components (containers) for Emerson Ui Components
*/
.callout-main-content {
  padding: 2.5rem 2.5rem 3rem 2.5rem;
  max-width: 1600px;
  margin: auto;
}

@media screen and (max-width: 480px) {
  .callout-main-content {
    padding: 0rem;
  }
}

/*--------------------------------------------------------------------------------------------------------------*/
.callout-Tiles-content-3up {
  padding: 2.5rem 2.5rem 3rem 2.5rem;
  max-width: 1600px;
  margin: auto;
}

/*--------------------------------------------------------------------------------------------------------------*/

.callout-Tiles-content-4up {
  padding: 2.5rem 2.5rem 3rem 2.5rem;
  max-width: 1600px;
  margin: auto;
}

/*--------------------------------------------------------------------------------------------------------------*/
.c014-slot1 .c012-container {
  height: 589px !important;
}

.c014-slot2 .c012-container {
  height: 278px !important;
}

/*------------------------------------------------------*/
/* Priyanka Raut: H010B Banner */
.h010b-container {
  max-width: 100%;
  margin: auto;
  margin-bottom: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.h010b-container .padding {
  padding-right: 7.5rem;
}

.h010b-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.h010b-container .button-container .emr-primary--button {
  width: 340px;
}

@media screen and (max-width: 1535px) {
  .h010b-container .button-container .emr-primary--button {
    width: 282px;
    margin-right: 1rem;
  }
}

@media screen and (max-width: 1279px) {
  .h010b-container .button-container .emr-primary--button {
    width: 224px;
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .h010b-container .button-container .emr-primary--button {
    width: 282px;
  }
}

.h010b-container-child {
  padding: 0rem 1rem 1rem;
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
  width: 486px;
}

@media screen and (max-width: 1279px) {
  .h010b-container-child {
    width: 344px;
  }
}

.h010b-container-child .child-content {
  display: flex;
  border-bottom: 1px solid #c9cacc;
  padding-bottom: 2rem;
  padding-top: 1rem;
}

.h010b-container-child .child-content:last-child {
  border-bottom: none;
}

.h010b-container-child .child-content .image-container {
  width: 80px;
  height: 80px;
  min-width: 80px;
  position: relative;
  overflow: hidden;
}

.h010b-container-child .child-content .image-container:hover {
  cursor: pointer;
}

.h010b-container-child .child-content .image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  transition: opacity 0.3s ease;
  opacity: 1;
}

.h010b-container-child .child-content .image-container:hover::before {
  opacity: 0;
}

.h010b-container-child .child-content .image-container .image {
  width: 80px;
  min-width: 80px;
  height: 80px;
  display: block;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.h010b-container-child .child-content .image-container .video {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}

.h010b-container-child .child-content .image-container .video:hover {
  cursor: pointer;
  transform: translate(-50%, -50%) scale(1.1);
}

.h010b-container-child .child-content .image-container .video .play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.h010b-container-child .child-content .content {
  margin-left: 1rem;
  z-index: 2;
}

.h010b-container-child .child-content .content .blue-word {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(29, 177, 222, 1);
}

.h010b-container-child .child-content .content .custom-para {
  font-weight: 500;
  color: #ffffff
}

.h010b-container-child .child-content .content .custom-para:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #ffffff
}

.h010b-container-child .child-content .content .date {
  font-size: 0.75rem;
  margin-top: 0.6rem;
  color: #fff;
}

/* Mobile responsive styles for horizontal scrolling */
@media screen and (max-width: 767px) {
  .h010b-container-child {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 1rem;
    width: 344px;
  }

  .h010b-container-child .child-content {
    flex: 0 0 auto;
    width: 80%;
    min-width: 250px;
    margin-right: 1rem;
    border-bottom: none;
    padding: 0;
    display: flex;
    /* Changed to flex to put image left and text right */
    flex-direction: row;
    align-items: flex-start;
    border-right: 1px solid #ffffff;
    /* Add right border */
  }

  .h010b-container-child .child-content:last-child {
    margin-right: 1rem;
    border-right: none;
    /* Remove right border from last child */
  }

  .h010b-container-child .child-content .image-container {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }

  .h010b-container-child .child-content .image-container .image {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }

  .h010b-container-child .child-content .content {
    width: calc(100% - 48px);
    padding-left: 0.75rem;
    padding-right: 0.5rem;
    display: flex;
    flex-direction: column;
  }

  .h010b-container-child .child-content .content .blue-word,
  .h010b-container-child .child-content .content .custom-para,
  .h010b-container-child .child-content .content .date {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    display: block;
  }

  /* Hide scrollbar for cleaner look but maintain functionality */
  .h010b-container-child::-webkit-scrollbar {
    display: none;
  }

  .h010b-container-child {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

/*--------------------------------------------------------------------------------------------------------------*/

/* Mini cart */

.modal-container-mini-cart {
  position: relative;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 792px;
  padding-bottom: 2rem;
  z-index: 999;
  background-color: #fff;
}

.modal-container-mini-cart .download-arrow {
  margin-right: 6px;
}

.modal-container-mini-cart .modal-heading {
  font-weight: 700;
  font-size: 0.75rem;
  color: #2d383f;
}


.modal-container-mini-cart .select-container .buttons .emr-secondary--button:first-child {

  width: 282px;

  height: 48px;

  background-color: #C9CACC;

  color: #262728;

}



.modal-container-mini-cart .select-container .buttons .emr-secondary--button:last-child {

  width: 282px;

  height: 48px;

  margin: auto;

  background-color: #00573d;

  color: #FFFFFF;

}



.modal-container-mini-cart .select-container .buttons {

  display: flex;

  justify-content: space-between;

  width: 100%;

  max-width: 558px;

  margin-top: 2.5rem;

  gap: 1.25rem;

}



@media screen and (max-width: 1279px) {

  .modal-container-mini-cart {

    max-width: 704px;

    margin: auto;

  }

}



@media screen and (max-width: 767px) {

  .modal-container-mini-cart .emr-secondary--button.with-file-uploaded {
    width: 328px !important;
  }

  .modal-container-mini-cart {
    width: 100%;
    height: 100%;
  }



  .modal-container-mini-cart .heading-modal {
    max-width: 100%;
  }



  .modal-container-mini-cart .select-container {
    max-width: 328px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    position: relative;
  }



  .modal-container-mini-cart .select-container .buttons .emr-primary--button {

    width: 282px !important;

    height: 48px !important;

  }



  .modal-container-mini-cart .select-container .radios {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 328px;
    margin: 0 auto;
  }



  .modal-container-mini-cart .select-container .buttons {
    padding-top: 1.5rem;
    flex-direction: column;
    max-width: 282px;
    position: relative;
    bottom: 0 !important;
    margin-top: auto;
  }

  .modal-container-mini-cart .select-container .buttons .emr-secondary--button:last-child {

    margin-left: 0 !important;

  }



  .modal-container-mini-cart .select-container .emr-paragraph-subheading {

    width: 328px;

    margin: auto;

  }



  .modal-container-mini-cart .select-container .radios {

    gap: 1rem !important;

    margin-top: 1rem;

  }



  .modal-container-mini-cart .select-container {
    width: 328px;
    margin: auto;

  }

}



.modal-container-mini-cart::backdrop {

  background-color: rgba(0, 0, 0, 0.5);

}

.modal-container-mini-cart .heading-modal {
  background-color: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  height: 40px;
}

.modal-container-mini-cart .close-modal {
  padding: 0.5rem;
  cursor: pointer;
  width: 40px;
  text-align: center;
  color: #090909;
  margin-left: auto;
}

.modal-container-mini-cart .select-container {
  max-width: 588px;
  margin: auto;
  margin-bottom: 2rem;
}

.modal-container-mini-cart .select-container .emr-paragraph-subheading {
  font-weight: 700;
  font-size: 0.75rem;
  margin: 1rem 0;
  text-transform: uppercase;
  color: #2d383f;
}

.modal-container-mini-cart .select-container .radio-container {
  display: flex;
}

.modal-container-mini-cart .select-container .radios {
  display: flex;
  gap: 10rem;
}

.modal-container-mini-cart .select-container .paragraph2 {
  font-size: 1rem;
  margin-top: 0.5rem;
  font-weight: 500;
  color: #262728;
}

.modal-container-mini-cart .select-container .emr-input {
  background-color: #f3f3f3;
  padding: 12px 8px;
  width: 90%;
}

.modal-container-mini-cart .select-container .table {
  margin-top: 1rem;
  border-spacing: 1rem 1rem;
}

.modal-container-mini-cart .select-container .table th {
  text-transform: uppercase;
  text-align: left;
  margin-right: 0.5rem;
}

.modal-container-mini-cart .select-container .table .product-number {
  font-weight: 700;
  font-size: 0.75rem;
  width: 70%;
  padding: 0.7rem 0;
  color: #262728;
}

.modal-container-mini-cart .select-container .table .product-quantity {
  font-weight: 700;
  font-size: 0.75rem;
  padding: 0.7rem 0;
  color: #262728;

}

.modal-container-mini-cart .select-container .hr {
  border: 0.5px solid #c9cacc;
  margin: 1rem 0;
}

.modal-container-mini-cart .select-container .emr-primary-text-cta {
  justify-content: flex-start;
  text-transform: uppercase;
  margin-top: 1rem;
}

.modal-container-mini-cart .select-container .emr-primary-text-cta:hover {
  cursor: pointer;
}

.modal-container-mini-cart .select-container .import {
  height: 152px;
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-direction: column;
  margin-top: 1rem;
}

.modal-container-mini-cart .select-container .import .paragraph3 {
  font-weight: 400;
  padding: 0 0.5rem;
}

.modal-container-mini-cart .select-container .import .emr-secondary--button {
  max-width: 282px;
  padding: 0 1rem;

}

.modal-container-mini-cart .buttons {
  width: 70%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.modal-container-mini-cart .buttons .emr-secondary--button {
  width: 48%;
  background-color: #c4ced1;
  border: none;
}

.modal-container-mini-cart .buttons .emr-primary--button {
  width: 48%;
}

.modal-container-mini-cart .close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.modal-container-mini-cart .table-row {
  margin-bottom: 1rem;
}

.modal-container-mini-cart .emr-radio-button {
  margin-right: 6px;
}


.modal-container-mini-cart .table-wrapper {
  max-height: 350px;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.modal-container-mini-cart .table-wrapper::-webkit-scrollbar {
  display: none;

}

.modal-container-mini-cart .emr-secondary--button {
  max-width: 282px;
}

.modal-container-mini-cart .table {
  width: 100%;
}

.modal-container-mini-cart .table thead {
  position: sticky;
  top: 0;
  background: white;
  z-index: 1;
}

.modal-container-mini-cart .csv-file-upload {
  display: none;
}

.modal-container-mini-cart .custom-file-upload {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  text-align: center;
  width: fit-content;
}

.modal-container-mini-cart .select-container .import .emr-secondary--button {
  padding: 0 1rem;
}

/* @media screen and (max-width: 480px) {

  .modal-container-mini-cart .select-container {
    width: 90%;
  }


  .modal-container-mini-cart .buttons {
    width: 90%;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .modal-container-mini-cart .buttons .emr-primary--button,
  .modal-container-mini-cart .buttons .emr-secondary--button {
    width: 100%;
  }
} */

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  z-index: 998;
}

/*--------------------------------------------------------------------------------------------------------------*/

/* Priyanka Raut: c046 Banner */

.c046-image-container {
  width: 100%;
  max-height: 464px;
  cursor: pointer;
}

.c046-image-container .image {
  width: 100%;
  height: auto;
  cursor: pointer;
  object-fit: cover;
  max-height: 464px;
}

.modal-backdrop-c046 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  display: none;
  z-index: 999;
  transition: opacity 0.3s ease-out;
}

.modal-backdrop-c046.active {
  opacity: 1;
  display: block;
}

.modal-container-c046 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%);
  opacity: 0;
  background: white;
  width: 90%;
  max-width: 800px;
  max-height: 90%;
  z-index: 1000;
  overflow: hidden;
  transition: all 0.3s ease-out;
}

.modal-container-c046.active {
  transform: translate(-50%, -50%);
  opacity: 1;
  display: block;

}

.modal-container-c046 .container-content {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 2rem;
  justify-content: center;
  overflow: hidden;
}

.modal-container-c046 .container-content .image {
  width: 100%;
  height: 100%;
}

.modal-container-c046 .cross {
  padding: 0.5rem;
  background-color: #f3f3f3;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*
Mohit Batheja Wishlsit Custom 
*/
.custom-wishlist-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}

.modal-container-custom {
  position: relative;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  width: 792px;
  height: fit-content;
  padding-bottom: 1rem;
  z-index: 4;
  background-color: #fff;
  pointer-events: auto;
}

.modal-container-custom::custom-wishlist-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-container-custom .heading {
  background-color: #c9cacc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  height: 40px;
  font-size: 0.75rem;
  font-weight: 700;
}

.modal-container-custom .select-container {
  width: 70%;
  margin: auto;
  margin-bottom: 2rem;
}

.modal-container-custom .lightning-input-heading {

  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;

}

.modal-container-custom .lightning-input-heading .slds-form-element__label {
  font-size: 0.75rem;
  font-weight: 700;

}

.modal-container-custom .slds-button {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.modal-container-custom .select-container .select {
  width: 100%;
  padding: 0.5rem 1rem;
  border: none;
  background-color: #f3f3f3;
}

.modal-container-custom .select-container .select option:hover,
.modal-container-custom .select-container .select option:focus,
.modal-container-custom .select-container .select option:active {
  background-color: pink !important;
}

.modal-container-custom .select-container .select option:first-child {
  font-style: italic;
}

.modal-container-custom .select-container .select option:last-child {
  color: green;
}

.modal-container-custom .select-container .select:focus {
  outline: none;
}

.modal-container-custom .select-container .emr-paragraph-subheading {
  font-weight: 400;
  font-size: 1.125rem;
  margin: 1rem 0;
}

.modal-container-custom .select-container .emr-h5 {
  font-size: 0.75rem;
  font-weight: 700;
}

.modal-container-custom .buttons {
  width: 70%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.modal-container-custom .buttons .emr-primary--button,
.modal-container-custom .buttons .emr-secondary--button {
  width: 48%;
}

.modal-container-custom .close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}



@media screen and (max-width: 768px) {
  .modal-container-custom {
    width: 80%;
  }
}

@media screen and (max-width: 480px) {
  .modal-container-custom {
    width: 95%;
  }
}


/*------b2b_C027_Table_Container--------------------------------------------------------------------------------*/
.c027-Container-Child {
  margin: auto;
}


/*--------------------------------------------------------------------------------------------------------------*/

.c052-container .table-heading {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.5rem 0;
}

.c052-container .table-heading-row {
  border-bottom: 1px solid black;
  height: 48px;
}

.c052-container .table-data {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 24px;
  color: #262728;
}

.c052-container .table-data-row {
  height: 56px;
  border-bottom: 1px solid #E3E3E3;
}

.c052-container .slds-box--border,
.slds-box_border {
  border: none !important;
}

/*--------------------------------------------------------------------------------------------------------------*/

.image-carousal-outer-container {
  display: flex;
  align-items: center;
  position: relative;
  max-width: calc(250px * 6);
  margin: auto;
  justify-content: center;
  margin-top: 1rem;
}

/* Navigation Arrows */
.image-carousal-outer-container .prev-arrow,
.image-carousal-outer-container .next-arrow {
  cursor: pointer;
  position: absolute;
  color: #8a8c90;
  font-size: 2.5em;
  border-radius: 50%;
  padding: 10px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.image-carousal-outer-container .prev-arrow {
  left: -40px;
}

.image-carousal-outer-container .next-arrow {
  right: -50px;
}

/* Carousel Image Container */
.image-carousal-outer-container .flexContainer {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
  gap: 10px;
  transition: transform 0.5s ease-in-out;
  max-width: calc(226px * 6);
  padding: 10px 10px;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .image-carousal-outer-container .flexContainer {
    max-width: calc(226px* 3);
  }

}

.slide-left {
  animation: slideLeft 0.5s ease-in-out;
}

.slide-right {
  animation: slideRight 0.5s ease-in-out;
}

@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-236px);
  }
}

@keyframes slideRight {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(236px);
  }
}

/* Individual Image Box */
.carousel-item {
  flex: 0 0 auto;
  width: 216px;
  height: 121px;
  text-align: center;
  transition: transform 0.3s ease-in-out;
  border-radius: 8px;
  position: relative;
}

.carousel-item:hover {
  cursor: pointer;
  outline: 2px solid #00573d;
}

.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 128, 90, 0.7);
  border-radius: 8px;
}

/* Image Styling */
.carousel-image {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}

/* Image Title */
.image-title {
  font-size: 0.875rem;
  margin-top: 5px;
  color: #333;
}


.outer-container {
  width: 100%;
  max-width: 1456px;
  margin: auto;
}

.single-image-display-container {
  position: relative;
  max-width: 100%;
  margin: auto;
  height: 552px;
  width: 100%;
  max-width: 1456px;
}

.single-image-display-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 1456px;
  max-height: 891px;
}

.single-image-display-container .video-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  text-align: center;
  padding: 10px;
}

/* model code */
.modal-backdrop-c018 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  display: none;
  z-index: 999;
  transition: opacity 0.3s ease-out;
}

.modal-backdrop-c018.active {
  opacity: 1;
  display: block;
}

.modal-container-c018 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%);
  opacity: 0;
  width: 90%;
  max-width: 1456px;
  height: 90vh;
  max-height: 819px;
  z-index: 1000;
  overflow: hidden;
  transition: all 0.3s ease-out;
}

@media screen and (max-width: 1536px) {
  .modal-container-c018 {
    max-width: 1200px;
    max-height: 675px;
  }

}

.modal-container-c018.active {
  transform: translate(-50%, -50%);
  opacity: 1;
  display: block;

}

.modal-container-c018 .container-content {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 2rem;
  justify-content: center;
  overflow: hidden;
}

.modal-container-c018 .container-content .image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.modal-container-c018 .cross {
  padding: 0.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.outer-container .emr-h3 {
  font-weight: 300;
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.single-image-display-container .svg-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.emr-eyebrow2 {
  font-weight: 700;
  font-size: 0.75rem;
  font-style: normal;
  color: #004B8D;
}

@media screen and (max-width: 768px) {
  .single-image-display-container .image-display-container {
    height: 196px;
    width: 350px;
  }

}

/*----------------------------Custom Footer----------------------------------------------------------------------------------*/

.footer .image-container img {
  width: 180px !important;
}

.footer .slds-nav-vertical__action {
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  line-height: 24px !important;
  text-decoration: none !important;
  color: #F3F3F3 !important;
}

.footer a:hover:not(.slds-button, .slds-dropdown__item > a) {
  color: #fff !important;
  background-color: transparent !important;
  text-shadow: none !important;
}

.footer .slds-nav-vertical__item::before {
  position: static !important;
}

.footer .slds-nav-vertical__action:hover {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.footer .slds-p-vertical--small,
.slds-p-vertical_small {
  padding-top: 0 !important;
}

/*--PDP CSS--*/
/*--------------------------------------------------------------------------------------------------------------*/
.key-feature-container .key {

  font-size: 1.875rem;
  line-height: 40px;
  margin-bottom: 2rem;
}

/*--------------------------------------------------------------------------------------------------------------*/
.specification-container .spec {

  font-size: 1.875rem;
  line-height: 40px;
  margin-bottom: 2rem;
}

.specification-container .item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding: 1.5rem 0;
}

.specification-container .key {
  font-weight: 600;
  color: #262728;
}

.specification-container .value {
  font-weight: 400;
  color: #4e4f52;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* Footer */
.footer-container {
  display: flex;
  flex-direction: column;
}

.footer-container .main-container {
  color: #fff;
  background-color: #121313;
}

.footer-container .main-container>div {
  display: flex;
  padding: 40px 0;
  gap: 24px;
  max-width: 1456px;
  margin: auto;
}

.footer-container .main-container>div .first-main-container {
  display: flex;
  flex-direction: column;
  width: 282px;
}

.footer-container .main-container>div .first-main-container .image-container-logo {
  height: 64px;
  margin-bottom: 40px;
}

.footer-container .main-container>div .first-main-container .para-1 {
  font-size: 0.875rem;
  line-height: 24px;
  margin-bottom: 1rem;
}

.footer-container .main-container>div .first-main-container .go-boldy {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 24px;
  margin-bottom: 1.5rem;
}

.footer-container .main-container>div .first-main-container .connect-with-us {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 1.8rem;
}

.footer-container .main-container>div .first-main-container .social-media-container {
  height: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.footer-container .main-container>div .first-main-container .social-media-container .image-container {
  height: 24px;
  width: 24px;
}

.footer-container .accordion-item {
  border-bottom: none !important;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {

  .footer-container .main-container>div .first-main-container {
    flex-direction: row;
    width: 100%;
  }

  .footer-container .main-container>div .first-main-container .image-container-logo {
    min-width: 154px;
    margin-right: 30px;
  }

  .footer-container .main-container>div .first-main-container .para-1 {
    color: #c9cacc;
    margin-bottom: 0.7rem;
  }

  .footer-container .main-container>div .first-main-container .go-boldy {
    margin-bottom: 1rem;
  }

  .footer-container .main-container>div .first-main-container .connect-with-us {
    margin-bottom: 1.1rem;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .footer-container .main-container>div .first-main-container {
    width: 100%;
  }
}

.footer-container .main-container>div .second-main-container {
  display: flex;
  justify-content: flex-start;
  width: 894px;
  gap: 24px;
  border-left: 1px solid #fff;
  padding-left: 102px;
}

.footer-container .main-container>div .second-main-container .heading-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.footer-container .main-container>div .second-main-container .mobile-only {
  display: none;
  cursor: pointer;
}

.footer-container .main-container>div .second-main-container .accordion-toggle {
  display: none;
}

.footer-container .main-container>div .second-main-container .child-container {
  display: flex;
  flex-direction: column;
  width: 180px;
}

.footer-container .main-container>div .second-main-container .child-container .heading {
  font-weight: 700;
  font-size: 0.75rem;
}

.footer-container .main-container>div .second-main-container .child-container .content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-container .main-container>div .second-main-container .child-container .content .para-2 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 24px;
  color: #fff !important;
}

.footer-container .main-container>div .second-main-container .responsive-child-container {
  display: none;
}

.footer-container .main-container>div .second-main-container .accordion {
  width: 100%;
}


.footer-container .main-container>div .second-main-container .accordion-item .heading {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}

.footer-container .main-container>div .second-main-container .accordion-item .heading svg {
  transition: transform 0.3s ease;
}

.footer-container .image-container-logo img {
  max-height: none !important;
  width: auto !important;
}

@media screen and (min-width: 1560px) {
  .footer-container .image-container-logo img {
    width: 154px !important;
  }
}

.footer-container .content {
  font-weight: 500;
  font-size: 0.75rem;
  color: #fff !important;
}

.footer-container .main-container>div .second-main-container .accordion-item .content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-container .main-container>div .second-main-container input[type=radio] {
  appearance: none;
  position: fixed;
  top: -100vh;
  left: -100vh;
}

.footer-container .main-container>div .second-main-container input[type=radio]~div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}

.footer-container .main-container>div .second-main-container input[type=radio]:checked~div {
  max-height: 1000px;
  margin-top: 1rem;
}

.footer-container .main-container>div .second-main-container input[type=radio]:checked~label svg {
  transform: rotate(180deg);
}

.footer-container .main-container>div .second-main-container input[type=radio]:checked~div {
  max-height: 1000px;
  margin-top: 1rem;
}

.footer-container .main-container>div .second-main-container input[type=radio]:checked:hover~label svg {
  transform: rotate(180deg);
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .footer-container .main-container>div .second-main-container {
    width: 100%;
    border-left: none;
    border-top: 1px solid #fff;
    padding-top: 1rem;
    gap: 1rem;
    justify-content: center;
    padding-left: 0;
    border-left: none;
  }

  .footer-container .main-container>div .second-main-container .child-container {
    width: 164px;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .footer-container .main-container>div .second-main-container {
    width: 100%;
    border-left: none;
    padding-top: 1rem;
    gap: 0;
    flex-direction: column;
    padding-left: 0;
    border-left: none;
  }

  .footer-container .main-container>div .second-main-container .mobile-only {
    display: block;
  }

  .footer-container .main-container>div .second-main-container .mobile-only svg {
    transition: transform 0.3s ease;
  }

  .footer-container .main-container>div .second-main-container .child-container {
    width: 100%;
    /* padding: 1rem 0; */
    gap: 0;
  }

  .footer-container .accordion-item:has(.accordion-toggle) {
    border-top: 1px solid #fff;
  }


  .footer-container .main-container>div .second-main-container .accordion-toggle {
    display: block;
    appearance: none;
    position: fixed;
    top: -100vh;
    left: -100vh;
  }

  .footer-container .main-container>div .second-main-container .accordion-toggle:checked~.heading-wrapper svg {
    transform: rotate(180deg);
  }

  .footer-container .main-container>div .second-main-container .accordion-toggle~.content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s;
  }

  .footer-container .main-container>div .second-main-container .accordion-toggle:checked~.content {
    max-height: 1000px;
    margin-top: 1rem;
  }

  .footer-container .main-container>div .second-main-container .accordion-toggle:checked~.heading-wrapper .mobile-only svg {
    transform: rotate(180deg);
  }

  .footer-container .main-container>div .second-main-container .heading-wrapper {
    align-items: center;
    cursor: pointer;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1536px) {
  .footer-container .main-container>div {
    max-width: 1200px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .footer-container .main-container>div {
    flex-direction: column;
    max-width: 704px;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .footer-container .main-container>div {
    flex-direction: column;
    max-width: 328px;
  }
}

.footer-container .second-footer-container {
  background-color: #000000;
}

.footer-container .second-footer-container>div {
  color: #fff;
  display: flex;
  flex-direction: column;
  margin: auto;
  max-width: 1456px;
  padding-top: 24px;
  padding-bottom: 32px;
}

.footer-container .second-footer-container>div .para-1 {
  font-size: 1.125rem;
  line-height: 24px;
}

.footer-container .second-footer-container>div .para-2 {
  font-weight: 400;
  font-size: 0.75rem;
  margin-bottom: 24px;
}

.footer-container .second-footer-container>div .para-3 {
  font-weight: 500;
  font-size: 0.75rem;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

@media screen and (min-width: 1280px) and (max-width: 1536px) {
  .footer-container .second-footer-container>div {
    max-width: 1200px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .footer-container .second-footer-container>div {
    max-width: 704px;
  }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
  .footer-container .second-footer-container>div {
    max-width: 328px;
  }
}

/* .footer-container .child-container:not(:has(.content)) {
  display: none !important;
} */

.footer-container .child-container .lwc-33p17qvimcv.interactions-region {
  margin-top: -1px;
}

.footer-container .child-container .lwc-6jb05p8ont5-host.component-wrapper-spacer {
  margin-bottom: 0 !important;
}

.footer-container .child-container .interactions-component.lwc-6jb05p8ont5 {
  min-height: 0;
}

.footer-container .child-container .component-wrapper-spacer {
  margin-bottom: 0 !important;
}

.footer-container .child-container .footer-list-nav {
  padding-bottom: 1rem;
}

/*--------------------------------------------------------------------------------------------------------------*/
.facet-name.lwc-5992tllqkct {
  font-weight: 300;
  font-size: 14px;
}

.category-tree-section .selected-category.lwc-13i7bmaad39 {
  font-weight: 300 !important;
  line-height: 2rem;
  font-size: 14px;
  white-space: normal;
  /* margin-left: 0 !important; */

}

.category-tree-section .category-item.lwc-13i7bmaad39 {
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 2rem;
}

.category-tree-section .slds-truncate {
  font-weight: 600 !important;
  line-height: 2rem;
  font-size: 14px;
}

.category-tree-section,
.facets-section {
  padding: 1rem !important;
  margin-top: 0 !important;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #262728;
  border-color: #C9CACC;
  max-width: 282px;
}

@media screen and (max-width: 767px) {

  .category-tree-section,
  .facets-section {
    max-width: 100%;
  }

  .footer-container .child-container .footer-list-nav {
    padding: 1rem 0;
  }
}

.clear-all .slds-button {
  color: #00573D;
  margin-left: 1.1rem;
  font-size: 0.875rem;
}

.facets-section .slds-button__icon--small,
.slds-button__icon_small {
  width: 1rem !important;
  height: 1rem !important;
  color: #262728 !important;
}

.lwc-1tdgkcq49o3-host>div.lwc-1tdgkcq49o3 {
  white-space: normal;
}

.slds-media__body,
.slds-media__body>:last-child {
  text-transform: uppercase;
  font-family: "Noto Sans" !important;
  font-size: 0.875rem !important;
}

.fix-slds-input_faux {
  text-transform: uppercase;
  font-family: "Noto Sans" !important;
  font-size: 0.875rem !important;
}

.filters-title.lwc-6c68de1m9ep {
  font-weight: 500 !important;
  display: none;
}

.facet-name {
  align-self: center !important;
}

.facets-section:hover {
  box-shadow: 0 -4px 0 #00805A !important;
}

.facets-section:has(.slds-button_icon[title="Expanded"]) {
  box-shadow: 0 -4px 0 #00805A !important;
}

.facets-section .slds-form-element__label {
  font-weight: 300 !important;
  font-size: 0.875rem !important;
}

.facets-section .slds-p-top--medium,
.slds-p-top_medium {
  padding-top: 0 !important;
}

.facets-section:has(.slds-button_icon[title="Expanded"]) .facet-body {
  margin-top: 1rem;
}

.facets-section .slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux::after,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux::after,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux::after,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux::after,
.slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux::after,
.slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux::after {
  border-color: #00805A !important;
}

.slds-checkbox .slds-checkbox--faux,
.slds-checkbox .slds-checkbox_faux {
  width: 20px !important;
  height: 20px !important;
}

.facets-section .slds-checkbox [type="checkbox"]+.slds-checkbox--faux,
.slds-checkbox [type="checkbox"]+.slds-checkbox_faux,
.slds-checkbox [type="checkbox"]~.slds-checkbox--faux,
.slds-checkbox [type="checkbox"]~.slds-checkbox_faux,
.slds-checkbox [type="checkbox"]+.slds-checkbox__label .slds-checkbox--faux,
.slds-checkbox [type="checkbox"]+.slds-checkbox__label .slds-checkbox_faux {
  border-radius: 0;
  border-width: 2px;
}

.facets-section .slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux:after,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux:after,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux:after,
.slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after {
  height: 6.8px !important;
  width: 14px !important;
}

.navbar-container {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.navbar-container .border-div {
  border-bottom: 1px solid #c9cacc;
}

.navbar-container .navbar-inner-content {
  max-width: 1456px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  height: 64px;
  position: relative;
}

.navbar-inner-content {
  padding: 0 !important;
}

.nav-items {
  padding: 0 !important;
}

.navbar-container .navbar-inner-content .hamburger {
  display: none;
  cursor: pointer;
  z-index: 20;
}

.navbar-container .navbar-inner-content .hamburger.hamburger-cross {
  display: none;
}

.navbar-container .navbar-inner-content .hamburger-cross {
  width: 40px;
  justify-content: center;
  align-items: center;
}

.navbar-container .navbar-inner-content .image-container-logo {
  width: 166px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  gap: 1rem;
}

.navbar-container .navbar-inner-content .image-container-logo::after {
  content: "";
  height: 80%;
  border-right: 1px solid #636467;
}

.navbar-container .navbar-inner-content .image-container-logo .image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.navbar-container .navbar-inner-content .logo-container {
  display: flex;
}

.navbar-container .navbar-inner-content .logo-container .search {
  height: 64px;
  position: relative;
  z-index: 10;
  transition: background-color 0.3s ease;
}

.navbar-container .navbar-inner-content .logo-container .search .cross-icon {
  display: none;
}

.navbar-container .navbar-inner-content .logo-container .search .search-icon {
  display: block;
}

.navbar-container .navbar-inner-content .logo-container .search.active {
  background-color: #013564;
}

.navbar-container .navbar-inner-content .logo-container .search.active .cross-icon {
  display: block;
}

.navbar-container .navbar-inner-content .logo-container .search.active .search-icon {
  display: none;
}

.navbar-container .navbar-inner-content .logo-container .search.active .svg-search,
.navbar-container .navbar-inner-content .logo-container .search.active path {
  fill: #fff;
}

/* Override Core Account and Cart Icons */
.navbar-container .navbar-inner-content .logo-container .side-logo.account svg {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlVJL2FjY291bnQtc2lnbi1pbiI+CjxnIGlkPSJpY29uIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS4wMzE3IDhDMTkuMDMxNyAxMS44NjYgMTUuODk3NyAxNSAxMi4wMzE3IDE1QzguMTY1NjkgMTUgNS4wMzE2OCAxMS44NjYgNS4wMzE2OCA4QzUuMDMxNjggNC4xMzQwMSA4LjE2NTY5IDEgMTIuMDMxNyAxQzE1Ljg5NzcgMSAxOS4wMzE3IDQuMTM0MDEgMTkuMDMxNyA4Wk0xNy4wMzE3IDhDMTcuMDMxNyAxMC43NjE0IDE0Ljc5MzEgMTMgMTIuMDMxNyAxM0M5LjI3MDI2IDEzIDcuMDMxNjggMTAuNzYxNCA3LjAzMTY4IDhDNy4wMzE2OCA1LjIzODU4IDkuMjcwMjYgMyAxMi4wMzE3IDNDMTQuNzkzMSAzIDE3LjAzMTcgNS4yMzg1OCAxNy4wMzE3IDhaIiBmaWxsPSIjMDA0QjhEIi8+CjxwYXRoIGQ9Ik0xMi4wMTc1IDI0QzE1LjY4OTYgMjMuOTk0OCAxOC45NzUgMjIuMzQwMiAyMS4xNzI4IDE5LjczNzVDMjAuMTQ4MyAxNy41NjY0IDE4LjM2NTQgMTUuODIzNSAxNi4xNjU5IDE0Ljg1MDRDMTQuOTU5NCAxNS41ODAxIDEzLjU0NDcgMTYgMTIuMDMxOCAxNkMxMC41NTIgMTYgOS4xNjYwNSAxNS41OTgyIDcuOTc3MDYgMTQuODk3N0M1Ljc2MzMxIDE1LjkwOCAzLjk4MjQzIDE3LjcwMjEgMi45ODkyNiAxOS45MjUyQzUuMTg0NzkgMjIuNDE5NSA4LjM5OTY5IDIzLjk5NDkgMTEuOTgyNyAyNEgxMi4wMTc1WiIgZmlsbD0iIzAwNEI4RCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==);
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.navbar-container .navbar-inner-content .logo-container .side-logo.cart .cart-container svg {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlVJL2NhcnQtbWVudSI+CjxnIGlkPSJpY29uIj4KPHBhdGggZD0iTTAgMVY0SDVMOC43NSAxOUgyMC4yNUwyMSAxNkgxMC43NUwxMCAxM0gyMS43NUwyNCA0SDcuNzVMNyAxSDBaIiBmaWxsPSIjMDA0QjhEIi8+CjxwYXRoIGQ9Ik0xMC41IDIwQzkuNjcxNTcgMjAgOSAyMC42NzE2IDkgMjEuNUM5IDIyLjMyODQgOS42NzE1NyAyMyAxMC41IDIzQzExLjMyODQgMjMgMTIgMjIuMzI4NCAxMiAyMS41QzEyIDIwLjY3MTYgMTEuMzI4NCAyMCAxMC41IDIwWiIgZmlsbD0iIzAwNEI4RCIvPgo8cGF0aCBkPSJNMTguNSAyMEMxNy42NzE2IDIwIDE3IDIwLjY3MTYgMTcgMjEuNUMxNyAyMi4zMjg0IDE3LjY3MTYgMjMgMTguNSAyM0MxOS4zMjg0IDIzIDIwIDIyLjMyODQgMjAgMjEuNUMyMCAyMC42NzE2IDE5LjMyODQgMjAgMTguNSAyMFoiIGZpbGw9IiMwMDRCOEQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.navbar-container .navbar-inner-content .logo-container .side-logo.account svg use,
.navbar-container .navbar-inner-content .logo-container .side-logo.cart .cart-container svg use {
  display: none;
}

.search-input-wrapper {
  position: relative;
  width: 990px;
  display: flex;
  align-items: center;
}

.navbar-container .search-input {
  background-color: transparent;
  width: 100%;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  height: 32px;
  padding-bottom: 4px;
  padding-right: 40px;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}

.input-search-icon {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.navbar-container .search-input:focus {
  outline: none;
}

.navbar-container .dropdown-ctn {
  z-index: 99;
}

.navbar-container .search-input::placeholder {
  color: #fff;
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}

.navbar-container .navbar-inner-content .logo-container .search:hover {
  cursor: pointer;
  background-color: #003564;
}

.navbar-container .navbar-inner-content .logo-container .search:hover .svg-search {
  fill: #fff;
}

.navbar-container .navbar-inner-content .logo-container .side-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  z-index: 5;
}

.navbar-container .navbar-inner-content .logo-container .side-logo .image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.navbar-container .navbar-inner-content .image-container-logo img.lwc-6d0jmdgc6e8 {
  min-width: 98px !important;
  width: 98px !important;
  /* height: 40px; */
}

@media screen and (max-width: 1536px) {
  .navbar-container .navbar-inner-content {
    max-width: 1200px;
  }

  .navbar-container .search-input {
    width: 100%;
  }

  .search-input-wrapper {
    width: 750px;

  }
}

@media screen and (max-width: 1279px) {
  .navbar-container .navbar-inner-content {
    height: 56px;
    max-width: 768px;
    padding: 0;
    overflow: hidden;
  }

  .navbar-container .navbar-inner-content .image-container-logo::after {
    height: 65%;
  }

  .navbar-container .navbar-inner-content .image-container-logo img.lwc-6d0jmdgc6e8 {
    min-width: 75px !important;
    width: 75px;
    /* height: 32px; */
    margin-left: 1rem;
  }

  .navbar-container .navbar-inner-content .search {
    height: 56px !important;
  }

  .navbar-container .navbar-inner-content .image-container-logo {
    width: 75px;
  }

  .navbar-container .navbar-inner-content .hamburger {
    display: flex;
    align-items: center;
  }

  .navbar-container .navbar-inner-content .logo-container .search.active {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
  }

  .search-input-wrapper {
    width: 80%;
  }

  .navbar-container .navbar-inner-content .logo-container .side-logo {
    min-width: 56px;
  }
}

@media screen and (max-width: 767px) {
  .navbar-container .navbar-inner-content {
    height: 48px;
    max-width: 360px;
    padding: 0 12px;
  }

  .navbar-container .navbar-inner-content .image-container-logo img.lwc-6d0jmdgc6e8 {
    min-width: 66px !important;
    width: 66px;
    /* height: 28px; */
    margin-left: 0.75rem;
    margin-top: 0.4rem;
  }

  .navbar-container .navbar-inner-content .image-container-logo::after {
    height: 50%;
  }

  .navbar-container .navbar-inner-content .search {
    height: 48px !important;
  }

  .navbar-container .navbar-inner-content .image-container-logo {
    width: 66px;
  }

  .search-input-wrapper {
    width: 80% !important;
    margin-right: auto;
    padding-left: 1rem;
  }

  .navbar-container .navbar-inner-content .logo-container .side-logo {
    min-width: 48px;
  }

  .navbar-container .dxp-content-layout-site-logo.lwc-440ckkrho00 {
    max-height: 49px
  }

  .navbar-container .lwc-7eufvtb7r7a {
    height: 49px
  }
}

.navbar-container .nav-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  max-width: 1456px;
  margin: 0 auto;
  padding: 0 40px;
}

.navbar-container .nav-items .nav-item-container {
  display: flex;
}

.navbar-container .nav-items .nav-item-container .nav-item {
  padding: 16px 24px;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #262728;
  position: relative;
  cursor: pointer;
}

.navbar-container .nav-items .nav-item-container .nav-item:hover {
  color: #004b8d;
}

.navbar-container .nav-items .nav-item-container .nav-item.active-dropdown {
  box-shadow: inset 0 -4px 0 #004b8d;
  color: #004b8d;
}

@media screen and (max-width: 1536px) {
  .navbar-container .nav-items {
    max-width: 1200px;
  }
}

@media screen and (max-width: 1279px) {
  .navbar-container .nav-items {
    display: none;
  }
}

.mobile-footer .slds-icon {
  fill: #fff !important;
}

.mobile-footer .G016 .icon-color,
.mobile-footer .G016 .svg-path {
  color: #fff !important;
  fill: #fff !important;
  font-weight: 300;
  font-size: 1rem;
}

.emr-icon .dropdown-container {
  position: absolute;
  left: 0;
  width: 100%;
  background: white;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px;
}

.dropdown-container.active-dropdown {
  height: 456px;
}

.dropdown-container.active-dropdown:hover {
  height: 456px;
}

.dropdown-container#industries-dropdown.active-dropdown,
.dropdown-container#support-dropdown.active-dropdown {
  height: 200px;
}

.dropdown-container#industries-dropdown.active-dropdown:hover,
.dropdown-container#support-dropdown.active-dropdown:hover {
  height: 200px;
}

.dropdown-container#company-dropdown.active-dropdown {
  height: 392px;
}

.dropdown-container#company-dropdown.active-dropdown:hover {
  height: 392px;
}

.dropdown-container#business-dropdown {
  width: 252px;
  left: auto;
}

.dropdown-container#business-dropdown.active-dropdown {
  height: 200px;
}

.dropdown-container#business-dropdown.active-dropdown:hover {
  height: 200px;
}

.dropdown-container#business-dropdown .dropdown-content {
  padding: 16px;
  max-width: unset;
}

.dropdown-container#business-dropdown .dropdown-content .business-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dropdown-container#business-dropdown .dropdown-content .business-links .business-item {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

.dropdown-container#business-dropdown .dropdown-content .business-links .business-item:hover {
  color: #004b8d;
}

.dropdown-container .dropdown-content {
  padding: 0px 40px;
  max-width: 1456px;
  margin: 0 auto;
}

.dropdown-container .dropdown-content .content {
  display: flex;
  height: 456px;
}

.dropdown-container .dropdown-content .content .fisrt-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 24px;
}

.dropdown-container .dropdown-content .content .fisrt-content .first-content-item {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  display: flex;
  justify-content: space-between;
  width: 282px;
  height: 32px;
}

.dropdown-container .dropdown-content .content .fisrt-content .first-content-item .image-container-svg {
  width: 1rem;
  height: 1rem;
}

.dropdown-container .dropdown-content .content .fisrt-content .first-content-item .image-container-svg .svg-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dropdown-container .dropdown-content .content .fisrt-content .active-content {
  font-weight: 600;
  color: #004b8d;
}

.dropdown-container .dropdown-content .content .second-content {
  display: flex;
  padding: 24px 40px;
  gap: 8px;
  background-color: #f3f3f3;
}

.dropdown-container .dropdown-content .content .second-content .child-second-content,
.dropdown-container .dropdown-content .content .second-content .brand-container {
  width: 282px;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dropdown-container .dropdown-content .content .second-content .child-second-content .child-second-content-item,
.dropdown-container .dropdown-content .content .second-content .brand-container .child-second-content-item {
  height: 32px;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}

.dropdown-container .dropdown-content .content .second-content .child-second-content .bold,
.dropdown-container .dropdown-content .content .second-content .brand-container .bold {
  font-weight: 700;
}

.dropdown-container .dropdown-content .content .second-content .brand-container {
  border-left: 1px solid #c9cacc;
  padding-left: 24px;
}

.dropdown-container .dropdown-content .company-content {
  height: auto;
}

.dropdown-container .dropdown-content .company-content .brand-container {
  border-left: none !important;
}

.dropdown-container .dropdown-content .cotact-us-container {
  padding: 24px;
  display: flex;
  justify-content: space-between;
}

.dropdown-container .dropdown-content .cotact-us-container>div {
  width: 48%;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f3f3f3;
  color: #004b8d;
}

.dropdown-container .dropdown-content .industries-content {
  display: grid;
  grid-template-columns: repeat(4, 266px);
  gap: 32px;
  padding: 24px;
}

.dropdown-container .dropdown-content .industries-content .industries-item {
  height: 32px;
  font-weight: 400;
  font-size: 0.75rem;
}

.dropdown-container .dropdown-content .contact-content {
  display: flex;
  gap: 40px;
}

.dropdown-container .dropdown-content .contact-content .contact-info,
.dropdown-container .dropdown-content .contact-content .contact-form {
  flex: 1;
}

@media screen and (max-width: 1536px) {
  .dropdown-container .dropdown-content {
    max-width: 1200px;
  }
}

.mobile-menu {
  position: fixed;
  top: 64px;
  right: -360px;
  width: 360px;
  height: calc(100vh - 64px);
  background-color: #fff;
  z-index: 15;
  transition: right 0.3s ease-in-out;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.mobile-menu.active {
  right: 0;
}

.mobile-menu .mobile-menu-content {
  padding: 0 14.5px;
  flex: none;
}

.mobile-menu .mobile-menu-content .mobile-nav-item {
  border-bottom: 1px solid #d1d1d1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  height: 48px;
}

.mobile-menu .mobile-menu-content .mobile-nav-item .image-container-menu {
  width: 1rem;
  height: 1rem;
  transform: rotate(-90deg);
}

.mobile-menu .mobile-menu-content .mobile-nav-item .image-container-menu .image-svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mobile-menu .mobile-menu-content .mobile-nav-item.has-submenu {
  cursor: pointer;
}

.mobile-menu .mobile-menu-content .mobile-nav-item.has-submenu.active {
  border-bottom: none;
}

.mobile-menu .mobile-menu-content .mobile-nav-item .image-container-menu {
  transition: transform 0.3s ease;
}

.mobile-menu .mobile-menu-content .mobile-nav-item.active .image-container-menu {
  transform: rotate(180deg);
}

.mobile-menu .mobile-menu-content .mobile-submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  background-color: #f9f9f9;
}

.mobile-menu .mobile-menu-content .mobile-submenu.active {
  max-height: 600px;
}

.mobile-menu .mobile-menu-content .mobile-submenu .submenu-content {
  padding: 16px;
}

.mobile-menu .mobile-menu-content .mobile-submenu .submenu-content .submenu-products {
  display: flex;
  flex-direction: column;
}

.mobile-menu .mobile-menu-content .mobile-submenu .submenu-content .submenu-products .submenu-category {
  font-weight: 600;
  margin-bottom: 8px;
  color: #004b8d;
}

.mobile-menu .mobile-menu-content .mobile-submenu .submenu-content .submenu-products .submenu-item {
  padding: 8px 0;
  font-size: 0.875rem;
}

.mobile-menu .mobile-menu-content .mobile-submenu .submenu-content .submenu-company {
  display: flex;
  flex-direction: column;
}

.mobile-menu .mobile-menu-content .mobile-submenu .submenu-content .submenu-company .submenu-category {
  font-weight: 600;
  margin-bottom: 8px;
  color: #004b8d;
}

.mobile-menu .mobile-menu-content .mobile-submenu .submenu-content .submenu-company .submenu-item {
  padding: 8px 0;
  font-size: 0.875rem;
}

.mobile-menu .mobile-deep-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 30px);
  height: 100%;
  background: #fff;
  z-index: 5;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}

.mobile-menu .mobile-deep-nav.active {
  transform: translateX(0);
}

.mobile-menu .mobile-deep-nav .deep-nav-header {
  height: 48px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d1d1d1;
}

.mobile-menu .mobile-deep-nav .deep-nav-header .back-button {
  font-size: 1rem;
  line-height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #262728;
  font-weight: 500;
}

.mobile-menu .mobile-deep-nav .deep-nav-header .back-button .image-svg {
  transform: rotate(90deg);
  margin-right: 0.5rem;
}

.mobile-menu .mobile-deep-nav .deep-nav-header .back-button .back-icon {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}

.mobile-menu .mobile-deep-nav .deep-nav-content {
  flex: 1;
  overflow-y: auto;
}

.mobile-menu .mobile-deep-nav .deep-nav-content .no-border {
  border-bottom: none !important;
}

.mobile-menu .mobile-deep-nav .deep-nav-content .deep-nav-category {
  border-bottom: 1px solid #f0f0f0;
}

.mobile-menu .mobile-deep-nav .deep-nav-content .deep-nav-category .category-title {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #262728;
  height: 48px;
  display: flex;
  align-items: center;
}

.mobile-menu .mobile-deep-nav .deep-nav-content .deep-nav-category .category-items {
  display: flex;
  flex-direction: column;
  max-height: none;
  overflow: visible;
}

.mobile-menu .mobile-deep-nav .deep-nav-content .deep-nav-category .category-items .category-item {
  height: 48px;
  font-size: 1rem;
  font-weight: 300;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .mobile-menu .mobile-deep-nav .deep-nav-content .deep-nav-category .category-title {
    cursor: pointer;
    justify-content: space-between;
    padding-right: 12px;
  }

  .mobile-menu .mobile-deep-nav .deep-nav-content .deep-nav-category .category-title::after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41 0L6 4.59L10.59 0L12 1.42L6 7.42L0 1.42L1.41 0Z' fill='%23000000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
  }

  .mobile-menu .mobile-deep-nav .deep-nav-content .deep-nav-category .category-title.active::after {
    transform: rotate(180deg);
  }

  .mobile-menu .mobile-deep-nav .deep-nav-content .deep-nav-category .category-items {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
  }

  .mobile-menu .mobile-deep-nav .deep-nav-content .deep-nav-category .category-items.expanded {
    max-height: 500px;
  }

  .mobile-menu .mobile-deep-nav .deep-nav-content .deep-nav-category .category-items.expanded .category-item {
    height: 48px;
    font-size: 0.875rem;
    font-weight: 400;
  }
}

.mobile-menu .mobile-deep-nav .deep-nav-content #support-deep-nav .deep-nav-category {
  padding-top: 12px;
  border-bottom: none;
}

.mobile-menu .mobile-deep-nav .deep-nav-content #support-deep-nav .deep-nav-category .category-items {
  padding: 0;
  max-height: none !important;
  overflow: visible !important;
}

.mobile-menu .mobile-deep-nav .deep-nav-content #support-deep-nav .deep-nav-category .category-items .category-item {
  padding: 0 12px;
  height: 48px;
  font-size: 1rem;
  font-weight: 300;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}

.mobile-menu .mobile-deep-nav .deep-nav-content #support-deep-nav .deep-nav-category .category-items .category-item:last-child {
  border-bottom: none;
}

.mobile-menu .mobile-deep-nav .deep-nav-content #support-deep-nav .deep-nav-category .category-items .category-item:hover {
  background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
  .mobile-menu .mobile-deep-nav .deep-nav-content #support-deep-nav .deep-nav-category .category-items {
    max-height: none !important;
    overflow: visible !important;
  }
}

.mobile-menu .mobile-footer {
  margin-top: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 144px;
  padding: 8px 16px;
  background-color: #262728;
  color: #fff;
}

.mobile-menu .mobile-footer .mobile-footer-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
}

@media screen and (max-width: 1279px) {
  .mobile-menu {
    top: 56px;
    height: calc(100vh - 56px);
  }
}

@media screen and (max-width: 767px) {
  .mobile-menu {
    top: 48px;
    right: -100%;
    width: 100%;
    height: calc(100vh - 48px);
  }
}

.menu-overlay {
  display: none;
}

/*--------------------------------------------------------------------------------------------------------------*/

/* Added by: Priyanka Raut
* Component Name: VN003 Action Square with Images
*/

/* Wrapper to align cards in a row with spacing */
.vn003-card-container-wrapper {
  --expand-height: 449px;
  display: flex;
  flex-wrap: wrap;
  gap: 2.9rem;
  justify-content: center;
  /* Change from center to flex-start */
  align-items: flex-start;
  height: 469px;
  overflow: hidden;
  padding: 10px 0;
  /* Add horizontal padding */
  transition: height 0.5s ease;
  max-width: 1456px;
  margin: auto;
}

@media screen and (max-width: 1536px) {
  .vn003-card-container-wrapper {
    max-width: 1200px;
  }
}

@media screen and (max-width: 1279px) {
  .vn003-card-container-wrapper {
    max-width: 704px;
    height: calc(469px * 2);
  }
}

@media screen and (max-width: 767px) {
  .vn003-card-container-wrapper {
    max-width: 328px;
    height: calc(469px * 4 + 25px);
  }
}

.vn003-card-container-wrapper.animating {
  transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  height: var(--expand-height);
}

.vn003-card-container {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  padding: 24px;
  padding-top: 0;
  cursor: pointer;
  width: 265px;
  height: 449px;
  margin: 0;
  min-width: 265px;
  opacity: 1;
  transform: translateY(0);
}

.vn003-card-container:hover {
  background-color: #004b8d;
}

.vn003-card-container:hover .emr-icon {
  filter: brightness(0) invert(1);
}

.vn003-card-container .emr-icon {
  width: 55px;
  height: 55px;
}

.vn003-card-container .card-heading {
  color: #333333;
  /* Dark text */
  font-size: 1.125rem;
  margin-bottom: 10px;
  line-height: 30.954px;
  text-align: center;
  font-weight: 500;
  margin-top: 1rem;
}

.vn003-card-container .card-description {
  color: #666666;
  /* Light gray text */
  font-size: 1rem;
  line-height: 26px;
  font-weight: 300;
  padding: 0 24px;
  margin-bottom: 10px;
}

.vn003-card-container .arrow-icon {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.VN003-button {
  max-width: 280px;
  margin: auto;
  margin-top: 1rem;
}

.VN003-button svg {
  transition: transform 0.3s ease;
}

.VN003-button svg.rotate-up {
  transform: rotate(180deg);
}

.vn003-card-container .arrow-icon svg {
  stroke: #b3b3b3;
  transition: stroke 0.3s;
}

.vn003-card-container:hover .card-heading,
.vn003-card-container:hover .card-description,
.vn003-card-container:hover .arrow-icon svg {
  color: white;
  stroke: white;
}

.vn003-button-container {
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin: 0 auto;
  width: 282px !important;
  max-width: 282px !important;
  height: 50px;
  text-align: center;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.vn003-button-container:hover {
  background-color: #afb4b9;
}

.vn003-card-container-wrapper .image-container {
  width: 265px;
  height: 177px;
}

.vn003-card-container-wrapper .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Responsive layouts */
@media screen and (max-width: 1280px) {
  .c094-container {
    width: 704px;
    padding: 40px 0px 48px;
    flex-direction: column;
  }

  .c094-container .image-container {
    width: 464px;
    height: 464px;
    margin: auto;
  }

  .c094-container .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .c094-container .image-content-description {
    width: 704px;
  }

  .vn003-card-container-wrapper {
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .vn003-card-container-wrapper.animating {
    transition-duration: 0.4s;
  }
}

@media screen and (max-width: 768px) {
  .c094-container {
    width: 328px;
    margin: auto;
    padding: 40px 0px 48px;
    flex-direction: column;
  }

  .c094-container .image-container {
    width: 328px;
    height: 328px;
    margin: auto;
  }

  .c094-container .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .c094-container .image-content-description {
    width: 328px;
  }

  .vn003-card-container-wrapper {
    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .vn003-card-container-wrapper.expanded {
    height: auto;
    max-height: none;
  }
}


.vn003-card-container-wrapper.expanded {
  height: var(--expand-height);
}

/*--------------------------------------------------------------------------------------------------------------*/

/* Added by: Priyanka Raut
* Component Name: VN002 Action Square
*/

.vn002-card-container-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2.9rem;
  justify-content: center;
  align-items: flex-start;
  height: 449px;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
  /* padding: 10px; */
  max-width: 1456px;
  margin: auto;
}

@media screen and (max-width: 1536px) {
  .vn002-card-container-wrapper {
    max-width: 1200px;
  }
}

@media screen and (max-width: 1279px) {
  .vn002-card-container-wrapper {
    max-width: 704px;
    height: calc(449px * 2);
  }
}

@media screen and (max-width: 767px) {
  .vn002-card-container-wrapper {
    max-width: 328px;
    height: calc(449px * 4 + 25px);
  }
}

.vn002-card-container-wrapper .vn002-card-container {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s, color 0.3s;
  padding: 20px;
  cursor: pointer;
  width: 265px;
  height: 449px;
  /* Updated from 412px to 449px */
  margin: 0;
  flex: 0 0 265px;
  /* Prevent flex shrinking */
}

.vn002-card-container-wrapper .vn002-card-container:hover {
  background-color: #004b8d;
}

.vn002-card-container:hover .emr-icon {
  filter: brightness(0) invert(1);
}

.vn002-card-container .emr-icon {
  width: 55px;
  height: 55px;
}

.vn002-card-container-wrapper.vn002-card-container .card-heading {
  color: #333333;
  /* Dark text */
  font-size: 1.375rem;
  margin-bottom: 10px;
  line-height: 30.954px;
  text-align: center;
  word-spacing: 0px;
  font-weight: 600px;
  margin-top: 3.5rem;
}

.vn002-card-container-wrapper .vn002-card-container .card-description {
  color: #666666;
  /* Light gray text */
  font-size: 1rem;
  line-height: 26px;
  font-weight: 300px;
  margin-bottom: 10px;
}

.vn002-card-container .arrow-icon {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vn002-button {
  max-width: 280px;
  margin: auto;
  margin-top: 1rem;
}

.vn002-button svg {
  transition: transform 0.3s ease;
}

.vn002-button svg.rotate-up {
  transform: rotate(180deg);
}

.vn002-card-container .arrow-icon svg {
  stroke: #b3b3b3;
  transition: stroke 0.3s;
}

.vn002-card-container:hover .card-heading,
.vn002-card-container:hover .card-description,
.vn002-card-container:hover .arrow-icon svg {
  color: white;
  stroke: white;
}

.vn002-button-container {
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin: 0 auto;
  width: 282px !important;
  max-width: 282px !important;
  height: 50px;
  text-align: center;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.vn002-button-container:hover {
  background-color: #afb4b9;
}


/* Remove conflicting styles */
.vn002-card-container-wrapper.expanded {
  height: auto;
}

/*--------------------------------------------------------------------------------------------------------------*/
/***
Added By Mohit Batheja
Industry Page Template 
*/
.catalog-template-callout-parent .c026-container-parent-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 716px;
  gap: 2rem;
}

.catalog-template-callout-parent .c026-container-parent-flex .c026-button-1 {
  width: 340px;
}




.catalog-template-callout-parent .c014-parent-flex-container-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1456px;
  gap: 1rem;
}

.catalog-template-callout-parent .c014-parent-flex-container-2 .c014-slot-1 {
  width: 960px;

}

.catalog-template-callout-parent .c014-parent-flex-container-2 .c014-slot-2 {
  width: 464px;
}

.c014-parent-flex-container-2 .c014-child-flex-container-3 {
  display: flex;
  gap: 1rem;
  width: 464px;
}

.c014-parent-flex-container-2 .c014-child-flex-container-3 .item-1 {
  width: 464px;
  /* margin-bottom: 1rem */
}



@media screen and (min-width: 360px) and (max-width: 767px) {
  .catalog-template-callout-parent .c026-container-parent-flex {
    display: flex;
    justify-content: center;
    width: 328px;
    gap: 1.5rem;
  }

  .catalog-template-callout-parent .c026-container-parent-flex .c026-button-1 {
    width: 282px;

  }

  .catalog-template-callout-parent .c014-parent-flex-container-2 {
    width: 328px;
  }

  .catalog-template-callout-parent .c014-parent-flex-container-2 .c014-slot-1 {
    width: 328px;

  }

  .catalog-template-callout-parent .c014-parent-flex-container-2 .c014-slot-2 {
    width: 328px;
  }

  .c014-parent-flex-container-2 .c014-child-flex-container-3 {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    width: 328px;
  }

  .c014-parent-flex-container-2 .c014-child-flex-container-3 .item-1 {
    width: 160px;
    /* margin-bottom: 1rem */
  }



}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .catalog-template-callout-parent .c026-container-parent-flex {
    display: flex;
    justify-content: center;
    width: 592px;
    gap: 1rem;
  }

  .catalog-template-callout-parent .c026-container-parent-flex .c026-button-1 {
    width: 282px;
  }


  .catalog-template-callout-parent .c014-parent-flex-container-2 {
    width: 704px;
  }

  .catalog-template-callout-parent .c014-parent-flex-container-2 .c014-slot-1 {
    width: 464px;

  }

  .catalog-template-callout-parent .c014-parent-flex-container-2 .c014-slot-2 {
    width: 224px;
  }

  .c014-parent-flex-container-2 .c014-child-flex-container-3 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 224px;
  }

  .c014-parent-flex-container-2 .c014-child-flex-container-3 .item-1 {
    width: 224px;
    /* margin-bottom:1rem */
  }

}

@media screen and (min-width: 1280px) and (max-width: 1535px) {
  .catalog-template-callout-parent .c026-container-parent-flex {
    display: flex;
    justify-content: center;
    width: 588px;
    gap: 1.5rem;
  }

  .catalog-template-callout-parent .c026-container-parent-flex .c026-button-1 {
    width: 282px;

  }


  .catalog-template-callout-parent .c014-parent-flex-container-2 {
    width: 1200px;
  }

  .catalog-template-callout-parent .c014-parent-flex-container-2 .c014-slot-1 {
    width: 792px;

  }

  .catalog-template-callout-parent .c014-parent-flex-container-2 .c014-slot-2 {
    width: 384px;
  }

  .c014-parent-flex-container-2 .c014-child-flex-container-3 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 384px;
  }

  .c014-parent-flex-container-2 .c014-child-flex-container-3 .item-1 {
    width: 384px;
    /* margin-bottom:1rem */
  }

}

@media screen and (min-width: 1536px) {
  .catalog-template-callout-parent .c026-container-parent-flex {
    display: flex;
    justify-content: center;
    width: 716px;
    gap: 2rem;
  }

  .catalog-template-callout-parent .c026-container-parent-flex .c026-button-1 {
    width: 340px;

  }



  .catalog-template-callout-parent .c014-parent-flex-container-2 {
    width: 1456px;
  }

  .catalog-template-callout-parent .c014-parent-flex-container-2 .c014-slot-1 {
    width: 960px;

  }

  .catalog-template-callout-parent .c014-parent-flex-container-2 .c014-slot-2 {
    width: 464px;
  }

  .c014-parent-flex-container-2 .c014-child-flex-container-3 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 464px;
  }

  .c014-parent-flex-container-2 .c014-child-flex-container-3 .item-1 {
    width: 464px;
    /* margin-bottom:1rem */
  }

}

/*--------------------------------------------------------------------------------------------------------------*/


/* Pagination */
.pageControlPart .slds-button--neutral:disabled,
.slds-button--neutral[disabled],
.slds-button_neutral:disabled,
.slds-button_neutral[disabled],
lightning-button[variant="neutral"]::part(button):disabled {
  border-color: transparent !important;
}

.pageControlPart .nav-button-current.lwc-1veu381bo8t,
.nav-direction.lwc-1veu381bo8t,
.nav-button.lwc-1veu381bo8t {
  border-color: transparent !important;
}

.pageControlPart .slds-icon-text-default {
  --slds-c-icon-color-foreground: #2B5742 !important;
}

.pageControlPart .slds-button--brand,
.slds-button_brand,
.slds-button.slds-button_icon.slds-button_icon-brand,
lightning-button[variant="brand"]::part(button) {
  color: black !important;
  background-color: transparent !important;
}


.pageControlPart .slds-button--brand,
.slds-button_brand {
  --slds-c-button-spacing-inline-start: 0 !important;
  --slds-c-button-spacing-inline-end: 0 !important;
}

.grid-item.lwc-2j3d97hbt80 {
  outline: 0.6px solid #C9CACC;
  align-items: flex-start !important;
}



@media screen and (min-width: 767px) and (max-width: 1279px) {
  .grid-item.lwc-2j3d97hbt80 {
    min-width: 14.5rem !important;
  }

  #tab1-tab .grid-item.lwc-2j3d97hbt80 {
    min-width: 12.50rem !important;
  }
}

/*-----------------------------------------------------------------------------------------*/

/*
* Priyanka Raut. - C045-C046 Container
*/
.Container-template-parent {
  max-width: 1200px;
  margin: auto;
  padding-top: 2.5rem;
  min-height: 0;
  gap: 2rem;
}

/*---------------------------------------------------------------------------*/
/* container 35-65 for desktop  */
.parent-flex-container-35-65 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;

}

.parent-flex-container-35-65 .inner-item-1 .item-1 {
  width: 486px;
  height: 384px;
}

.parent-flex-container-35-65 .inner-item-1 .item-1 {
  width: 384px;
  height: 384px;
  margin-right: 102px;
}

.parent-flex-container-35-65 .inner-item-2 .item-2 {
  width: 690px;
  height: fit-content;
  margin-right: 2px;
}


.parent-flex-container-35-65 .inner-item-2 .item-2 .button-container {
  width: 588px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.parent-flex-container-35-65 .inner-item-2 .item-2 .button-container .button-1 {
  width: 282px;
}

.parent-flex-container-35-65 .inner-item-2 .item-2 .button-container .button-2 {
  width: 282px;
}

/*---------------------------------------------------------------------------*/

/* container 65-35 for desktop  */

.parent-flex-container-65-35 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;

}

.parent-flex-container-65-35 .inner-item-1 {
  width: 690px;
  height: 456px;
}

.parent-flex-container-65-35 .item-1 .button-container {
  width: 588px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.parent-flex-container-65-35 .item-1 .button-container .button-1 {
  width: 282px;
}

.parent-flex-container-65-35 .item-1 .button-container .button-2 {
  width: 282px;
}

.parent-flex-container-65-35 .inner-item-2 {
  width: 510px;

}

.parent-flex-container-65-35 .inner-item-2 .item-2 {
  width: 384px;
  margin-left: 102px;
}

/*---------------------------------------------------------------------------*/
/* container 60-40 for desktop  */

.parent-flex-container-60-40 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}

.parent-flex-container-60-40 .item-1 {
  width: 690px;
  height: 388px;
  margin-right: 102px;
}

.parent-flex-container-60-40 .item-2 {
  width: 384px;
  height: fit-content;
  margin-right: 1px;
}

.parent-flex-container-60-40 .item-2 .button-container {
  width: 384px;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 10px
}

.parent-flex-container-60-40 .item-2 .button-container .button-1 {
  width: 282px;
  margin-bottom: 10px;
}

.parent-flex-container-60-40 .item-2 .button-container .button-2 {
  width: 282px;
}

/*---------------------------------------------------------------------------*/
/* container 40-60 for desktop  */

.parent-flex-container-40-60 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;

}

.parent-flex-container-40-60 .item-1 {
  width: 384px;
  height: fit-content;
}

.parent-flex-container-40-60 .item-1 .button-container {
  width: 384px;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
  flex-direction: column;
}

.parent-flex-container-40-60 .item-1 .button-container .button-1 {
  width: 282px;
  margin-bottom: 10px;
}

.parent-flex-container-40-60 .item-1 .button-container .button-2 {
  width: 282px;
}


.parent-flex-container-40-60 .item-2 {
  width: 690px;
  height: fit-content;
  margin-right: 1px;
}

/*---------------------------------------------------------------------------*/
/* container 50-50 for desktop  */
.parent-flex-container-50-50 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}

.parent-flex-container-50-50 .item-1 {
  width: 588px;
  /* height: 330.75px; */
}

.parent-flex-container-50-50 .item-2 {
  width: 500px;
  height: fit-content;
  margin-right: 1px;

}

.parent-flex-container-50-50 .item-2 .button-container {
  width: 282px;
}

.parent-flex-container-50-50 .item-2 .button-container .button-1 {
  width: 282px;
  margin-bottom: 10px;
}

.parent-flex-container-50-50 .item-2 .button-container .button-2 {
  width: 282px;
}

/*** for tab view *******/

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .Container-template-parent {
    width: 720px;
    margin: auto;
    padding-top: 2.5rem;
  }

  /*---------------------------------------------------------------------------*/
  /* container 35-65 for tab  */

  .parent-flex-container-35-65 .item-1 {
    width: 224px;
    height: fit-content;
    margin-right: 60px;
  }

  .parent-flex-container-35-65 .item-2 {
    width: 404px;
    height: fit-content;

  }

  .parent-flex-container-35-65 .item-2 .button-container {
    width: 404px;
  }

  .parent-flex-container-35-65 .item-2 .button-container .button-1 {
    width: 224px;
  }

  .parent-flex-container-35-65 .item-2 .button-container .button-2 {
    width: 224px;
  }

  /*---------------------------------------------------------------------------*/
  /* container 65-35 for tab  */

  .parent-flex-container-65-35 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .parent-flex-container-65-35 .inner-item-1 {
    width: 404px;
    height: 600px;
  }

  /* .parent-flex-container-65-35 .item-1 {
    width: 404px;
    height: 600px;
  } */

  .parent-flex-container-65-35 .inner-item-1 .item-1 .button-container {
    width: 404px;
  }

  .parent-flex-container-65-35 .inner-item-1 .item-1 .button-container .button-1 {
    width: 224px;
  }

  .parent-flex-container-65-35 .inner-item-1 .item-1 .button-container .button-2 {
    width: 224px;
  }

  .parent-flex-container-65-35 .inner-item-2 {
    width: 284px;
    height: 224px;
  }

  .parent-flex-container-65-35 .inner-item-2 .item-2 {
    width: 224px;
    height: fit-content;
    margin-left: 102px;
  }

  /*---------------------------------------------------------------------------*/
  /* container 60-40 for tab */

  .parent-flex-container-60-40 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .parent-flex-container-60-40 .item-1 {
    width: 334px;
    height: 192px;
  }

  .parent-flex-container-60-40 .item-2 {
    width: 344px;
    height: fit-content;
    flex-wrap: nowrap;
    flex-direction: row;

  }

  .parent-flex-container-60-40 .item-2 .button-container {
    width: 224px;
    margin-bottom: 1rem;
    gap: 10px
  }

  .parent-flex-container-60-40 .item-2 .button-container .button-1 {
    width: 224px;
    margin-bottom: 10px;
  }

  .parent-flex-container-60-40 .item-2 .button-container .button-2 {
    width: 224px;
  }

  /*---------------------------------------------------------------------------*/
  /* container 40-60 for tab  */

  .parent-flex-container-40-60 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .parent-flex-container-40-60 .item-1 {
    width: 344px;
    height: 552px;
  }

  .parent-flex-container-40-60 .item-1 .button-container {
    width: 224px;
    margin-bottom: 1rem;
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .parent-flex-container-40-60 .item-1 .button-container .button-1 {
    width: 224px;
    margin-bottom: 10px;
  }

  .parent-flex-container-40-60 .item-1 .button-container .button-2 {
    width: 224px;
  }

  .parent-flex-container-40-60 .item-2 {
    width: 334px;
    height: 192px;

  }

  /*---------------------------------------------------------------------------*/
  /* container 50-50 for tablet  */
  .parent-flex-container-50-50 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .parent-flex-container-50-50 .item-1 {
    width: 404px;
  }

  .parent-flex-container-50-50 .item-2 {
    width: fit-content;
    /* height: 408px; */
  }

  .parent-flex-container-50-50 .item-2 .button-container {
    width: 224px;
  }

  .parent-flex-container-50-50 .item-2 .button-container .button-1 {
    width: 224px;
    margin-bottom: 10px;
  }

  .parent-flex-container-50-50 .item-2 .button-container .button-2 {
    width: 224px;
  }

}



/*** for mobile view *******/

@media screen and (min-width: 360px) and (max-width: 767px) {
  .Container-template-parent {
    width: 328px;
    margin: auto;
    padding-top: 2.5rem;
    flex-direction: column;

  }

  .parent-flex-container-65-35 {
    flex-direction: column-reverse !important;
  }

  /*---------------------------------------------------------------------------*/
  /* container 35-65 for mobile  */

  .parent-flex-container-35-65 .item-1 {
    width: 272px;
    height: 272px;
  }

  .parent-flex-container-35-65 .item-2 {
    display: flex;
    flex-wrap: wrap;
    width: 328px;
  }

  .parent-flex-container-35-65 .item-2 .button-container {
    width: 224px;
    margin: auto;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px
  }

  .parent-flex-container-35-65 .item-2 .button-container .button-1 {
    width: 224px;
  }

  .parent-flex-container-35-65 .item-2 .button-container .button-2 {
    width: 224px;
  }

  /*---------------------------------------------------------------------------*/

  /* container 65-35 for mobile  */



  .parent-flex-container-65-35 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .parent-flex-container-65-35 .inner-item-1 {
    display: flex;
    flex-wrap: wrap;
    width: 328px;
    align-items: center;
  }

  .parent-flex-container-65-35 .inner-item-1 .item-1 .button-container {
    width: 224px;
    margin: auto;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }

  .parent-flex-container-65-35 .inner-item-1 .item-1 .button-container .button-1 {
    width: 282px;
  }

  .parent-flex-container-65-35 .inner-item-1 .item-1 .button-container .button-2 {
    width: 282px;
  }

  .parent-flex-container-65-35 .inner-item-2 {
    width: 328px;
    height: 272px;
    align-items: center;
  }

  .parent-flex-container-65-35 .inner-item-2 .item-2 {
    width: 272px;
    height: 272px !important;
    margin: auto;

  }

  /*---------------------------------------------------------------------------*/

  /* container 60-40 for mobile */

  .parent-flex-container-60-40 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .parent-flex-container-60-40 .item-1 {
    width: 328px;
    height: 184px;
    margin-right: 102px;
  }

  .parent-flex-container-60-40 .item-2 {
    width: 328px;
    height: fit-content;
  }

  .parent-flex-container-60-40 .item-2 .button-container {
    width: 282px;
    margin: auto;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px
  }

  .parent-flex-container-60-40 .item-2 .button-container .button-1 {
    width: 282px;
    margin-bottom: 10px;
  }

  .parent-flex-container-60-40 .item-2 .button-container .button-2 {
    width: 282px;
  }

  /*---------------------------------------------------------------------------*/
  /* container 40-60 for mobile  */

  .parent-flex-container-40-60 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column-reverse;
  }

  .parent-flex-container-40-60 .item-1 {
    width: 328px;
    /* height: 576px; */
  }

  .parent-flex-container-40-60 .item-1 .button-container {
    width: 282px;
    margin: auto;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px
  }

  .parent-flex-container-40-60 .item-1 .button-container .button-1 {
    width: 282px;
    margin-bottom: 10px;
  }

  .parent-flex-container-40-60 .item-1 .button-container .button-2 {
    width: 282px;
  }

  .parent-flex-container-40-60 .item-2 {
    width: 328px;
    height: 184px;
  }

  /*---------------------------------------------------------------------------*/
  /* container 50-50 for mobile  */
  .parent-flex-container-50-50 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .parent-flex-container-50-50 .item-1 {
    width: 328px;
    height: 184px;
    margin: auto;
  }


  .parent-flex-container-50-50 .item-2 {
    width: 328px;
    height: fit-content;

  }

  .parent-flex-container-50-50 .item-2 .button-container {
    width: 282px;
    margin: auto;
  }

  .parent-flex-container-50-50 .item-2 .button-container .button-1 {
    width: 282px;
    margin-bottom: 10px;

  }

  .parent-flex-container-50-50 .item-2 .button-container .button-2 {
    width: 282px;
  }

}

/*---------------------------------------------------------------------------------------------------*/

/*
* Added By : Priyanka Raut
*  H010B - Container
*/

.h010b-container .content-container {
  display: flex;
  max-width: 1280px;
  /* left: 50%;
  transform: translateX(-50%); */
  z-index: 1;
  position: relative;
  justify-content: space-between;
  top: 2.5rem;
}

.h010b-container .content-container .side-container {
  max-width: 560px;
}


.h010b-container {
  height: 608px;
}

.h010b-container .content-texts {
  width: 712px;
}

.h010b-container .button-container {
  width: 242px;
}

.h010b-container .jumpLink-container {
  margin-top: 7rem;
}

/* Brand Overlay Blue */
.overlay-blue-h010b::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 37, 81, 0.6);
}

/* Brand Overlay Purple */
.overlay-purple-h010b::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(49, 19, 64, 0.6);
}

/* Reverse Overlay */
.overlay-reverse-h010b::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

/* Default Overlay */
.overlay-default-h010b::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);

}


@media screen and (max-width: 1536px) {
  .h010b-container .side-container {
    max-width: 768px;
    min-width: 486px;
  }

  .h010b-container .content-container {
    width: 1200px;
  }

  .h010b-container .content-texts {
    width: 588px;
  }
}

@media screen and (max-width: 1279px) {
  .h010b-container .side-container {
    min-width: 344px;
    max-width: 344px;
  }

  .h010b-container .content-container {
    width: 704px;
  }

  .h010b-container .button-container {
    flex-direction: column;
    gap: 1rem;
  }

  .h010b-container {
    height: 664px;
  }

  .h010b-container .content-texts {
    min-width: 344px;
    min-height: 344px;
  }

  .h010b-container .jumpLink-container {
    margin-top: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .h010b-container .side-container {
    min-width: 440px;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .h010b-container .content-container {
    width: 328px;
    flex-direction: column;
  }


  .h010b-container {
    height: 736px;
  }

  .h010b-container .content-texts {
    min-width: 312px;
    min-height: 312px;
    width: 312px;
  }

  .h010b-container .jumpLink-container {
    margin-top: 4rem;
  }
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/**Added Loader as per emerson stylings
   Added By Mohit Batheja*/

.emr-loader-container {
  width: 64px;
  height: 64px;
  position: relative;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.emr-loader-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(#e8ecf3 0deg 40deg, transparent 40deg 45deg, #d3dbe6 45deg 85deg, transparent 85deg 90deg, #a5b6ce 90deg 130deg, transparent 130deg 135deg, #7692b5 135deg 175deg, transparent 175deg 180deg, #446c9d 180deg 220deg, transparent 220deg 225deg, #104583 225deg 265deg, transparent 265deg 270deg, #104583 270deg 310deg, transparent 310deg 315deg, #104583 315deg 355deg, transparent 355deg 360deg);
  -webkit-mask: radial-gradient(transparent 55%, #000 56%);
  mask: radial-gradient(transparent 55%, #000 56%);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*
Added by: Priyanka Raut
Component name: My account navigation menu
*/
.account-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1rem;
  width: 20rem;
  cursor: pointer;
  padding-top: 0;
}

.account-container .top-container {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  width: 100%;
}

.account-container .top-container .info-container {
  display: flex;
  flex-direction: column;
}

.account-container .top-container .info-container .side-para-1 {
  font-size: 1rem;
  font-weight: 400;
}

.account-container .top-container .info-container .side-para-2 {
  font-size: 0.75rem;
  line-height: 1rem;
}

.account-container .top-container .image-container {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.account-container .top-container .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.account-container .emr-eyebrow {
  padding: 0.5rem 0;
  padding-left: 0.8rem;
  font-weight: 700;
  padding-bottom: 0.5rem;
  border-top: 1px solid #c9cacc;
  border-bottom: 1px solid #c9cacc;
  padding-bottom: 0.5rem;
  width: 288px;
}

.account-container .categories {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 0.8rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #c9cacc;
}

.account-container .categories .category-heading {
  font-weight: 600;
  font-size: 0.875rem;
  padding-top: 1rem;
}

.account-container .categories .category-item {
  font-size: 0.875rem;
  padding-top: 1rem;
}

.account-container .sign-out-container {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 0.8rem;
  padding-top: 1rem;
}

.account-container .sign-out-container .image-svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.625rem;
}

.account-container .sign-out-container .sign-out {
  font-weight: 500;
  font-size: 0.875rem;
}

@media screen and (max-width: 1279px) {
  .account-container .emr-eyebrow {
    width: 182px;
    padding-left: 0.9rem;
  }

  .account-container {
    padding: 0.3rem;
    width: 12rem;
  }

  .account-container .top-container .info-container {
    padding-left: 0.8rem;
  }
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*
Added by: Priyanka Raut
Component name: My account Header 
*/

.recent-update-container {
  padding: 1.5rem 1rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 5px;
  margin-bottom: 2rem;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .recent-update-container {
    width: 90%;
    margin: auto;
  }
}

.recent-update-container .para-1 {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.recent-update-container .link {
  font-weight: 500;
  text-decoration: underline;
  color: #00573d;
}

.recent-update-container .link:hover {
  color: #00805a;
  cursor: pointer;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Component name: My account custom breadcrumbs 
 */

.emr-breadcrumb ol.lwc-1okeam5n5rs li.lwc-1okeam5n5rs a.lwc-1okeam5n5rs {
  font-size: 14px;
}

.emr-breadcrumb ol.lwc-1okeam5n5rs li.lwc-1okeam5n5rs p.lwc-1okeam5n5rs::before {
  font-size: 16px;
}

.emr-breadcrumb ol.lwc-1okeam5n5rs li.lwc-1okeam5n5rs p.lwc-1okeam5n5rs {
  min-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  text-align: center;
}

.my-account-breadcrumb {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  flex-wrap: wrap;
}

.my-account-breadcrumb .my-account-li {
  display: flex;
  align-items: center;
}

.my-account-breadcrumb .my-account-a {
  text-decoration: none;
  color: #00805A !important;
  font-weight: 400;
  cursor: pointer;
  /* margin-left: 5px !important; */
}

.my-account-breadcrumb .my-account-a:hover {
  text-decoration: underline;
}

.my-account-breadcrumb .my-account-span {
  color: #00805A !important;
}

.my-account-breadcrumb .last-breadcrumb {
  color: #000000 !important;
  /* margin-left: 10px !important; */


}

.my-account-breadcrumb .last-breadcrumb:hover {
  text-decoration: none !important;
}

.my-account-breadcrumb .my-account-span.last-svg {
  margin-right: 8px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*
Added by: Priyanka Raut
Component name: My account Personal Information 
*/

.custom-persona-info-container {
  background-color: #f3f3f3;
  padding: 1.5rem;
  width: 100%;
}

.custom-persona-info-container .top-heading {
  font-weight: 600;
}

.custom-persona-info-container .hr {
  border-top: 1px solid #c9cacc;
  margin: 1rem 0;
}

.custom-persona-info-container .emr-secondary--button {
  max-width: 280px;
}

.custom-persona-info-container .inner-div {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 2.5rem;
}

.custom-persona-info-container .inner-div .heading-2 {
  font-weight: 400;
  margin-bottom: 1rem;
}

.custom-persona-info-container .inner-div .mini {
  font-size: 0.875rem;
  font-weight: 500;
}

.custom-persona-info-container .inner-div .account {
  display: flex;
  align-items: center;
}

.custom-persona-info-container .inner-div .tooltip {
  margin-left: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  position: relative;
}

.custom-persona-info-container .inner-div .tooltip .tooltip-content {
  position: absolute;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 0.5rem;
  border-radius: 0.25rem;
  width: max-content;
  max-width: 12.5rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 400;
  bottom: 150%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}

.custom-persona-info-container .inner-div .tooltip .tooltip-content .emr-paragraph {
  font-size: 0.75rem;
}

.custom-persona-info-container .inner-div .tooltip:hover .tooltip-content {
  opacity: 1;
  visibility: visible;
}

.custom-persona-info-container .inner-div .mini-2 {
  /* margin-left: 0.8rem; */
  font-weight: 300;
  margin-bottom: 1rem;
}

.custom-persona-info-container .inner-div .bottom-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}

.custom-persona-info-container .inner-div .bottom-div .bottom-para {
  font-size: 0.875rem;
  font-weight: 400;
}

.content.lwc-5g35a4nm657 {
  background-color: #f3f3f3 !important;
  min-height: 110vh;
}

.custom-persona-info-container .inner-div .bottom-div .emr-primary--button {
  max-width: 280px;
}

@media screen and (max-width: 1279px) {
  .custom-persona-info-container .inner-div .bottom-div {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

*-----------------------------------------------------------------------------------------------------------------------------------*/

/*
Added by: Priyanka Raut
Component name: My Account Navigation Tile
*/
.c080b-profile-container:hover .emr-h4 {
  color: black !important;
}

.c080b-profile-container:hover .right-arrow {
  fill: #000000 !important;
}

.c080b-profile-container:hover {
  outline: 2px solid #00805a;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Component name: My account Manage-Address
Added by: Priyanka Raut
 */
.address-management-container {
  box-sizing: border-box;
  width: 90%;
  max-width: 1456px;
  margin: 0 auto;
  background-color: white;
  padding: 2rem;
}

.address-management-container .address-management-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.address-management-container .address-management-header h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #222;
}

.address-management-container .emr-primary--button {
  max-width: 280px;
}

.address-management-container .add-address-btn:hover {
  color: white;
}

.address-management-container .address-management-tabs {
  display: flex;
  gap: 24px;
  border-bottom: 1px solid #807c77;
}

.address-management-container .address-management-tabs .tab {
  font-size: 16px;
  color: #00573d;
  font-weight: 400;
  cursor: pointer;
  padding: 10px;
}

.address-management-container .address-management-tabs .tab.active {
  font-weight: 600;
  border-bottom: 3px solid #00805a;
}

.address-management-container .address-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 20px;
}

.address-management-container .address-cards .address-card {
  position: relative;
  border: 1px solid #807c77;
  width: 46%;
  padding: 14px;
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
  border-radius: 0.2rem;
}

.address-management-container .address-cards .address-card .address-content {
  display: flex;
  flex-direction: column;
  padding: 0px;
  margin: 0px;
  font-weight: 400;
}

.address-management-container .address-cards .address-card .address-content h3,
.address-management-container .address-cards .address-card .address-content p {
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  line-height: 24px;
}

.address-management-container .address-cards .address-card .address-content h3 {
  margin-bottom: 10px;
  font-weight: 700;
}

.address-management-container .address-cards .address-card .address-actions {
  display: flex;
  gap: 14px;
  padding-top: 16px;
}

.address-management-container .address-cards .address-card .address-actions button {
  background-color: transparent;
  border: none;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 500;
  color: #00573d;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
}

.address-management-container .address-cards .address-card .address-actions button:hover {
  font-weight: 600;
}

.address-management-container .address-cards .address-card:not(.active) .default {
  display: none;
}

.address-management-container .address-cards .address-card.active .default {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #c9c9c9;
  color: #000;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 21px;
}

@media screen and (max-width: 1536px) {
  .address-management-container {
    max-width: 1200px;
  }
}

@media screen and (max-width: 1279px) {
  .address-management-container {
    max-width: 704px;
  }

  .address-management-container .address-cards .address-card {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .address-management-container {
    max-width: 328px;
  }

  .address-management-container .address-cards .address-card {
    width: 100%;
  }
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Added By : Priyanka Raut
   Component Name: My Account - Address Form
   */
.emr-card .emr-input {
  width: 100%;
  padding-left: 0.5rem;
  height: 48px;
  background-color: #f3f3f3 !important;
}

.emr-card .emr-input::placeholder {
  font-style: italic;
}

.emr-card .button-container {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.emr-card .emr-primary--button,
.emr-card .emr-tertiary--button {
  max-width: 280px;
}

.emr-card .input-label {
  font-weight: 400;
}

.emr-card .required {
  color: red;
  margin-left: 0.5rem;
}

/* New card styles to replace lightning-card */
.emr-card {
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.emr-card .emr-card-header {
  display: flex;
  align-items: center;
  padding: 0.75rem 2rem;
  border-bottom: 1px solid hsl(20, 4%, 86%);
}

.emr-card .form-body {
  padding: 0.75rem 2rem;

}

.emr-card .emr-card-icon {
  width: 24px;
  height: 24px;
  margin-right: 0.75rem;
  fill: #706e6b;
}

.emr-card .emr-card-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  color: #16325c;
}

.emr-card .emr-paragraph {
  margin-top: 0.5rem;
}

/* Custom Select Dropdown Styles */
.emr-address-form .emr-custom-select select {
  display: none;
}

.emr-address-form .emr-select-selected {
  background-color: #ffffff;
  border: 1px solid #c9cacc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F3F3F3;
}

.emr-address-form .emr-select-selected:hover {
  background-color: #F3F3F3;
}

.emr-address-form .emr-select-selected.select-arrow-active {
  border-bottom: none;
}

.emr-address-form .emr-select-selected.select-arrow-active svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.emr-address-form .emr-select-items div,
.emr-address-form .emr-select-selected {
  color: #262728;
  padding: 0px 8px;
  cursor: pointer;
  user-select: none;
  height: 48px;
  display: flex;
  align-items: center;
  text-align: left;
}

.emr-address-form .emr-custom-select .custom-label {
  display: flex;
  margin-bottom: 4px;
  font-size: 0.75rem;
  font-weight: 700;
}

.emr-address-form .emr-select-selected.select-arrow-active {
  border-bottom: none;
}

.emr-address-form .emr-select-selected.select-arrow-active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c9cacc;
}

.emr-address-form .emr-select-items {
  position: absolute;
  border: 1px solid #c9cacc;
  border-top: none;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #fff;
  transform-origin: top;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

.emr-address-form .emr-select-hide {
  display: none !important;
}

.emr-address-form .emr-select-items:not(.emr-select-hide) {
  animation: dropdownOpen 0.25s ease-in-out forwards;
  pointer-events: auto;
  transform: translateZ(0);
  will-change: transform;
}

@keyframes dropdownOpen {
  0% {
    transform: scaleY(0);
    opacity: 0;
  }

  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}

.emr-address-form .emr-select-items div:hover,
.emr-address-form .same-as-selected {
  background-color: #F3F3F3;
}

.emr-address-form .emr-custom-select {
  position: relative;
  width: 100%;
  z-index: 1;
}

.emr-address-form .emr-select-items div {
  transition: background-color 0.2s ease;
  position: relative;
  z-index: 5;
  height: 40px;
  font-size: 14px;
}

.emr-address-form .emr-select-items div:active {
  background-color: #E5E5E5;
}

.emr-address-form .emr-custom-select:focus-within {
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .emr-card .button-container {
    flex-direction: column;
  }
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*
Added by: Mohit Batheja
Component name: Product Description Page Start
*/
/*----------------------------------------------------------------------------------------------*/

.pdp-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.product-description-layout-container {
  padding-top: 0 !important;
}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

.pdp-product-detail-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* Space out the items evenly */
  gap: 1.5rem;
  /* Optional, adds space between the items */
}

.pdp-product-detail-cta .cta-item {
  text-align: center;
  /* Space between items */
  width: 274px;
  text-align: center;
  margin-top: 1rem;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
}

.pdp-product-detail-cta .emr-primary-text-cta {
  justify-content: flex-start !important;
}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

.pdp-quantity-button-container {
  display: flex;
  align-items: center;
}

.pdp-quantity-button-container .emr-paragraph {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 24px;
  color: #262728;
}

.pdp-quantity-button-container .emr-primary--button {
  width: 340px;
}

@media screen and (max-width: 767px) {
  .pdp-quantity-button-container .emr-primary--button {
    width: 198px;
  }
}

.pdp-quantity-button-container .emr-input {
  margin-left: 0.5rem;
  margin-right: 2rem;
  height: 48px;
  background-color: #f3f3f3;
  width: 78px;
  text-align: center;
}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

.pdp-generic-specification-container .spec {
  font-size: 1.875rem;
  line-height: 40px;
  margin-bottom: 2rem;
}

.pdp-generic-specification-container table {
  width: 100%;
  border-collapse: collapse;
}

.pdp-generic-specification-container table tr {
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: flex-start;
}

.pdp-generic-specification-container table td {
  padding: 1.5rem 0;
}

.pdp-generic-specification-container table td:first-child {
  font-weight: 600;
  color: #262728;
  width: 30%;
}

.pdp-generic-specification-container table td:last-child {
  font-weight: 400;
  color: #4e4f52;
  width: 70%;
}

.pdp-generic-specification-container {
  max-width: 1200px;
  margin: auto;
}

@media screen and (max-width: 1279px) {
  .pdp-generic-specification-container {
    max-width: 704px;
  }

  .emr-horizontal-tabs-header-pdp {
    width: 704px;
    margin: auto;
  }

  .pdp-related-products-carousal-container .arrows {
    max-width: 704px;
  }

  .pdp-document-cotnainer .content-container .service-and-training {
    max-width: 704px;
    margin: auto;
  }

  .pdp-document-cotnainer .content-container .drawing-container {
    max-width: 704px;
    margin: auto;
  }

  .pdp-document-cotnainer .content-container .videos-container {
    max-width: 704px;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .pdp-generic-specification-container {
    max-width: 328px;
  }

  .pdp-generic-specification-container table td:first-child {
    display: flex;
    min-width: 30%;
    margin-right: 1rem;
  }

  .pdp-document-cotnainer .content-container .service-and-training {
    max-width: 328px;
  }

  .pdp-document-cotnainer .content-container .drawing-container {
    max-width: 328px;
  }

  .pdp-document-cotnainer .content-container .videos-container {
    max-width: 328px;
  }
}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

.pdp-key-feature-container .key {
  font-size: 1.875rem;
  line-height: 40px;
  margin-bottom: 2rem;
  width: 1200px;
  margin: auto;
  margin-bottom: 1.5rem;
}

ul .pdp-key-feature-list-dot {
  list-style: disc;
  margin-left: 2rem;
  line-height: 24px;
}


.pdp-key-feature-container {
  background-color: #EAEFF2;
  /* width: 100vw; */
  padding: 1.5rem;
  margin: 0px;
  position: relative;
  left: 0;
}

.pdp-key-feature-container p,
.pdp-key-feature-container ul {
  max-width: 1200px;
  margin: auto;
}

@media screen and (max-width: 767px) {

  .pdp-key-feature-container p,
  .pdp-key-feature-container ul {
    max-width: 328px !important;
  }

  .pdp-key-feature-container .key {
    max-width: 328px
  }
}

@media screen and (max-width: 767px) {

  .pdp-key-feature-container p,
  .pdp-key-feature-container ul {
    max-width: 328px;
  }
}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

.emr-horizontal-tabs-header-pdp {
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .emr-horizontal-tabs-header-pdp {
    max-width: 328px !important;
    margin: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .emr-horizontal-tabs-header-pdp {
    max-width: 328px !important;
    margin: auto !important;
  }
}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

.pdp-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.pdp-related-products-heading {
  font-size: 1.875rem;
  line-height: 40px;
  margin: 0 auto;
  width: 1200px;
  margin-bottom: 2rem;
}

.pdp-related-products-carousal-container {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: auto;
  position: relative;
}

.pdp-related-products-carousal-container .arrows {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  width: 1200px;
  margin: auto;
}

.pdp-related-products-carousal-container .arrows .arrow {
  border-radius: 50%;
  border: 1px solid black;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.pdp-related-products-carousal-container .cards-container {
  display: flex;
  gap: 20px;
  overflow-x: hidden;
  scroll-behavior: smooth;
  padding: 1rem 0;
  position: relative;
  width: 1200px;
  /* Width for 4 cards (250px*4) + gaps (24px*3) */
  margin: 0 auto;
}

.pdp-related-products-carousal-container .cards-container .card {
  flex: 0 0 250px;
  min-width: 250px;
  scroll-snap-align: start;
  height: 364px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 24px;
}

.pdp-related-products-carousal-container .cards-container .card .image-container {
  width: 100%;
  height: 188px;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}

.pdp-related-products-carousal-container .cards-container .card .image-container .featured {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #004b8d;
  color: #fff;
  font-weight: 500;
  font-size: 0.75rem;
  border-radius: 5px;
  padding: 5px 10px;
}

.pdp-related-products-carousal-container .cards-container .card .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0px 0px;
}

.pdp-related-products-carousal-container .cards-container .card .descriptions {
  padding: 24px 24px 0rem 24px;
}

.pdp-related-products-carousal-container .cards-container .card .descriptions .para-1 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 24px;
  cursor: pointer;
}

.pdp-related-products-carousal-container .cards-container .card .emr-primary-text-cta {
  justify-content: flex-start;
  padding-left: 24px;
}

.pdp-related-products-carousal-container .dots-container {
  display: flex;
  gap: 0.5rem;
  margin-top: 3rem;
  justify-content: center;
}

.pdp-related-products-carousal-container .dots-container .dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #00805a;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.pdp-related-products-carousal-container .dots-container .dot.active {
  background-color: #00805a;
}

.pdp-related-products-carousal-container .dots-container .dot:not(.active) {
  background-color: #d9d9d9;
}

@media (max-width: 1024px) {

  .pdp-related-products-carousal-container .cards-container .card {
    flex: 0 0 250px;
    width: 250px;
  }
}

@media (max-width: 767px) {
  .pdp-related-products-carousal-container .cards-container {
    max-width: 328px;
    /* Width for 1 cards (250px*2) + gap (24px) */
  }

  .pdp-related-products-carousal-container .cards-container .card {
    flex: 0 0 250px !important;
    max-width: 250px;
  }

  .pdp-related-products-carousal-container {
    max-width: 588px;
  }

  .pdp-related-products-heading {
    max-width: 328px;
    font-size: 1.25rem;
    font-weight: 500;
  }

  .pdp-related-products-carousal-container .arrows .arrow {
    width: 32px;
    height: 32px;
  }

  .pdp-related-products-carousal-container .arrows .arrow svg {
    width: 10px;
  }

}

@media screen and (max-width: 767px) {
  .pdp-related-products-carousal-container {
    max-width: 328px;
  }

  .pdp-related-products-carousal-container .arrows {
    width: 328px;
  }

  .pdp-document-cotnainer .filter-container>div {
    width: 328px;
  }

  .pdp-document-cotnainer .content-container .first-container {
    max-width: 328px;
  }
}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

.filter {
  font-size: 0.75rem;
  font-weight: 400;
  margin-right: 0.5rem;
}

.file-select {
  width: 15rem;
  padding: 0.8rem 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  font-family: inherit;
  color: #262728;
}

.search-filter-container .file-select:focus {
  outline: none;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

.pdp-resource-heading {
  font-size: 1.875rem;
  line-height: 40px;
  margin-bottom: 2rem;
  width: 1200px;
  margin: auto;
}

.pdp-document-cotnainer {
  margin: 0 auto;
  margin-top: 2rem;
  max-width: 1456px;
}

@media screen and (max-width: 1536px) {
  .pdp-document-cotnainer {
    max-width: 1200px;
    margin: auto;
  }

  .emr-horizontal-tabs-header .emr-horizontal-tabs {
    max-width: 1200px;
    margin: auto;
  }
}

@media screen and (max-width: 1279px) {
  .pdp-document-cotnainer {
    max-width: 704px;
  }

  .pdp-document-cotnainer .category-top {
    max-width: 704px;
    margin: auto;
  }

  .pdp-resource-heading {
    width: 704px;
    margin: auto;
  }

  .emr-horizontal-tabs-header .emr-horizontal-tabs {
    max-width: 704px;
  }

  .pdp-key-feature-container .key {
    width: 704px;
  }

  .pdp-key-feature-container p,
  .pdp-key-feature-container ul {
    max-width: 704px;
    margin: auto;
  }

  .pdp-related-products-heading {
    width: 704px;
    margin: auto;
  }

  .pdp-related-products-carousal-container .cards-container {
    width: 704px;
    margin: auto;
    gap: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .pdp-document-cotnainer {
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .pdp-document-cotnainer {
    max-width: 328px;
  }

  .pdp-resource-heading {
    width: 328px;
  }

  .emr-horizontal-tabs-header .emr-horizontal-tabs {
    max-width: 328px;
  }

  .pdp-document-cotnainer .category-top {
    max-width: 328px;
    margin: auto;
  }
}

.pdp-document-cotnainer .category-top {
  display: flex;
  gap: 0.5rem;
  position: relative;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  padding: 0.5rem 0.2rem;
  margin-bottom: 1rem;
  cursor: pointer;
  width: 1200px;
  margin: auto;
}

.pdp-document-cotnainer .category-top::-webkit-scrollbar {
  display: none;
}

.pdp-document-cotnainer .category-top .contegory-item {
  padding: 8px 16px;
  border-radius: 48px;
  /* height: 24px; */
  min-width: 168px;
  background-color: #f3f3f3;
  font-weight: 600;
  font-size: 0.875rem;
  color: #262728;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.pdp-document-cotnainer .category-top .active-category {
  color: #00573d;
  outline: 2px solid #00573d;
  background-color: transparent;
  cursor: pointer;
}

.pdp-document-cotnainer .category-top::after {
  content: "→";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  color: #262728;
  display: none;
}

.pdp-document-cotnainer .filter-container {
  border-bottom: 1px solid #dedfe0;
  padding-bottom: 1.7rem;
  width: 1200px;
  margin: auto;
}

.pdp-document-cotnainer .filter-container .result {
  color: #4e4f52;
  font-weight: 400;
  font-size: 0.875rem
}

.pdp-document-cotnainer .filter-container>div {
  display: flex;
  width: 938px;
  margin-left: auto;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
}

.pdp-document-cotnainer .filter-container>div .side-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.pdp-document-cotnainer .filter-container>div .side-container .select {
  width: 160px;
  border: 1px solid black;
  padding-left: 0.5rem;
  height: 48px;
}

.pdp-document-cotnainer .filter-container>div .side-container .svg-containers {
  width: 96px;
  height: 48px;
  border: 1px solid red;
}

@media screen and (max-width: 1024px) {

  .pdp-document-cotnainer .filter-container>div .svg-containers,
  .pdp-document-cotnainer .filter-container>div .lang {
    display: none;
  }
}

.pdp-document-cotnainer .content-container .first-container {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: auto;
}

@media screen and (max-width: 1279px) {
  .pdp-document-cotnainer .content-container .first-container {
    flex-direction: column;
    gap: 1rem;
    width: 704px;
  }

  .pdp-document-cotnainer .filter-container>div {
    width: 704px;
    margin-top: 1rem;
  }

  .pdp-document-cotnainer .filter-container {
    width: 704px;
  }
}

.pdp-document-cotnainer .content-container .category {
  min-width: 265px;
  width: 25%;
  border-right: 1px solid #dedfe0;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.pdp-document-cotnainer .content-container .category .category-item {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1rem;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #262728;
  cursor: pointer;
}

.pdp-document-cotnainer .content-container .category .active-item {
  color: #00573d;
  border-right: 6px solid #00573d;
}

@media screen and (max-width: 1279px) {
  .pdp-document-cotnainer .content-container .category {
    flex-direction: row;
    min-width: none;
    width: auto;
    border-right: none;
    border-bottom: 1px solid #dedfe0;
    height: 64px;
    align-items: flex-end;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    cursor: pointer;
  }

  .pdp-document-cotnainer .content-container .category::-webkit-scrollbar {
    display: none;
  }

  .pdp-document-cotnainer .content-container .category .active-item {
    color: #00573d;
    border-bottom: 6px solid #00573d;
    border-right: none;
    width: 106px;
    overflow: hidden;
    padding: 8px;
    height: 48px;
    display: flex;
    justify-content: center !important;
    cursor: pointer;
  }

  .pdp-document-cotnainer .content-container .category .category-item {
    min-width: 106px;
    padding: 8px;
    overflow: hidden;
    height: 48px;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 10px;
    flex: 0 0 auto;
    cursor: pointer;
    width: fit-content;
  }
}

.pdp-document-cotnainer .content-container .table {
  width: 1200px;
  border-collapse: collapse;
  height: fit-content;
}

.pdp-document-cotnainer .content-container .table .table-head {
  background-color: #eaeff2;
  height: 44px;
  padding: 10px;
}



.pdp-document-cotnainer .content-container .table .table-head .uploaded,
.pdp-document-cotnainer .content-container .table .table-head .size {
  text-align: center;
}

.pdp-document-cotnainer .content-container .table .table-head .head-title {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 24px;
  padding-right: 1rem;
}

.pdp-document-cotnainer .content-container .table .table-head .first-cell {
  width: 633px;
  text-align: left;
  padding-left: 10px;
}

@media screen and (max-width: 1279px) {
  .pdp-document-cotnainer .content-container .table .table-head .first-cell {
    width: 450px;
  }

  .pdp-document-cotnainer .content-container .first-cell-th {
    width: 60%;
  }
}

.pdp-document-cotnainer .content-container .table tr {
  border-bottom: 1px solid #dedfe0;
}

.pdp-document-cotnainer .content-container .table .tr {
  height: 72px;
}

.pdp-document-cotnainer .content-container .table .para-1 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 24px;
  color: #262728;
  text-align: center;
  padding-right: 1rem;
}

.pdp-document-cotnainer .content-container .table .para-4 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  color: #262728;
  text-align: left;
  padding-right: 0.5rem;
}

.pdp-document-cotnainer .content-container .table .first-table-data {
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.pdp-document-cotnainer .content-container .table .first-table-data .image-container {
  width: 32px;
  height: 32px;
  margin-right: 0.5rem;
}

.pdp-document-cotnainer .content-container .table .first-table-data .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pdp-document-cotnainer .content-container .table .first-table-data .para-2 {
  color: #4e4f52;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1rem;
}

.pdp-document-cotnainer .content-container .table .image-container {
  width: 40px;
  height: 40px;
}

.pdp-document-cotnainer .content-container .table .image-container .image {
  width: 1rem;
  height: 1rem;
}

.pdp-document-cotnainer .content-container .service-and-training {
  width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: auto;
}

.pdp-document-cotnainer .content-container .service-and-training .service-item {
  background-color: #f3f3f3;
  padding: 32px;
}

.pdp-document-cotnainer .content-container .service-and-training .service-item .heading {
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 40px;
}

.pdp-document-cotnainer .content-container .service-and-training .service-item .content-service-item {
  display: flex;
  margin-top: 1rem;
}

.pdp-document-cotnainer .content-container .service-and-training .service-item .content-service-item .emr-secondary--button {
  max-width: 280px;
  background-color: #FFFFFF;
}

@media screen and (max-width: 1279px) {
  .pdp-document-cotnainer .content-container .table {
    width: 100%;
    min-width: auto;
  }

  .pdp-document-cotnainer .content-container .content-service-item {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.pdp-document-cotnainer .content-container .drawing-container {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  gap: 4rem;
  width: 1200px;
  margin: auto;
}

.pdp-document-cotnainer .content-container .drawing-container .drawing-item {
  width: 180px;
  display: flex;
  flex-direction: column;
}

.pdp-document-cotnainer .content-container .drawing-container .drawing-item .image-container {
  width: 180px;
  height: 100px;
}

.pdp-document-cotnainer .content-container .drawing-container .drawing-item .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdp-document-cotnainer .content-container .drawing-container .drawing-item .para-5 {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 24px;
}

.pdp-document-cotnainer .content-container .drawing-container .drawing-item .para-6 {
  font-weight: 300;
  font-size: 0.75rem;
  color: #4e4f52;
  line-height: 1rem;
}

.pdp-document-cotnainer .content-container .drawing-container .drawing-item .bottom-button {
  margin-top: 1rem;
  display: flex;
  padding: 8px;
  background-color: #f3f3f3;
  border: 1px solid #dedfe0;
  gap: 5px;
  align-items: center;
}

.pdp-document-cotnainer .content-container .drawing-container .drawing-item .bottom-button .image-container {
  width: 1rem;
  height: 1rem;
}

.pdp-document-cotnainer .content-container .drawing-container .drawing-item .bottom-button .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdp-document-cotnainer .content-container .drawing-container .drawing-item .bottom-button .para-7 {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1rem;
}

.pdp-document-cotnainer .content-container .videos-container {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  margin-top: 1rem;
  width: 1200px;
  margin: 1rem auto 0;
}

.pdp-document-cotnainer .content-container .videos-container .video-item {
  width: 180px;
  object-fit: cover;
  cursor: pointer;
}

.pdp-document-cotnainer .content-container .videos-container .video-item .image-container {
  width: 180px;
  height: 101px;
  position: relative;
  cursor: pointer;
}

.pdp-document-cotnainer .content-container .videos-container .video-item .image-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

.pdp-document-cotnainer .content-container .videos-container .video-item .image-container .time-stamp {
  background-color: rgba(0, 0, 0, 0.4);
  width: 34px;
  height: 1rem;
  padding: 0 4px;
  color: #fff;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1rem;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.pdp-document-cotnainer .content-container .videos-container .video-item .para-video-item {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 24px;
  cursor: pointer;
}

.pdp-document-cotnainer .emr-primary--button {
  background-color: transparent !important;
  justify-content: flex-start !important;

}

.pdp-document-cotnainer .emr-primary--button:hover {
  background-color: transparent !important;
}

.category-top .contegory-item.active-category:not([data-tab="Documents"])~.filter-container>div {
  justify-content: flex-end;
}


@media screen and (max-width: 767px) {
  .pdp-document-cotnainer .category .contegory-item {
    min-width: 143px;
  }

  .pdp-document-cotnainer .content-container .table .tr {
    height: fit-content;
  }

  .pdp-document-cotnainer .content-container .drawing-container,
  .pdp-document-cotnainer .content-container .videos-container {
    justify-content: center;
  }

  .pdp-document-cotnainer .filter-container {
    width: 328px;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .pdp-document-cotnainer .filter-container>div {
    width: 328px;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0;
  }

  .pdp-document-cotnainer .filter-container>div .side-container {
    width: 100%;
    justify-content: flex-start;
  }

  .pdp-document-cotnainer .category-top .contegory-item {
    min-width: 158px !important;
  }

  .pdp-document-cotnainer .content-container .table .table-head .first-cell {
    width: 150px;
  }

  .pdp-document-cotnainer .content-container .table .image-container {
    width: 30px;
    height: 30px;
  }

  .pdp-document-cotnainer .content-container .table .table-head .head-title {
    font-size: 0.75rem;
  }

  .pdp-document-cotnainer .content-container .table .first-table-data {
    padding-left: 0;
  }

  .pdp-document-cotnainer .content-container .table .first-table-data .image-container {
    display: none;
  }
}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

.pdp-child-products-parent-container .sub-div {
  display: flex;
  border-top: 1px solid #c9cacc;
}

.pdp-child-products-parent-container .product-list-container {
  /* border-top: 2px solid #c9cacc;
  border-bottom: 2px solid #c9cacc; */
  padding: 1rem 0;
  display: flex;
  flex-direction: column;

}

.pdp-child-products-parent-container .product-item {
  display: flex;
  border-bottom: 1px solid #c9cacc;
  padding: 1rem 0;
  padding-left: 1rem;
}

.pdp-child-products-parent-container .image-container {
  width: 80px;
  height: 80px;
  min-width: 80px;
}

.pdp-child-products-parent-container .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdp-child-products-parent-container .mid-container {
  width: 60%;
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
}

.pdp-child-products-parent-container .para-1 {
  font-weight: 600;
  color: #00573d;
  font-size: 0.75rem;
  cursor: pointer;
}

.pdp-child-products-parent-container .para-1:hover {
  color: #00805a;
}

.pdp-child-products-parent-container .para-2 {
  font-weight: 500;
  font-size: 0.875rem;
}

.pdp-child-products-parent-container .para-table {
  font-size: 0.75rem;
}

.pdp-child-products-parent-container .table {
  border-collapse: collapse;
  margin-top: 2rem;
}

.pdp-child-products-parent-container .table thead {
  border-bottom: 1px solid #c9cacc;
}

.pdp-child-products-parent-container .table thead .emr-paragraph {
  font-weight: 500;
}

.pdp-child-products-parent-container .table tr {
  text-align: left;
}

.pdp-child-products-parent-container .table tr td,
.pdp-child-products-parent-container .table tr th {
  padding: 0.2rem;
  max-width: 50px;
}

.pdp-child-products-parent-container .last-container {
  width: 25%;
  margin-left: auto;
  /* padding-right: 2rem; */
}

.pdp-child-products-parent-container .price-quantity {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.pdp-child-products-parent-container .quantity {
  background-color: #dedfe0;
  padding: 0.4rem 2rem;
  border: 2px solid #c9cacc;
}

.pdp-child-products-parent-container .emr-primary--button {
  margin-bottom: 1rem;
}

.pdp-child-products-parent-container .product-list-container .emr-text-area {
  border: 2px solid #c9cacc;
  font-size: 0.875rem;
  line-height: 1.625rem;
  padding: 7px;
  text-align: center;
  background-color: #f0f0f0;
  width: 4rem;
  height: 34px;
}

.pdp-child-products-parent-container .product-list-header {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  width: 920px;
  margin-left: auto;
  gap: 7rem;
}

.pdp-child-products-parent-container .product-list-header>div:nth-child(2) {
  display: flex;
  gap: 1rem;
}

.pdp-child-products-parent-container .product-list-header .emr-primary--button {
  width: 140px;
}

.pdp-child-products-parent-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: 1200px;
  margin: auto;
}

.pdp-child-products-parent-container .child-products-container {
  width: 940px;
  border-left: 1px solid #c9cacc;
}

.pdp-child-products-parent-container .menu {
  position: relative;
  cursor: pointer;
}

.pdp-child-products-parent-container .menu-icon {
  margin-left: 5px;
}

.pdp-child-products-parent-container .menu-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  width: 200px;
  z-index: 5;
  margin-top: 5px;
}

.pdp-child-products-parent-container .menu-item {
  padding: 8px 12px;
}

.pdp-child-products-parent-container .menu-item:hover {
  background-color: #f5f5f5;
}

.pdp-child-products-parent-container .checkbox-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0;
}

.pdp-child-products-parent-container .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.pdp-child-products-parent-container .checkmark {
  position: absolute;
  left: 0;
  top: 0;
  height: 18px;
  width: 18px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
}

/* When the checkbox is checked, add a background */
.pdp-child-products-parent-container .checkbox-container input:checked~.checkmark {
  background-color: #00573d;
  border-color: #00573d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.pdp-child-products-parent-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.pdp-child-products-parent-container .checkbox-container input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.pdp-child-products-parent-container .checkbox-container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.pdp-child-products-parent-container .menu-item p {
  margin-left: 10px;
  color: black;
  flex: 1;
}

.pdp-child-products-parent-container .checkbox-container input:checked~.checkmark {
  background-color: #00573d;
  border-color: #00573d;
}

.pdp-child-products-parent-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.pdp-child-products-parent-container .checkbox-container input:checked~.checkmark:after {
  display: block;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.pdp-child-products-parent-container .menu-item p {
  margin-left: 5px;
  color: black;
}

.pdp-child-products-parent-container .checkbox {
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 10px;
  position: relative;
  background-color: white;
}

.pdp-child-products-parent-container .checkbox-checked {
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid #00573d;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.pdp-child-products-parent-container .checkbox-container span {
  color: black;
}

@media screen and (max-width: 1279px) {
  .pdp-child-products-parent-container .product-list-header {
    width: 100%;
  }

  .pdp-child-products-parent-container .product-item {
    padding-left: 0.5rem;
  }

  .pdp-child-products-parent-container .filter-container {
    width: 230px !important;
  }

  .pdp-child-products-parent-container .mid-container {
    width: 67%;
  }

  .pdp-child-products-parent-container .product-list-container {
    width: 535px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .pdp-child-products-parent-container .price-quantity {
    flex-direction: column;
  }

  .pdp-child-products-parent-container {
    max-width: 704px;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .pdp-child-products-parent-container {
    max-width: 328px;
    margin: auto;
  }

  .pdp-child-products-parent-container .image-container {
    margin-right: 1rem;
  }

  .pdp-child-products-parent-container .product-list-container {
    width: 328px !important;
    margin: auto;
  }

  .pdp-child-products-parent-container .price-quantity {
    justify-content: flex-start;
    gap: 3rem;
  }

  .pdp-child-products-parent-container .product-item {
    padding-left: 0;
  }

  .pdp-child-products-parent-container .child-products-container {
    border-left: none;
  }

  .pdp-child-products-parent-container .product-list-header .emr-primary--button {
    width: 100%;
  }

  .pdp-child-products-parent-container .child-products-container {
    width: 340px;
  }

  .pdp-child-products-parent-container .table {
    border: none;
  }

  .pdp-child-products-parent-container .table thead {
    display: none;
  }

  .pdp-child-products-parent-container .table tr {
    display: block;
    margin-bottom: 1rem;
  }

  .pdp-child-products-parent-container .table td {
    display: grid;
    grid-template-columns: 50% 50%;
    border: none;
    padding: 0.5rem 0;
  }

  .pdp-child-products-parent-container .table td::before {
    content: attr(data-label);
    font-weight: 500;
  }

  .pdp-child-products-parent-container .product-item {
    width: 100%;
  }

  .pdp-child-products-parent-container .mid-container {
    width: 100%;
    padding: 1rem 0;
  }

  .pdp-child-products-parent-container .last-container {
    width: 100%;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-left: 2rem;
  }

  .pdp-child-products-parent-container .product-list-header {
    flex-direction: column;
    max-width: 588px;
    gap: 1rem;
  }

  .pdp-child-products-parent-container .product-list-header .emr-primary--button {
    width: 282px;
  }

  .pdp-child-products-parent-container .sub-div {
    max-width: 588px;
  }


  .pdp-child-products-parent-container .product-list-header>div:nth-child(2) {
    flex-direction: column;
    gap: 1rem;
  }

  .pdp-child-products-parent-container .emr-primary--button {
    width: 328px;
    margin: auto;
  }

  .pdp-child-products-parent-container .emr-secondary--button {
    width: 328px;
    margin: auto;
  }

  .pdp-child-products-parent-container .file-select {
    max-width: 282px;
  }

  .pdp-child-products-parent-container .sort-container {
    width: 282px;
    margin: auto;
  }

  .pdp-child-products-parent-container .sort-container select {
    width: 100%;
  }
}

.pdp-child-products-parent-container .filter {
  font-size: 0.75rem;
  font-weight: 400;
  margin-right: 0.5rem;
}

.pdp-child-products-parent-container .file-select {
  width: 15rem;
  padding: 0.8rem 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  font-family: inherit;
  color: #262728;
}

.pdp-child-products-parent-container .file-select:focus {
  outline: none;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media screen and (max-width: 767px) {
  .pdp-child-products-parent-container {
    max-width: 328px;
    margin: auto;
  }

  .pdp-child-products-parent-container .product-list-header {
    flex-direction: column;
    max-width: 328px;
    gap: 1rem;
  }

  .pdp-child-products-parent-container .product-list-header .emr-primary--button {
    width: 282px;
  }

  .pdp-child-products-parent-container .sub-div {
    flex-direction: column;
    max-width: 328px;
  }

  .pdp-child-products-parent-container .child-products-container {
    border-left: none;
}

  .pdp-child-products-parent-container .child-products-container {
    width: 328px;
  }

  .pdp-child-products-parent-container .filter-container {
    width: 328px !important;
  }
}


/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
.pdp-layout-container .eyebrow .textBlock_desktopTabletMobile.lwc-4rt99a8doqk {
  color: #8A8C90;
  font-size: 12px;
  font-weight: 700;
}

.pdp-layout-container .title .textBlock_desktopTabletMobile.lwc-4rt99a8doqk {
  font-size: 36px;
  font-weight: 300;
  line-height: 48px;
  margin-top: 0.5rem;
  margin-bottom: 0.4rem;
}

.pdp-layout-container .subtitle .textBlock_desktopTabletMobile.lwc-4rt99a8doqk {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px;
  color: #4E4F52;
  margin-bottom: 1rem;
}

.pdp-layout-container .accordion .accordion-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #c9cacc;
}

.pdp-layout-container .accordion .content-inner {
  padding: 0;
}

.pdp-layout-container {
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}

.pdp-layout-container .pdp-layout-container__details {
  max-width: 1200px;
  margin: auto;
}

.pdp-layout-container .pdp-layout-container_breadcrumb {
  padding-bottom: 2.5rem;
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.pdp-layout-container .pdp-layout-container__details {
  display: flex;
  gap: 2rem;
}

.pdp-layout-container .buttons-container {
  display: flex;
  gap: 24px;
}

.pdp-layout-container .image-gallery-section {
  width: 588px;
}

.pdp-layout-container .details-section {
  width: 588px;
}

.pdp-layout-container .add-to-list {
  font-weight: 700;
  font-size: 12px;
  margin: 1.5rem 0;
  cursor: pointer;
}

.pdp-layout-container .buttons-container {
  margin-top: 1rem;
}

.pdp-layout-container .pdp-layout-container_tabs {
  padding-top: 3rem;
  width: 100%;
}

@media screen and (max-width: 1279px) {
  .pdp-layout-container .pdp-layout-container__details {
    gap: 1rem;
    max-width: 704px;
    margin: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .pdp-layout-container .pdp-layout-container_breadcrumb {
    width: 100%;
    max-width: 704px;
    margin: auto;
  }

  .pdp-layout-container .image-gallery-section {
    width: 704px;
    margin: auto;
  }

  .pdp-layout-container .details-section {
    width: 704px;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .pdp-layout-container .pdp-layout-container_breadcrumb {
    width: 100%;
    max-width: 328px;
    margin: auto;
  }

  .pdp-layout-container .pdp-layout-container__details {
    flex-direction: column;
    justify-content: center;
    max-width: 328px;
    margin: auto;
    gap: 1.5rem;
  }

  .pdp-layout-container .pdp-layout-container__details .details-section .title {
    font-size: 1.5rem !important;
  }

  .pdp-layout-container .pdp-layout-container__details .details-section .subtitle {
    font-size: 0.875rem !important;
  }

  .pdp-layout-container .details-section .buttons-container {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }

  .pdp-layout-container .details-section .add-to-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 23px;
    gap: 1rem;
  }

  .pdp-layout-container .image-gallery-section {
    width: 328px;
    margin: auto;
  }

  .pdp-layout-container .details-section {
    width: 328px;
    margin: auto;
  }

  .pdp-layout-container .title .textBlock_desktopTabletMobile.lwc-4rt99a8doqk {
    font-size: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pdp-layout-container .pdp-layout-container__details {
    flex-direction: column;
    justify-content: center;
    max-width: 328px;
    margin: auto;
    gap: 1.5rem;
  }

  .pdp-layout-container .pdp-layout-container_breadcrumb {
    width: 100%;
    max-width: 328px;
    margin: auto;
  }

  .pdp-layout-container .pdp-layout-container__details .details-section .title {
    font-size: 1.5rem !important;
  }

  .pdp-layout-container .pdp-layout-container__details .details-section .subtitle {
    font-size: 0.875rem !important;
  }

  .pdp-layout-container .details-section .buttons-container {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }

  .pdp-layout-container .details-section .add-to-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 23px;
    gap: 1rem;
  }
}

/*----------------------------------------------------------------------------------------------*/
/*
Component name: Product Description Page End
*/
/*----------------------------------------------------------------------------------------------*/
/* 
* Component Name: C045-46 Container
*/
.c-045-catalog-template-callout-parent {
  width: 1200px;
  margin: auto;
  /* padding-top: 2.5rem; */
  min-height: 0;
}

/*---------------------------------------------------------------------------*/
/* container 35-65 for desktop  */
.parent-flex-container-35-65 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.parent-flex-container-35-65 .inner-1 {
  width: 486px;
  height: 384px;
}

.parent-flex-container-35-65 .inner-1 .item-1 {
  width: 384px;
  width: 384px;
  margin-right: 102px;
}

.parent-flex-container-35-65 .inner-2 {
  width: 690px;
  height: 456px;
  margin-right: 1px;
}

.parent-flex-container-35-65 .inner-2 .item-2 .button-container {
  width: 588px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.parent-flex-container-35-65 .inner-2 .item-2 .button-container .button-1 {
  width: 282px;
}

.parent-flex-container-35-65 .inner-2 .item-2 .button-container .button-2 {
  width: 282px;
}

/*---------------------------------------------------------------------------*/

/* container 65-35 for desktop  */

.parent-flex-container-65-35 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.parent-flex-container-65-35 .item-1 {
  width: 690px;
  height: 456px;
}

.parent-flex-container-65-35 .item-1 .button-container {
  width: 588px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.parent-flex-container-65-35 .item-1 .button-container .button-1 {
  width: 282px;
}

.parent-flex-container-65-35 .item-1 .button-container .button-2 {
  width: 282px;
}

.parent-flex-container-65-35 .item-2 {
  width: 384px;
  height: 384px;
  margin-left: 102px;
  margin-right: 1px;
}

/*---------------------------------------------------------------------------*/
/* container 60-40 for desktop  */

.parent-flex-container-60-40 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.parent-flex-container-60-40 .item-1 {
  width: 690px;
  height: 388px;
  margin-right: 2rem;
}

.parent-flex-container-60-40 .item-2 {
  width: 384px;
  height: fit-content;
}

.parent-flex-container-60-40 .item-2 .button-container {
  width: 384px;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 10px
}

.parent-flex-container-60-40 .item-2 .button-container .button-1 {
  width: 282px;
  margin-bottom: 10px;
}

.parent-flex-container-60-40 .item-2 .button-container .button-2 {
  width: 282px;
}

/*---------------------------------------------------------------------------*/
/* container 40-60 for desktop  */

.parent-flex-container-40-60 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.parent-flex-container-40-60 .item-1 {
  width: 384px;
  height: fit-content;
}

.parent-flex-container-40-60 .item-1 .button-container {
  width: 384px;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
  flex-direction: column;
}

.parent-flex-container-40-60 .item-1 .button-container .button-1 {
  width: 282px;
  margin-bottom: 10px;
}

.parent-flex-container-40-60 .item-1 .button-container .button-2 {
  width: 282px;
}

.parent-flex-container-40-60 .item-2 {
  width: 690px;
  height: 388px;
}

/*---------------------------------------------------------------------------*/
/* container 50-50 for desktop  */
.parent-flex-container-50-50 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.parent-flex-container-50-50.row-reverse {
  flex-direction: row-reverse;
}


.parent-flex-container-50-50 .item-1 {
  width: 588px;
  /* height: 330.75px; */
  /* margin-right: 102px; */
}

.parent-flex-container-50-50 .item-2 {
  width: 500px;
  height: fit-content;

}

.parent-flex-container-50-50 .item-1 .button-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 280px;
}

.parent-flex-container-50-50 .item-2 .button-container {
  width: 282px;
}

.parent-flex-container-50-50 .item-2 .button-container .button-1 {
  width: 282px;
  margin-bottom: 10px;
}

.parent-flex-container-50-50 .item-2 .button-container .button-2 {
  width: 282px;
}

/*** for tab view *******/

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .c-045-catalog-template-callout-parent {
    width: 720px;
    margin: auto;
    /* padding-top: 2.5rem; */
  }

  .parent-flex-container-35-65 .inner-1 {
    width: 224px;
    height: 224px;
  }

  .parent-flex-container-35-65 .inner-1 .item-1 {
    width: 224px;
    height: 224px;
    margin-right: 0;
  }

  .parent-flex-container-35-65 .inner-2 {
    width: fit-content;
  }

  .parent-flex-container-35-65 .inner-2 .item-2 .button-container {
    width: fit-content;
  }

  .parent-flex-container-50-50 .c046-image-container {
    height: 224px;
  }

  /*---------------------------------------------------------------------------*/
  /* container 35-65 for tab  */

  .parent-flex-container-35-65 .item-1 {
    width: 224px;
    height: 224px;
    margin-right: 60px;
  }

  .parent-flex-container-35-65 .item-2 {
    width: 404px;
    height: 600px;

  }

  .parent-flex-container-35-65 .item-2 .button-container {
    width: 404px;
  }

  .parent-flex-container-35-65 .item-2 .button-container .button-1 {
    width: 224px;
  }

  .parent-flex-container-35-65 .item-2 .button-container .button-2 {
    width: 224px;
  }

  /*---------------------------------------------------------------------------*/
  /* container 65-35 for tab  */

  .parent-flex-container-65-35 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .parent-flex-container-65-35 .item-1 {
    width: 404px;
    height: 600px;
  }

  .parent-flex-container-65-35 .item-1 .button-container {
    width: 404px;
  }

  .parent-flex-container-65-35 .item-1 .button-container .button-1 {
    width: 224px;
  }

  .parent-flex-container-65-35 .item-1 .button-container .button-2 {
    width: 224px;
  }

  .parent-flex-container-65-35 .item-2 {
    min-width: 224px;
    min-height: 224px;
    height: 224px;
    margin-left: 102px;
  }

  /*---------------------------------------------------------------------------*/
  /* container 60-40 for tab */

  .parent-flex-container-60-40 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .parent-flex-container-60-40 .item-1 {
    min-width: 404px;
    width: 404px;
    height: 192px;
  }

  .parent-flex-container-60-40 .item-2 {
    width: 344px;
    height: 408px;
    flex-wrap: nowrap;
    flex-direction: row;
  }

  .parent-flex-container-60-40 .item-2 .button-container {
    width: 224px;
    margin-bottom: 1rem;
    gap: 10px
  }

  .parent-flex-container-60-40 .item-2 .button-container .button-1 {
    width: 224px;
    margin-bottom: 10px;
  }

  .parent-flex-container-60-40 .item-2 .button-container .button-2 {
    width: 224px;
  }

  /*---------------------------------------------------------------------------*/
  /* container 40-60 for tab  */

  .parent-flex-container-40-60 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .parent-flex-container-40-60 .item-1 {
    width: 344px;
    height: 552px;
  }

  .parent-flex-container-40-60 .item-1 .button-container {
    width: 224px;
    margin-bottom: 1rem;
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .parent-flex-container-40-60 .item-1 .button-container .button-1 {
    width: 224px;
    margin-bottom: 10px;
  }

  .parent-flex-container-40-60 .item-1 .button-container .button-2 {
    width: 224px;
  }

  .parent-flex-container-40-60 .item-2 {
    min-width: 404px;
    max-width: 404px;
    height: 224px;

  }

  /*---------------------------------------------------------------------------*/
  /* container 50-50 for tablet  */
  .parent-flex-container-50-50 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .parent-flex-container-50-50 .item-1 {
    width: 344px;
    margin-right: 1rem;
  }

  .parent-flex-container-50-50 .c046-image-container {
    height: 224px;
  }

  .parent-flex-container-50-50 .c046-image-container .image {
    height: 100% !important;
  }

  .parent-flex-container-50-50 .item-2 {
    width: fit-content;
    /* height: 408px; */
  }

  .parent-flex-container-50-50 .item-2 .button-container {
    width: 224px;
  }

  .parent-flex-container-50-50 .item-2 .button-container .button-1 {
    width: 224px;
    margin-bottom: 10px;
  }

  .parent-flex-container-50-50 .item-2 .button-container .button-2 {
    width: 224px;
  }

}



/*** for mobile view *******/

@media screen and (min-width: 360px) and (max-width: 767px) {
  .c-045-catalog-template-callout-parent {
    width: 328px;
    margin: auto;
    /* padding-top: 2.5rem; */
    flex-direction: column;
    align-items: center;
  }

  .parent-flex-container-35-65 .inner-1 {
    width: 272px;
    height: 272px;
  }

  .parent-flex-container-35-65 .inner-1 .item-1 {
    width: 272px;
    height: 272px;
    margin-right: 0;
  }

  .parent-flex-container-35-65 .inner-2 {
    width: fit-content;
  }

  .parent-flex-container-65-35 {
    flex-direction: column-reverse !important;
    gap: 2rem;
  }

  /*---------------------------------------------------------------------------*/
  /* container 35-65 for mobile  */

  .parent-flex-container-35-65 .item-1 {
    width: 272px;
    height: 272px;
  }

  .parent-flex-container-35-65 .item-2 {
    display: flex;
    flex-wrap: wrap;
    width: 328px;
  }

  .parent-flex-container-35-65 .item-2 .button-container {
    width: 224px;
    margin: auto;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px
  }

  .parent-flex-container-35-65 .item-2 .button-container .button-1 {
    width: 224px;
  }

  .parent-flex-container-35-65 .item-2 .button-container .button-2 {
    width: 224px;
  }

  /*---------------------------------------------------------------------------*/

  /* 
  * Added By: Priyanka Raut
  *container 65-35 for mobile  */

  .parent-flex-container-65-35 .item-2 {
    margin-left: 0;
  }

  .parent-flex-container-65-35 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .parent-flex-container-65-35 .item-1 {
    display: flex;
    flex-wrap: wrap;
    width: 328px;
  }

  .parent-flex-container-65-35 .item-1 .button-container {
    width: 224px;
    margin: auto;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px;
    margin-top: -6rem;
  }

  .parent-flex-container-65-35 .item-1 .button-container .button-1 {
    width: 224px;
  }

  .parent-flex-container-65-35 .item-1 .button-container .button-2 {
    width: 224px;
  }

  .parent-flex-container-65-35 .item-2 {
    width: 272px;
    height: 272px;
  }

  /*---------------------------------------------------------------------------*/

  /* container 60-40 for mobile */

  .parent-flex-container-60-40 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .parent-flex-container-60-40 .item-1 {
    width: 328px;
    height: 224px;
    /* margin-right: 102px; */
  }

  .parent-flex-container-60-40 .item-2 {
    width: 328px;
    height: 576px;
  }

  .parent-flex-container-60-40 .item-2 .button-container {
    width: 282px;
    margin: auto;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px
  }

  .parent-flex-container-60-40 .item-2 .button-container .button-1 {
    width: 282px;
    margin-bottom: 10px;
  }

  .parent-flex-container-60-40 .item-2 .button-container .button-2 {
    width: 282px;
  }

  /*---------------------------------------------------------------------------*/
  /* container 40-60 for mobile  */

  .parent-flex-container-40-60 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column-reverse;
  }

  .parent-flex-container-40-60 .item-1 {
    width: 328px;
  }

  .parent-flex-container-40-60 .item-1 .button-container {
    width: 282px;
    margin: auto;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px
  }

  .parent-flex-container-40-60 .item-1 .button-container .button-1 {
    width: 282px;
    margin-bottom: 10px;
  }

  .parent-flex-container-40-60 .item-1 .button-container .button-2 {
    width: 282px;
  }

  .parent-flex-container-40-60 .item-2 {
    width: 328px;
    height: 184px;
    margin-bottom: 1rem;
  }

  /*---------------------------------------------------------------------------*/
  /* container 50-50 for mobile  */
  .parent-flex-container-50-50 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem;
  }

  .parent-flex-container-50-50 .item-1 {
    width: 328px;
    height: fit-content;
    margin: auto;
  }


  .parent-flex-container-50-50 .item-2 {
    width: 328px;
    /* height: 408px; */

  }

  .parent-flex-container-50-50 .item-2 .button-container {
    width: 282px;
    margin: auto;
  }

  .parent-flex-container-50-50 .item-2 .button-container .button-1 {
    width: 282px;
    margin-bottom: 10px;

  }

  .parent-flex-container-50-50 .item-2 .button-container .button-2 {
    width: 282px;
  }

}

/*---------------------------------------------------------------------------*/

.modal-container-import-attachment {
  position: relative;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 700px;
  padding-bottom: 2rem;
  z-index: 999;
  background-color: #fff;
}

.modal-container-import-attachment .modal-heading {
  font-weight: 700;
  font-size: 0.75rem;
  color: #2d383f;
  text-transform: uppercase;
}

@media screen and (max-width: 480px) {
  .modal-container-import-attachment {
    width: 90%;
    height: auto;
    padding-bottom: 20px;
  }
}

.modal-container-import-attachment::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-container-import-attachment .modal-contents {
  padding: 1.5rem 1.5rem;
}

.modal-container-import-attachment .para-1 {
  font-size: 1.313rem;
  margin-bottom: 0.5rem;
}

.modal-container-import-attachment .emr-paragraph-subheading {
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: rgb(45, 56, 63);
}

.modal-container-import-attachment .para-2 {
  font-size: 0.875rem;
}

.modal-container-import-attachment .para-3 {
  font-size: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #75787c;
}

.modal-container-import-attachment .emr-secondary--button {
  max-width: 280px;
  margin: auto;
}

.modal-container-import-attachment .heading {
  background-color: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  height: 40px;
}

.modal-container-import-attachment .close-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.welcome-container .slds-checkbox .slds-checkbox--faux,
.slds-checkbox .slds-checkbox_faux {
  width: 20px !important;
  height: 20px !important;
}

.welcome-container .slds-checkbox [type="checkbox"]+.slds-checkbox__label .slds-checkbox_faux {
  border-radius: 1px !important;
}

.emr-generic-body-copy-text {
  margin-top: 1.5rem;
}

@media print {

  .navbar-container,
  .footer-container {
    visibility: hidden;
  }
}

.side-logo .slds-panel__body {
  padding-bottom: 6.875 !important;
}

/*-------------------------------------------------------------------------------------------------------*/
.pagination {
  display: flex;
  margin: auto;
  width: fit-content;
  margin-top: 1rem;
}

.pagination svg {
  color: #00573D;
}

.pagination .emr-primary-text-cta {
  margin: 0 0.4rem;
  font-size: 1rem;
  font-weight: 400;
}

.pagination .emr-primary-text-cta:hover {
  cursor: pointer;
}


.navbar-container .lwc-nqurjj9ig5-host .slds-button.slds-button_outline-brand.lwc-76nnmqsstjk,
.mobile-menu .lwc-nqurjj9ig5-host .slds-button.slds-button_outline-brand.lwc-76nnmqsstjk {
  background-color: transparent !important;
  color: #00573d !important;
  font-size: 12px;
  font-weight: 700;
  transition: color 0.3s;
  width: 100%;
}

.navbar-container .slds-button.slds-button_outline-brand:hover:enabled.lwc-76nnmqsstjk,
.mobile-menu .slds-button.slds-button_outline-brand:hover:enabled.lwc-76nnmqsstjk {
  color: #00805a !important;
  background-color: transparent !important;
  transition: color 0.3s;

}

.navbar-container .slds-button.slds-button_stretch.lwc-76nnmqsstjk,
.mobile-menu .slds-button.slds-button_stretch.lwc-76nnmqsstjk {
  background-color: #00573d !important;
  color: #fff !important;
  border-radius: 0 !important;
  height: 48px;
  text-decoration: none !important;
  transition: background-color 0.3s !important;
  width: 100%;
}

/* @media screen and (max-width: 1280px) {
  .navbar-container .slds-button.slds-button_neutral.lwc-76nnmqsstjk, .mobile-menu .slds-button.slds-button_neutral.lwc-76nnmqsstjk {
    width: 300px;
  }

  .navbar-container .lwc-nqurjj9ig5-host .slds-button.slds-button_outline-brand.lwc-76nnmqsstjk, .mobile-menu .lwc-nqurjj9ig5-host .slds-button.slds-button_outline-brand.lwc-76nnmqsstjk {
    width: 300px;
  }
} */

.navbar-container .slds-button.slds-button_stretch:hover:enabled.lwc-76nnmqsstjk,
.mobile-menu .slds-button.slds-button_stretch:hover:enabled.lwc-76nnmqsstjk {
  /* background-color: #00805a !important; */
  color: #fff;
  transition: background-color 0.3s;
}

.navbar-container .panel_footer .lwc-nqurjj9ig5,
.mobile-menu .panel_footer .lwc-nqurjj9ig5 {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.navbar-container .slds-align_absolute-center {
  margin-left: 0 !important;
}

.navbar-container .side-logo .slds-icon {
  fill: #004b8d !important;
}

.header.lwc-5g35a4nm657 {
  background-color: #fff;
}

/*******************************************************************************************/
/* Added byL Priyanka Raut 
  component  Name: PLP Container */
.plp-container {
  display: flex;
  max-width: 1200px;
  margin: auto;
  gap: 1rem;
  margin-top: 1.25rem;
}

.plp-container .sort-container .lwc-4rt99a8doqk {
  font-size: 14px;
  font-weight: 600;
}

.plp-container .sort-container .sort-container .slds-listbox_vertical .slds-listbox__option:hover,
.plp-container .sort-container .sort-container .slds-listbox_vertical .slds-listbox__option.slds-has-focus {
  box-shadow: none;
}

.plp-container .sort-container .sort-container .slds-media_small .slds-media__figure {
  display: none;
}

.plp-container .product-container .slds-text-heading_small {
  font-size: 1rem !important;
  text-align: center !important;
  font-weight: 400 !important;
}

.plp-container .sort-container .fix-slds-input_faux {
  display: flex;
  align-items: center;
  border-radius: 0;
  border: 1px solid #c9cacc;
  height: 48px;
  background-color: #f3f3f3;
}

.plp-container .sort-container .fix-slds-input_faux:hover {
  background-color: #f3f3f3;
}

.plp-container .sort-container .slds-combobox__input:focus {
  box-shadow: none;
}

.plp-container .imageArea.lwc-qbo6k07gg {
  height: 210px;
}

@media screen and (max-width: 767px) {
  .plp-container .imageArea.lwc-qbo6k07gg .lwc-qbo6k07gg {
    height: 210px;
  }

  .plp-container .imageArea.lwc-qbo6k07gg {
    justify-content: center;
  }
}

.plp-container .dxp-text-body {
  font-weight: 500;
  font-size: 14px;
}

.plp-container .product-container .limitHitTextSection .lwc-1veu381bo8t {
  width: 90%;
  margin-top: -10px;
  margin-bottom: 1rem;
  font-weight: 300;
}

.plp-container .product-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.plp-container .sort-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.plp-container .category-container {
  min-width: 296px;
}

.plp-container .count-container {
  margin-left: 1rem;
}

.plp-container .prodcount {
  display: flex;
}

.plp-container .sort-container {
  padding-right: 0.5rem;
}

.plp-container .sort-container .slds-form-element__control {
  min-width: 220px;
}

@media screen and (max-width: 1279px) {
  .plp-container .category-container .category-tree-section {
    padding-left: 0 !important;
  }

  .plp-container .count-container {
    margin-left: 0.2rem;
  }

  .plp-container .category-container {
    min-width: 256px;
  }

  .facet-header.lwc-5992tllqkct {
    padding-right: 0 !important;
  }

  .plp-container .category-container h2.lwc-13i7bmaad39 {
    padding-left: 1.2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .plp-container {
    flex-direction: column;
  }

  .plp-container .count-container {
    margin-left: 0;
    margin-bottom: 0.6rem;
  }

  .plp-container .product-container>.sort-container {
    margin: auto;
    width: fit-content;
    margin-bottom: 1rem;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0 !important;
  }

  .plp-container .product-container img.lwc-6d0jmdgc6e8 {
    max-height: 210px;
  }
}

.c031-parent-container-flex .c031-centered-layout-item-2 .emr-primary--button,
.c031-parent-container-flex .c031-centered-layout-item-2 .emr-secondary--button {
  width: 280px;
  gap: 1rem;
}

/*******************************************************************************************/

.facet-body .show-more {
  display: none;
}

.facet-body .slds-truncate {
  white-space: wrap !important;
  text-overflow: none !important;
}

.facets-section .slds-checkbox [type="checkbox"]+.slds-checkbox__label .slds-checkbox_faux {
  border-color: #c9cacc !important;
}

.facets-section .slds-checkbox .slds-checkbox_faux {
  box-shadow: none !important;
}



.facets-section .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
  top: 40% !important;
}

.filters-header.lwc-6c68de1m9ep {
  margin-top: 9px;
}


/*********************PROMOCODE*/


.applied-promo-container {
  display: flex;
  align-items: center;
}

.promo-pill {
  background-color: #f0f4f7;
  padding: 0.4rem 1rem;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #000;
  border: 1px solid #ccc;
  margin-top: 0.5rem;
}

.remove-btn {
  border: none;
  background: none;
  font-size: 1rem;
  cursor: pointer;
  color: #666;
  line-height: 1;
}

/*---------------------------------------------------------------------------*/
/* Added by: Mohit Batheja
   Component Name: C025 Video Carousel */
.c-025-video-carousel-header {
  max-width: 1456px;
  margin: auto;
}

.c-025-video-carousel-container {
  position: relative;
  max-width: 1456px;
  height: 819px;
  overflow: hidden;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  margin: auto;
}

.c-025-video-carousel-outer-container {
  padding-top: 24px;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
  max-width: 1536px;
  margin: auto;
  overflow-y: hidden;
  box-sizing: border-box;
}


.c-025-video-carousel-container .video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-025-video-carousel-container .video-title {
  font-size: 1.5rem;
  line-height: 36px;
  margin-bottom: 10px;
  font-weight: 400;
  color: #fff;
}

.c-025-video-carousel-container .video-description {
  color: #fff;
  font-size: 1.125rem;
  line-height: 36px;
  margin-bottom: 10px;
  font-weight: 300;
}

.c-025-video-carousel-container .video-description:hover,
.video-title:hover {
  cursor: pointer;
}

.c-025-video-carousel-container .content {
  position: absolute;
  bottom: 24px;
  left: 24px;
  z-index: 1;
  pointer-events: none;
}

.c-025-video-carousel-container .video {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 2;
  /* background-color: rgba(0, 0, 0, 0.4); */
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
}

.c-025-video-carousel-container .video:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.c-025-video-carousel-container .play-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.c-025-video-carousel-container .play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent white;
  margin-left: 5px;
  transition: transform 0.3s ease;
}

.c-025-video-carousel-outer-container .prev-arrow,
.next-arrow {
  cursor: pointer;
  font-size: 2.5rem;
  width: 40px;
  min-height: 130px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background-color: none;
}

.c-025-video-carousel-outer-container .video-carousel-overflow-container {
  max-width: 1456px;
  overflow-y: auto;
  position: relative;
  display: flex;
  gap: 2rem;
  justify-content: flex-start;
  /* Hides scrollbar in Firefox */
  scrollbar-width: none;
}

.c-025-video-carousel-outer-container .video-carousel-overflow-container::-webkit-scrollbar {
  /* Hides scrollbar in Chrome and other browsers */
  display: none;
}

.c-025-video-carousel-outer-container .video-thumbnail-box {
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  /* Prevents shrinking for thumbnails */
  flex-shrink: 0;
  width: 216px;
  min-height: 176px;
}

.c-025-video-carousel-outer-container .video-thumbnail-box img {
  width: 100%;
  height: auto;
}

.c-025-video-carousel-outer-container .video-thumbnail-box .title {
  display: block;
  font-size: 0.875rem;
  color: #262728;
  margin-top: 8px;
  font-weight: 500;
}

.c-025-video-carousel-outer-container .video-thumbnail-box:hover .title {
  color: #00805A;
}

.c-025-video-carousel-outer-container .video-thumbnail-box:hover .thumbnail-container {
  border: 2px solid #00805A;
}

.c-025-video-carousel-outer-container .video-thumbnail-box .thumbnail-container {
  position: relative;
}

.c-025-video-carousel-outer-container .video-thumbnail-box .thumbnail-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 128, 90, 0.6);
  color: white;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  z-index: 2;
}

.c-025-video-carousel-outer-container .video-thumbnail-box.selected .thumbnail-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1536px) {
  .c-025-video-carousel-header {
    max-width: 1200px;
    margin: auto;
  }

  .c-025-video-carousel-container {
    height: 672px;
    width: 1200px;
  }

  .c-025-video-carousel-outer-container {
    max-width: 1280px;
  }
}

@media screen and (max-width: 1279px) {
  .c-025-video-carousel-header {
    max-width: 704px;
    margin: auto;
  }

  .c-025-video-carousel-container {
    height: 672px;
    width: 704px;
  }

  .c-025-video-carousel-outer-container {
    max-width: 704px;
    justify-content: center;
  }

  .c-025-video-carousel-outer-container .prev-arrow,
  .next-arrow {
    display: none;
  }
}

@media screen and (max-width: 767px) {

  .c-025-video-carousel-header {
    max-width: 328px;
    margin: auto;
  }

  .c-025-video-carousel-container {
    height: 396px;
    width: 328px;
  }

  .c-025-video-carousel-outer-container .video-carousel-overflow-container {
    max-width: 328px;
  }

  .c-025-video-carousel-outer-container {
    max-width: 328px;
    justify-content: center;
  }

  .c-025-video-carousel-outer-container .prev-arrow,
  .next-arrow {
    display: none;
  }
}

/*---------------------------------------------------------------------------*/
/* 
  ******************************* Cart Container common styles starts here ********************************
*/

.cart-container .cart-container {
  /* min-width: 100%; */
  padding: 1rem 0;
  background-color: #f3f3f3;
  color: #262728;
}

/* Cart Container heading start */

.cart-container .heading {
  /* width: 100%; */
  max-width: 1456px;
  padding: 0 0rem;
  margin: auto;
  margin-bottom: 1rem;
}

.cart-container .heading .sub-heading {
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}

.cart-container .heading .custom-heading {
  font-size: 2.75rem !important;
  margin-bottom: 0rem;
  line-height: 56px;
  font-weight: 300 !important;
  color: #262728 !important;
}

.cart-container .heading .sub-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 88px;
}

.cart-container .heading .sub-content .emr-paragraph {
  font-weight: 400;
  font-size: 0.875rem;
  color: #626467;
}



/* Desktop Menus, this will be hide on tablet and mobile view */
.cart-container .heading .sub-content .sub-buttons {
  color: #75787c;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 10px;
}

.cart-container .heading .sub-content .sub-buttons .emr-primary-text-cta {
  margin: 0;
  padding: 0px 0.5rem;
  color: #00573d !important;
}

.cart-container .mob-sub-buttons .emr-primary-text-cta.print-menu {
  margin-top: -8px;
}

.cart-container .heading .sub-content .sub-buttons .emr-primary-text-cta:not(:first-child) {
  border-left: 1px solid #00573d !important;
}

.cart-container .heading .sub-content .sub-buttons .emr-primary-text-cta:hover {
  color: #00805a !important;
  text-decoration: none;
}

.cart-container .heading .sub-content .sub-buttons .emr-primary-text-cta:hover {
  cursor: pointer;
}

/* Hide the mobile and tablet menus in desktop */
.cart-container .heading .menu-container {
  display: none;
}

.cart-container .heading .menu-container .mob-sub-buttons {
  display: none;
  position: absolute;
  top: 24px;
  right: 24px;
  background: white;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  min-width: 160px;
  z-index: 1000;
}

/* Cart Container heading end */

/* Cart Content start here */

.cart-container .cart-container .cart-content {
  margin-bottom: 1.5rem;
  background-color: #fff;
  /* width: 100%; */
  max-width: 1456px;
  margin: auto;
  border-radius: 0.4rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.cart-container .cart-container .cart-content .table {
  width: 100%;
  border-collapse: collapse;
}

.cart-container .cart-container .table-data {
  display: flex;
}

.cart-container .cart-container .cart-content .table .table-header tr {
  height: 56px;
}

.cart-container .cart-container .cart-content .table .table-header tr th {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #c9cacc;
  font-size: 0.875rem;
  font-weight: 500;
}

.cart-container .cart-container .product-info {
  padding: 0.5rem 1rem;
  width: 65%;
}

.cart-container .cart-container .product-info .emr-paragraph {
  display: flex;
}

.cart-container .cart-container .cart-content .table .quantity {
  text-align: center;
  text-transform: uppercase;
}

.cart-container .cart-container .cart-content .table .price {
  text-align: right;
  text-transform: uppercase;
}

.cart-container .cart-container .table-data>div {
  width: 100%;
}

.cart-container .bottom-buttons-cart {
  display: flex;
  width: 100%;
  min-height: 80px;
  width: 100%;
  max-width: 1456px;
  margin: auto;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}

.cart-container .promo-buttons-cart {
  display: flex;
  width: 100%;
  min-height: 48px;
  width: 100%;
  max-width: 1456px;
  margin: auto;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.cart-container .promo-buttons-cart .buttons {
  width: fit-content;
  display: flex;
  gap: 0;
}

.cart-container .cart-container .cart-content .table tbody .border-bottom {
  border-bottom: 1px solid #c9cacc;
}

.cart-container .cart-container .cart-content .table tbody tr td {
  padding: 1rem;
}

.cart-container .cart-container .product-quantity {
  vertical-align: top;
  text-align: center;
}

.cart-container .cart-container .emr-text-area {
  width: 50px;
  height: 40px;
  padding: 0;
  text-align: center;
  background-color: #f3f3f3;
  margin-left: 4px;
}

.cart-container .cart-container .product-price {
  vertical-align: top;
  text-align: right;
}

.cart-container .cart-container .product-price .price-top {
  font-weight: 500;
}

.cart-container .cart-container .product-price .price-bottom {
  font-size: 0.875rem;
  font-weight: 600;
  color: #626467;
}

.cart-container .cart-container .quantity-responsivness {
  display: none;
}

.cart-container .cart-container .table-data .name {
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #4e4f52;
  display: flex;
  justify-content: space-between;
}

.cart-container .cart-container .table-data .name .responsive-menu {
  display: none;
}

.cart-container .cart-container .table-data .sub-name {
  font-size: 0.875rem;
  color: #262728 !important;
}

.cart-container .cart-container .table-data .delivery {
  font-size: 0.75rem;
  margin-top: 0.7rem;
  font-weight: 500;
  color: #626467 !important;
}

.cart-container .cart-container .table-data .buttons {
  display: flex;
  margin-top: 1rem;
}

.cart-container .cart-container .menu {
  vertical-align: top;
}

.cart-container .total-amt {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.2rem;
  text-align: right;
}

.cart-container .pagination {
  display: flex;
  margin: auto;
  width: fit-content;
  margin-top: 1rem;
}

.cart-container .pagination svg {
  color: #00573d;
}

.cart-container .pagination .emr-primary-text-cta {
  margin: 0 0.4rem;
  font-size: 1rem;
  font-weight: 400;
}

.cart-container .pagination .emr-primary-text-cta:hover {
  cursor: pointer;
}

.cart-container .menu-container {
  position: relative;
}

.cart-container .menu-container .menu-icon {
  cursor: pointer;
  height: 16px;
}

.cart-container .menu-container .dropdown-menu {
  display: none;
  position: absolute;
  top: 24px;
  right: 80%;
  background: white;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  min-width: 190px;
  z-index: 1000;
}

.cart-container .menu-container .dropdown-menu .menu-item {
  padding: 8px 16px;
  cursor: pointer;
}

.cart-container .menu-container.active .dropdown-menu {
  display: block;
}

.cart-container .cart-container .table-data .cart-product-name {
  font-size: 1rem;
  line-height: 24px;
  font-weight: 500;
  color: #262728;
}

.cart-container .cart-container .table-data .cart-product-sku {
  font-size: 0.875rem;
  line-height: 24px;
  font-weight: 300;
}

/* Cart Content ends here */

/* 
* bottom buttons start here
*/
.cart-container .bottom-buttons-cart .total-price {
  font-weight: 400;
  text-align: right;
  font-size: 1.5rem;
}

.cart-container .bottom-buttons-cart .buttons {
  width: fit-content;
  display: flex;
}

.cart-container .bottom-buttons-cart .buttons .emr-secondary--button {
  margin-right: 1rem;
  width: 282px;

}

.cart-container .bottom-buttons-cart .buttons .emr-primary--button {
  width: 282px;
}

.cart-container .promo-buttons-cart .buttons .emr-primary--button {
  width: 160px !important;
}

.bottom-buttons-cart .text-promo {
  padding-left: 8px !important;
  background-color: #f3f3f3 !important;
  height: 48px;
  width: 230px;
  margin-right: 1rem;
}

.cart-container .promo-buttons-cart .emr-text-area {
  width: 282px;
  height: 48px;
}

.applied-promo-container {
  display: flex;
  align-items: center;
}

/* 
* bottom buttons ends here
*/
/* ************************************************************************************************** */
/* ************************************************************************************************** */
/* ********************************** Cart Container Desktop View styles starts here ************************************ */
/* ************************************************************************************************** */


@media screen and (max-width: 1456px) {
  .cart-container .heading {
    max-width: 1200px;
  }

  .cart-container .cart-container .cart-content {
    max-width: 1200px;
  }

  .cart-container .bottom-buttons-cart {
    max-width: 1200px;
  }

  .cart-container .promo-buttons-cart {
    max-width: fit-content;
  }
}

.cart-container .heading .sub-content .sub-buttons .emr-primary-text-cta:not(:first-child) {
  border-left: 1px solid #00573d !important;
}

/* ************************************************************************************************** */
/* ********************************** Cart Container tablet View styles starts here ************************************ */
/* ************************************************************************************************** */

.cart-container .cart-summary-bottom {
  display: flex;
  gap: 1rem;
}

@media screen and (max-width: 1279px) {
  .cart-container .heading {
    max-width: 704px !important;
    margin-bottom: 0;
  }

  .cart-container .promo-buttons-cart {
    max-width: 704px !important;
  }

  .cart-container .heading .menu-container {
    display: block !important;
    position: relative;
  }

  /* Desktop menus */

  .cart-container .heading .sub-content .sub-buttons {
    display: none !important;
  }

  .cart-container .heading .menu-container.active .mob-sub-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
  }

  .cart-container .heading .menu-container.active .mob-sub-buttons .emr-primary-text-cta {
    width: 100%;
    text-align: left;
    justify-content: flex-start;
  }

  .cart-container .cart-container .cart-content {
    max-width: 704px !important;
  }

  .cart-container .cart-container .cart-content .table .table-header tr {
    display: none !important;
  }

  .cart-container .bottom-buttons-cart {
    max-width: 704px !important;
    /* padding: 12px 16px 16px; */
    flex-direction: row;
    align-items: flex-start;
    height: fit-content;
  }

  .cart-container .bottom-buttons-cart .buttons {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }

  .cart-container .bottom-buttons-cart .buttons .emr-secondary--button {
    margin-right: 0;
  }

  .cart-container .bottom-buttons-cart .emr-paragraph {
    gap: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .cart-container .cart-container .menu {
    display: none !important;
  }

  .cart-container .cart-container .table-data .name .responsive-menu {
    display: block !important;
  }

  .cart-container .cart-container .cart-content .table .table-header .table-data {
    width: 100%;
  }

  .cart-container .cart-container .cart-content .table tbody tr td {
    width: 100%;
  }

  .cart-container .cart-container .quantity-responsivness {
    display: block;
    display: flex;
    margin-top: 0.5rem;
    justify-content: space-between;

  }

  .cart-container .cart-container .product-info {
    width: 100%;
  }

  .cart-container .cart-container .product-quantity,
  .cart-container .cart-container .product-price,
  .cart-container .cart-container .menu {
    display: none;
  }

  .cart-container .cart-container .quantity-responsivness .product-price {
    display: block;
  }

  .cart-container .cart-container .quantity-responsivness .custom-qty {
    font-size: 0.875rem;
    font-weight: 400;
  }

  .cart-container .cart-container .cart-content .table .table-header .quantity,
  .cart-container .cart-container .cart-content .table .table-header .price {
    display: none !important;
  }

  /* Modals */
  .modal-container-CART-modal-3 {
    max-width: 704px !important;
  }

  .modal-container-CART-modal-3 .modal-contents .emr-paragraph {
    font-weight: 400 !important;
  }

  .modal-container-cart {
    max-width: 704px !important;
  }

  .modal-container-cart .content label {
    font-weight: 400 !important;
  }

  .modal-container-CART-modal-3 .bottom-buttons {
    flex-direction: row;
  }

  .cart-container .promo-buttons-cart .buttons .emr-primary--button {
    width: 282px !important;
  }

  .cart-container .bottom-buttons-cart .promo-buttons-cart .buttons {
    flex-direction: column;
  }

  .bottom-buttons-cart .text-promo {
    margin-right: 0;
  }
}

/* ************************************************************************************************** */
/* ************************************************************************************************** */
/* ********************************** Cart Container Mobile View styles starts here ************************************ */
/* ************************************************************************************************** */
@media screen and (max-width: 767px) {
  .cart-container .heading {
    max-width: 328px !important;
  }

  .cart-container .promo-buttons-cart {
    max-width: 328px !important;
    ;
  }

  .cart-container .promo-buttons-cart .buttons {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }

  .cart-container .apply-button-container {
    min-width: 282px !important;
  }

  .cart-container .heading .sub-content .emr-paragraph.custom-heading {
    font-size: 1rem !important;
    line-height: 24px;
    font-weight: 400 !important;
    color: #262728 !important;
  }

  .cart-container .cart-container .emr-text-area {
    width: 48px;
    height: 48px;
    margin-left: 4px;
  }

  .cart-container .bottom-buttons-cart {
    max-width: 328px !important;
    height: 320px;
    flex-direction: column-reverse;
    padding: 12px 16px 16px;
  }

  .cart-container .bottom-buttons-cart .buttons {
    flex-direction: column-reverse;
    gap: 1rem;
    width: 100%;
    align-items: center;
  }

  .cart-container .bottom-buttons-cart .emr-paragraph {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .cart-container .cart-container .cart-content {
    max-width: 328px !important;
  }

  .cart-container .cart-container .table-data>div {
    max-width: 328px !important;
  }

  .cart-container .cart-container .cart-content .table tbody tr td {
    width: 100%;
    padding: 1rem;

  }

  .cart-container .cart-summary-bottom {
    flex-direction: column;
  }

  /* .cart-container .heading .sub-content {
  flex-direction: row;
  gap: 0.4rem;
}
   */
}

/* ******************* Cart Container  Modals  ***************** */
.backdrop-cart {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1;
}

.modal-container-CART-modal-3 {
  position: relative;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 100%;
  max-width: 792px;
  height: 264px;
  padding-bottom: 2rem;
  z-index: 999;
  background-color: #fff;
}

.modal-container-CART-modal-3 .heading {
  background-color: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  height: 40px;
  width: 100%;
}

.modal-container-CART-modal-3 .modal-heading {
  font-weight: 700;
  font-size: 0.75rem;
  color: #2d383f;
}

.modal-container-cart {
  position: relative;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 100%;
  max-width: 792px;
  z-index: 999;
  background-color: #fff;
  padding: 0 !important;
}

.modal-container-cart .heading {
  background-color: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  height: 40px;
  width: 100%;
}

.modal-container-import-attachment .para-3>p:first-child {
  font-size: 0.875rem;
  font-weight: 300;
  color: #262728;
}

.modal-container-import-attachment .para-3 {
  font-size: 0.875rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 300;
  color: #75787c;
}

.modal-container-CART-modal-3::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-container-CART-modal-3 .modal-contents {
  padding: 1.5rem 1.5rem;
  width: 588px;
  margin: auto;
}

.modal-container-CART-modal-3 .emr-secondary--button,
.modal-container-cart .bottom-buttons-cart .emr-secondary--button {
  background-color: #C4CED1 !important;
  border: none !important;
  color: #262728 !important;
  width: 282px !important;
}

.modal-container-cart .heading .modal-heading {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 24px;
}

.modal-container-cart .content {
  padding: 1.5rem 0rem 2.5rem;
  max-width: 588px;
  margin: auto;
}

.modal-container-cart .content .character-count {
  text-align: right;
  font-size: .75rem;
  color: #262728;
  font-weight: 400;
  line-height: 16px;
}

.modal-container-cart .bottom-buttons-cart {
  display: flex;
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
  justify-content: center;
  padding-bottom: 2rem;
  gap: 1rem;
}

.modal-container-CART-modal-3 .close-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}



.modal-container-CART-modal-3 .bottom-buttons {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
  gap: 1rem;
  width: 100%;
  max-width: 588px;
}

.modal-container-CART-modal-3 .emr-secondary--button,
.modal-container-CART-modal-3 .emr-primary--button {
  width: 282px;
}

.modal-container-cart .bottom-buttons-cart .emr-primary--button {
  width: 282px;
}

.modal-container-cart .bottom-buttons-cart .emr-secondary--button {
  width: 282px;
  margin-right: 0px;
}

.modal-container-cart .close-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  /* Clear cart modal */

  .modal-container-CART-modal-3 {
    display: flex;
    flex-direction: column;
    height: 100vh !important;
    width: 100% !important;
  }

  .modal-container-CART-modal-3 .modal-contents {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    position: relative;
  }

  .modal-container-CART-modal-3 .modal-contents .bottom-buttons {
    justify-self: end;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 2rem;
    left: 0;
  }

  /* Add Comment modal */
  .modal-container-cart {
    width: 100% !important;
    height: 100% !important;
  }

  .modal-container-cart .content {
    max-width: 328px !important;
  }

  .modal-container-cart .bottom-buttons-cart {
    position: absolute;
    bottom: 0;
    flex-direction: column;
    padding: 12px 16px 16px;
    gap: 1rem;
    align-items: center;
    width: 100%;
    box-shadow: none;
    margin: auto;
  }

  /* add attachment */
  .modal-container-import-attachment {
    width: 100% !important;
    height: 100% !important;
  }

  .modal-container-import-attachment .modal-contents {
    max-width: 328px !important;
    margin: 0 auto;
  }
}

.cart-container-loader.emr-loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
}

/* ************************************************************************************************** */
/* ************************************************************************************************** */

.cart-container .current-page {
  position: relative !important;
  right: 0 !important;
  max-width: 1456px;
  margin: -1.5rem auto 0;
}

@media screen and (max-width: 767px) {
  .cart-container .current-page {
    max-width: 328px !important;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.c090-container {
  display: flex;
  justify-content: center;
}

.c090-container.dark {
  background-color: #262728;
}

.c090-container.light {
  background-color: #FFFFFF;
}

.c090-container .timeline {
  width: 250px;
  padding-top: 1rem;
  margin-right: 3rem;
  height: 576px;
  overflow-y: auto;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.c090-container .timeline::-webkit-scrollbar {
  display: none;
}

.c090-container .timeline .timeline-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding-right: 1rem;
  /* Space for scrollbar */
}

.c090-container .timeline .content {
  position: relative;
  border-right: 3px solid #c9cacc;
  height: auto;
  /* Changed from fixed height */
  min-height: 32px;
  /* Minimum height */
  padding-bottom: 32px;
  padding-right: 2rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.c090-container .timeline.light .content::after {
  border: 1px solid #c9cacc;
  background-color: #c9cacc;
}

.c090-container .timeline.light .text {
  color: #727373;
}

.c090-container .timeline.light .content.active .text {
  color: #00573d;
}

.c090-container .timeline.light .content.active::after {
  background-color: #00573d;
  border-color: #00573d;
  transform: scale(1.5);
}

/* Dark Theme */
.c090-container .timeline.dark .content::after {
  border: 1px solid #9FA1A4;
  background-color: #9FA1A4;
}

.c090-container .timeline.dark .text {
  color: #C9CACC;
}


.c090-container .timeline.dark .content.active .text {
  color: #FFFFFF;
}

.c090-container .timeline.dark .content.active::after {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  transform: scale(1.5);
}

.c090-container .timeline.light .text:hover {
  cursor: pointer;
  background-color: rgba(0, 128, 90, 0.3);
  color: #00805a;
}

.c090-container .timeline.dark .text:hover {
  cursor: pointer;
  background-color: #555555;
  color: #FFFFFF;
}


.c090-container .timeline .content:last-child {
  border-right: none;
}

.c090-container .timeline .content:last-child::after {
  right: -2.5px;
}

.c090-container .timeline .content.active .text {
  color: #00573d;
}

.c090-container .timeline .content.active::after {
  background-color: #00573d;
  border-color: #00573d;
  transform: scale(1.5);
}

.c090-container .timeline .content::after {
  content: "";
  position: absolute;
  right: -5.5px;
  top: 0;
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid #c9cacc;
  background-color: #c9cacc;
  border-radius: 50%;
}

.c090-container .timeline .text {
  font-weight: 700;
  font-size: 12px;
  text-align: right;
  /* color: #727373; */
  position: relative;
  top: -14px;
  padding: 5px 0;
  border-radius: 4px;
  padding-right: 10px;
}

.c090-container .timeline .text:hover {
  cursor: pointer;
  background-color: rgba(0, 128, 90, 0.3);
  color: #00805a;
}

.c090-container .timeline-content {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  width: calc(1084px - 6rem);
  height: 576px;
  border-radius: 8px;
  padding: 1rem 3rem;
  overflow: scroll;
  scroll-behavior: smooth;
  background-color: #FFFFFF;
}

.c090-container .timeline-content .content-1 {
  border-top: 1px solid #c9cacc;
  border-bottom: 1px solid #c9cacc;
  padding: 2rem 0;
  display: flex;
  min-height: 200px;
  color: black;
}

.c090-container .timeline-content .second-content-1 {
  display: flex;
}

.c090-container .timeline-content .emr-h4 {
  margin-bottom: 0.5rem;
  font-size: 18px;
  font-weight: 500;
}

.c090-container .timeline-content .emr-paragraph {
  font-size: 14px;
}

.c090-container .timeline-content .emr-eyebrow {
  margin-bottom: 0.5rem;
}

.c090-container .timeline-content .image-container {
  min-width: 282px;
  width: 282px;
  height: 178px;
  margin-right: 2rem;
}

.c090-container .timeline-content .image-container .image {
  width: 282px;
  height: 178px;
  object-fit: cover;
}

@media screen and (max-width: 1279px) {
  .c090-container .timeline-content .image-container {
    min-width: 164px;
    width: 164px;
    height: 104px;
    margin-right: 2rem;
  }

  .c090-container .timeline-content .image-container .image {
    width: 164px;
    height: 104px;
    object-fit: cover;
  }

  .c090-container .timeline-content .emr-h4 {
    font-size: 1rem;
  }
}


@media screen and (max-width: 767px) {
  .c090-container .timeline-content {
    box-shadow: none;
  }

  .c090-container .timeline-content .second-content-1 .image-container {
    min-width: 273px;
    width: 273px;
    height: 173px;
  }

  .c090-container .timeline-content .image-container .image {
    min-width: 273px;
    width: 273px;
    height: 173px;
  }

  .c090-container {
    flex-direction: column;
    padding: 1rem;
  }

  .c090-container .timeline {
    width: 100% !important;
    margin: 0 !important;
    padding: 2rem 1rem;
    overflow-x: auto;
    height: auto !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .c090-container .timeline::-webkit-scrollbar {
    display: none;
  }

  .c090-container .timeline .timeline-wrapper {
    display: flex;
    flex-direction: row !important;
    min-width: max-content;
    position: relative;
    padding-bottom: 20px;
  }

  .c090-container .timeline .timeline-wrapper::after {
    content: "";
    position: absolute;
    height: 2px;
    background: #c9cacc;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: 1;
  }

  .c090-container .timeline .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: auto;
    border: none !important;
    padding: 0 30px 20px !important;
    margin: 0 !important;
    position: relative;
  }

  .c090-container .timeline .content::before {
    display: none;
  }

  .c090-container .timeline .content::after {
    content: "";
    position: absolute;
    top: 4.65rem !important;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    /* background: #c9cacc;
    border: 2px solid #fff; */
    border-radius: 50%;
    z-index: 2;
  }

  .c090-container .timeline .content.active::after {
    background-color: #00573d;
    border-color: #00573d;
    transform: translateX(-50%) scale(1.2);
  }

  .c090-container .timeline.light .content.active::after {
    background-color: #00573d;
    border-color: #00573d;
    transform: translateX(-50%) scale(1.2);
  }

  .c090-container .timeline.dark .content.active::after {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    transform: translateX(-50%) scale(1.2);
  }

  .c090-container .timeline .text {
    text-align: center !important;
    padding: 5px 10px;
    margin-bottom: 15px;
    white-space: nowrap;
    font-size: 12px;
    position: static !important;
  }

  .c090-container .timeline-content {
    width: 100% !important;
    height: auto !important;
    max-height: 70vh;
    padding: 1rem !important;
  }

  .c090-container .timeline-content .content-1,
  .c090-container .timeline-content .second-content-1 {
    flex-direction: column;
  }

  .c090-container .timeline-content .second-content-1 .image-container {
    width: 100%;
    height: auto;
    margin: 0 0 1rem 0;
  }

  .c090-container .timeline-content .second-content-1 .image-container .image {
    width: 100%;
    height: auto;
  }

  .c090-container .timeline-content .content-1 {
    padding: 1rem 0;
    min-height: 400px !important;
  }

  .c090-container .timeline-content .image-container .image {
    width: 282px;
    height: 178px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Added by Mohit Batheja : H008 Hero Component*/
.h008b-container {
  padding-top: 5rem;
  padding-bottom: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
}

.h008b-container .emr-eyebrow {
  text-align: center;
}

.h008b-container .para-1 {
  font-size: 44px;
  line-height: 56px;
  text-align: center;
}

.h008b-container .para-2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  margin-top: 1.5rem;
}

.h008b-container .user-info {
  display: flex;
  gap: 1.5rem;
  margin: auto;
  width: fit-content;
  margin-top: 2rem;
  cursor: pointer;
}

.h008b-container .user-info .image-container {
  width: 96px;
  height: 96px;
}

.h008b-container .user-info .image-container .image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.h008b-container .user-info .para-3 {
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}

.h008b-container .social-media {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
  justify-content: center;
  cursor: pointer;
}

.h008b-container .social-media .social-icon {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1535px) {

  /* content-width should be 996pc for H008 component */
  .h008b-container {
    max-width: 996px;
  }
}

@media screen and (max-width: 1279px) {

  /* content-width should be 584pc for H008 component */
  .h008b-container {
    max-width: 584px;
  }
}

@media screen and (max-width: 767px) {

  /* content-width should be 328 */
  .h008b-container {
    max-width: 328px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Added by Mohit Batheja : h008B Hero*/

.hero-conatiner-h008-outer-container {
  height: 816px;
  padding-bottom: 1.5rem;
}

.hero-conatiner-h008 {
  width: 100%;
  height: 384px;
  position: relative;
}

.hero-conatiner-h008::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero-conatiner-h008 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-conatiner-h008 .content-info {
  background-color: #ffffff;
  width: 960px;
  height: 310px;
  position: absolute;
  bottom: -50%;
  right: 5%;
  padding: 48px 124px;
}

.hero-conatiner-h008 .content-info .mini-description {
  margin: 1.5rem 0;
  font-size: 12px;
  font-weight: 700;
  color: #004b8d;
  font-family: "Noto Sans";
  line-height: 1rem;
}

.hero-conatiner-h008 .content-info .emr-h1 {
  margin-bottom: 1.5rem;
  font-size: 44px !important;
  line-height: 56px !important;
}

.hero-conatiner-h008 .content-info .emr-h4 {
  font-size: 24px !important;
  line-height: 32px !important;

}

.hero-conatiner-h008 .content-info .emr-italic {
  line-height: 32px;
  font-weight: 500;
  font-size: 1.375rem;
}

.hero-conatiner-h008 .content-info .user-info {
  display: flex;
  margin-top: 2rem;
  cursor: pointer;
}

.hero-conatiner-h008 .content-info .user-info .speaker-image .cms-image {
  width: 96px;
  height: 96px;
  border-radius: 50%;

}

.hero-conatiner-h008 .content-info .user-info .speaker-details-content {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-conatiner-h008 .content-info .user-info .speaker-details-content .speaker-name {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 21px !important;
  margin-bottom: 1rem;
}

.hero-conatiner-h008 .content-info .user-info .speaker-details-content .custom-paragraph3 {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  text-align: left;
}

.hero-conatiner-h008 .social-media {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
  cursor: pointer;
}

.hero-conatiner-h008 .social-media .social-icon {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1535px) {
  .hero-conatiner-h008 {
    height: 360px;
  }

  .hero-conatiner-h008 .content-info {
    width: 792px;
    padding: 48px 102px;
  }
}

@media screen and (max-width: 1279px) {
  .hero-conatiner-h008-outer-container {
    height: 970px;
  }

  .hero-conatiner-h008 {
    height: 288px;
  }

  .hero-conatiner-h008 .content-info {
    width: 464px;
    padding: 48px 60px;
    bottom: -80%;
  }

  .hero-conatiner-h008 .content-info .emr-h1 {
    font-size: 36px;
    line-height: 48px;
  }

  .hero-conatiner-h008 .emr-h4 {
    font-size: 20px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .hero-conatiner-h008-outer-container {
    height: 970px;
  }

  .hero-conatiner-h008 {
    height: 144px;
  }

  .hero-conatiner-h008 .content-info {
    width: 328px;
    left: 50%;
    padding: 28px;
    transform: translateX(-50%);
    top: 80%;
  }

  .hero-conatiner-h008 .content-info .emr-italic {
    font-size: 1.25rem;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Added by Mohit Batheja : h008c Hero Component*/

.hero-container-h008c {
  height: fit-content;
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1440px;
  margin: auto;
  padding-top: 5rem;
  padding-bottom: 1.5rem;
}

.hero-container-h008c .left-content {
  width: 464px;
  display: flex;
  flex-direction: column;
}

.hero-container-h008c .left-content .image-container {
  width: 464px;
  height: 272px;
  margin-bottom: 1.5rem;
}

.hero-container-h008c .left-content .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-container-h008c .left-content .emr-paragraph {
  font-style: italic !important;
  font-weight: 300;
}

.hero-container-h008c .left-content .custom-para {
  color: #00805a;
}

.hero-container-h008c .content-info {
  background-color: #ffffff;
  width: 836px;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.hero-container-h008c .user-info {
  display: flex;
  margin-top: 2rem;
  cursor: pointer;
}

.hero-container-h008c .user-info .speaker-image .cms-image {
  width: 96px;
  height: 96px;
  border-radius: 50%;
}

.hero-container-h008c .user-info .speaker-details-content {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
}

.hero-container-h008c .user-info .speaker-details-content .speaker-name {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  margin-bottom: 1rem;
}

.hero-container-h008c .user-info .speaker-details-content .custom-paragraph3 {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-align: left;
}

.hero-container-h008c .social-media {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
  cursor: pointer;
  ;
}

.hero-container-h008c .social-media .social-icon {
  width: 24px;
  height: 24px;
}

.hero-container-h008c .content-info .mini-description {
  margin-bottom: 1rem;
  font-size: 12px;
  color: #004b8d;
  font-family: "Noto Sans";
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.hero-container-h008c .content-info .emr-h1 {
  font-weight: 300;
  margin-bottom: 1.5rem;
  font-size: 44px;
  line-height: 56px;
}

.hero-container-h008c .content-info .emr-italic {
  line-height: 32px;
  font-weight: 400;
  font-size: 1.5rem;
  font-style: normal;
}

@media screen and (max-width: 1535px) {
  .hero-container-h008c {
    max-width: 1200px;
  }

  .hero-container-h008c .left-content {
    width: 384px;
    display: flex;
    flex-direction: column;
  }

  .hero-container-h008c .left-content .image-container {
    width: 384px;
    height: 288px;
    margin-bottom: 1.5rem;
  }

  .hero-container-h008c .content-info {
    width: 690px;
    margin-top: 2rem;
  }

}

@media screen and (max-width: 1279px) {
  .hero-container-h008c {
    max-width: 704px;
  }

  .hero-container-h008c .left-content {
    width: 224px;
    display: flex;
    flex-direction: column;
  }

  .hero-container-h008c .left-content .image-container {
    width: 224px;
    height: 168px;
    margin-bottom: 1.5rem;
  }

  .hero-container-h008c .content-info {
    width: 404px;
    height: fit-content;
  }

  .hero-container-h008c .content-info .emr-h1 {
    font-size: 36px;
    line-height: 48px;
  }

  .hero-container-h008c .content-info .emr-italic {
    font-size: 20px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .hero-container-h008c {
    max-width: 328px;
  }

  .hero-container-h008c {
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    height: fit-content;
  }

  .hero-container-h008c .left-content {
    width: 328px;
    display: flex;
    flex-direction: column;
  }

  .hero-container-h008c .left-content .image-container {
    width: 328px;
    height: 246px;
    margin-bottom: 1.5rem;
  }

  .hero-container-h008c .content-info {
    width: 328px;
    height: fit-content;
  }

  .hero-container-h008c .content-info .emr-italic {
    font-size: 1.25rem;
  }

  .hero-container-h008c .user-info .speaker-image .cms-image {
    width: 76px;
    height: 76px;
  }
}

/* My Account Case Management CSS */
.my-account-case-management {
  padding: 1rem 2rem;
  background-color: #fff;
}

.my-account-case-management .para-1 {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.my-account-case-management .blue-text {
  font-size: 0.875rem !important;
}

.my-account-case-management .emr-primary--button {
  max-width: 280px;
}

/* Custom dropdown styles */
.my-account-case-management .emr-custom-select select {
  display: none;
}

.my-account-case-management .emr-select-selected {
  background-color: #ffffff;
  border: 1px solid #c9cacc;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.my-account-case-management .emr-select-selected:hover {
  background-color: #F3F3F3;
}

.my-account-case-management .emr-select-selected.select-arrow-active {
  border-bottom: none;
}

.my-account-case-management .emr-select-selected.select-arrow-active svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.my-account-case-management .emr-select-items div,
.my-account-case-management .emr-select-selected {
  color: #262728;
  padding: 0px 8px;
  cursor: pointer;
  user-select: none;
  height: 40px;
  display: flex;
  align-items: center;
  text-align: left;
  max-width: 280px;
  width: 280px;
}

.my-account-case-management .custom-label {
  display: flex;
  margin-bottom: 4px;
  font-size: 0.875rem;
  font-weight: 500;
}

.my-account-case-management .emr-select-selected.select-arrow-active {
  border-bottom: none;
}

.my-account-case-management .emr-select-selected.select-arrow-active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c9cacc;
}

.my-account-case-management .emr-select-items {
  position: absolute;
  border: 1px solid #c9cacc;
  border-top: none;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #fff;
  transform-origin: top;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

.my-account-case-management .emr-select-hide {
  max-height: 0;
  opacity: 0;
  border-width: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
}

.my-account-case-management .emr-select-items:not(.emr-select-hide) {
  animation: dropdownOpen 0.25s ease-in-out forwards;
  pointer-events: auto;
  transform: translateZ(0);
  will-change: transform;
}

@keyframes dropdownOpen {
  0% {
    max-height: 0;
    opacity: 0;
    transform: scaleY(0);
  }

  100% {
    max-height: 300px;
    opacity: 1;
    transform: scaleY(1);
  }
}

.my-account-case-management .emr-select-items div:hover,
.my-account-case-management .same-as-selected {
  background-color: #F3F3F3;
}

.my-account-case-management .emr-custom-select {
  position: relative;
  width: 280px;
}

.clear-case {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.blue-text {
  font-size: 0.75rem;
  font-weight: 600;
  color: #004b8d;
  cursor: pointer;
}

.my-account-select-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}


.my-account-select-container-2 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.label-para-1 {
  margin-bottom: 1rem;
}

@media screen and (max-width: 1279px) {
  .my-account-select-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .my-account-select-container-2 {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
}

/* Custom table styles - matching Quote Details component */
.my-account-case-management .custom-table-container {
  width: 100%;
  overflow-x: auto;
}

.my-account-case-management .custom-table {
  width: 100%;
  border-collapse: collapse;
}

.my-account-case-management .custom-table th,
.my-account-case-management .custom-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

.my-account-case-management .table-header-row th {
  font-weight: 500;
}

/* Links in table should look clickable */
.my-account-case-management .custom-table td div[data-id] {
  color: #0070d2;
  cursor: pointer;
  text-decoration: underline;
  /* margin-left: 0.5rem; */
}

.my-account-case-view {
  background-color: #fff;
  padding: 1rem 2rem;
}

.my-account-case-view .account-view-heading {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 2rem;
}

.case-detail-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.first-div {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding: 2rem 0;
}

.account-info-heading {
  font-size: 24px;
  font-weight: 400;
}

.my-account-case-view-button-container {
  display: flex;
  gap: 1.5rem;
  margin-top: 2rem;
}



.acc-bold-text {
  font-weight: 500;
  width: 4rem;
  margin-right: 0.5rem;
}

.inside-div {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 0.7rem;
}

.inside-div p {
  margin-bottom: 0.4rem;
}

.inside-div>div {
  width: 50%;
}

.account-info-heading .emr-case-management-detail {
  width: 100%;
  display: flex;
}

.case-detail-container .acc-bold-text {
  width: 100%;
}

.my-account-case-view-button-container .emr-tertiary--button {
  width: 280px;
}

@media screen and (max-width: 767px) {
  .my-account-case-view-button-container {
    flex-direction: column;
    align-items: center;
  }

  .inside-div {
    flex-direction: column;
  }

  .my-account-case-view {
    padding: 0;
  }

  .inside-div>div {
    width: 100%;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.contact-us-icon {
  font-size: 1.2rem;
}

.contact-us-account-page {
  font-size: 1.5rem;
}

.contact-us-name {
  padding: 0.3rem 0 0.5rem 0;
  font-weight: bold;
}

.contact-us-phone {
  padding: 0.5rem 0 0.3rem 0;
}

.contact-us-fax {
  padding: 0.5rem 0 0.3rem 0;
}

.contact-website-button {
  background-color: black;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.checkout-container .emr-primary--button.disabled {
  color: #74787c;
  background-color: #c9cacc;
  cursor: default;
}

/* Search page breadcrumb */

.b2b_tabs_breadcrumb_container ol.lwc-1okeam5n5rs.breadcrumb-list.slds-text-heading_small {
  max-width: 1456px;
  margin: auto;
}

.b2b_tabs_breadcrumb_container .dxp-tab-bar-container.full-width.lwc-6snjuk8md1j {
  gap: 0.5rem;
  max-width: 1456px;
  margin: auto;
}

/* Tabs background color */
.b2b_tabs_breadcrumb_container .dxp-tab.lwc-6snjuk8md1j {
  background-color: #EFEFEF;
  padding: 16px 20px;
}

.dxp-tab.lwc-6snjuk8md1j {
  min-width: min-content;
  width: fit-content;
}

/* Search page breadcrumb */

.b2b_tabs_breadcrumb_container ol.lwc-1okeam5n5rs.breadcrumb-list.slds-text-heading_small {
  max-width: 1456px;
  margin: auto;
}

.b2b_tabs_breadcrumb_container .dxp-tab-bar-container.full-width.lwc-6snjuk8md1j {
  gap: 4px;
  max-width: 1456px;
  margin: auto;
}

/* Tabs background color */
.b2b_tabs_breadcrumb_container .dxp-tab.lwc-6snjuk8md1j {
  background-color: #EFEFEF;
}



/* Search page breadcrumb */

.b2b_tabs_breadcrumb_container ol.lwc-1okeam5n5rs.breadcrumb-list.slds-text-heading_small {
  max-width: 1456px;
  margin: auto;
}

.b2b_tabs_breadcrumb_container .dxp-tab-bar-container.full-width.lwc-6snjuk8md1j {
  gap: 0.5rem;
  max-width: 1456px;
  margin: auto;
}

/* Tabs background color */
.b2b_tabs_breadcrumb_container .dxp-tab.lwc-6snjuk8md1j {
  background-color: #EFEFEF;
  padding: 16px 20px;
}



/* Search page breadcrumb */

.b2b_tabs_breadcrumb_container ol.lwc-1okeam5n5rs.breadcrumb-list.slds-text-heading_small {
  max-width: 1456px;
  margin: auto;
}

.b2b_tabs_breadcrumb_container .dxp-tab-bar-container.full-width.lwc-6snjuk8md1j {
  gap: 4px;
  max-width: 1456px;
  margin: auto;
}

/* Tabs background color */
.b2b_tabs_breadcrumb_container .dxp-tab.lwc-6snjuk8md1j {
  background-color: #EFEFEF;
}


/* Search page breadcrumb */

.b2b_tabs_breadcrumb_container ol.lwc-1okeam5n5rs.breadcrumb-list.slds-text-heading_small {
  max-width: 1456px;
  margin: auto;
}

.b2b_tabs_breadcrumb_container .dxp-tab-bar-container.full-width.lwc-6snjuk8md1j {
  gap: 4px;
  max-width: 1456px;
  margin: auto;
}

/* Tabs background color */
.b2b_tabs_breadcrumb_container .dxp-tab.lwc-6snjuk8md1j {
  background-color: #EFEFEF;
}

/* Active tab */
.b2b_tabs_breadcrumb_container .lwc-6snjuk8md1j.dxp-tab.dxp-tab-nav-container.dxp-tab-bar-visible-tab-hover.dxp-tab-bar-tab-horizontal.dxp-tab-bar-hover-tab-horizontal.slds-truncate.dxp-tab-bar-active-tab-styles.dxp-tab-bar-active-tab-horizontal {
  border-bottom-width: none !important;
  border-bottom-style: none !important;
  border-bottom-color: transparent !important;
  background-color: #FFFFFF !important;
}

.b2b_tabs_breadcrumb_container .dxp-tab-bar-active-tab-styles {
  background-color: #FFFFFF !important;
}

/* Hover bottom border */
.b2b_tabs_breadcrumb_container .dxp-tab-bar-hover-tab-horizontal {
  border-bottom-width: none !important;
  border-bottom-style: none !important;
  border-bottom-color: transparent !important;
}

/* .b2b_tabs_breadcrumb_container .dxp-tab-bar-visible-tab-hover {
  background-color: #a6a6a7 !important;
  background: #a6a6a7 !important;
} */

.b2b_tabs_breadcrumb_container .b2b_tabs_breadcrumb_container .dxp-tab-bar-active-tab-horizontal.lwc-6snjuk8md1j .p.override-text-style.lwc-4rt99a8doqk {
  font-size: 0.75rem !important;
  font-weight: 700;
  text-transform: uppercase !important;
  color: #22563f !important;
}

.b2b_tabs_breadcrumb_container .lwc-4rt99a8doqk.override-text-style.slds-truncate.textBlock_desktopTabletMobile.dxp-active-tab-text-style {
  font-size: 0.75rem !important;
  font-weight: 700;
  text-transform: uppercase !important;
  color: #22563f !important;
}

.b2b_tabs_breadcrumb_container .lwc-4rt99a8doqk.override-text-style.slds-truncate.textBlock_desktopTabletMobile.dxp-tab-text-style {
  font-size: 0.75rem !important;
  font-weight: 700;
  text-transform: uppercase !important;
  color: #262728 !important;
}

.b2b_tabs_breadcrumb_container .slds-tabs--default__nav, .slds-tabs_default__nav {
  border-bottom-width: none !important;
  border-bottom-style: none !important;
  border-bottom-color: transparent !important;
}

.b2b_tabs_breadcrumb_container .dxp-tabs-container.lwc-6snjuk8md1j {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #DEE6EA;
}

.b2b_tabs_breadcrumb_container .dxp-tab-container.lwc-1h0v309i16b {
  max-width: 1456px;
  margin: auto;
}

.b2b_tabs_breadcrumb_container .dxp-tab-bar-visible-tab-hover.dxp-tab-bar-tab-horizontal.dxp-tab-bar-hover-tab-horizontal:hover {
  background-color: #d3d3d3 !important;
  padding: 16px 20px;
}

.b2b_tabs_breadcrumb_container .dxp-tab-bar-visible-tab-hover.dxp-tab-bar-tab-horizontal.dxp-tab-bar-hover-tab-horizontal.dxp-tab-bar-active-tab-styles.dxp-tab-bar-active-tab-horizontal:hover {
  background-color: #FFFFFF !important
}

@media screen and (max-width: 1536px) {
  .b2b_tabs_breadcrumb_container ol.lwc-1okeam5n5rs.breadcrumb-list.slds-text-heading_small {
    max-width: 1200px;
    margin: auto;
  }

  .b2b_tabs_breadcrumb_container .dxp-tab-bar-container.full-width.lwc-6snjuk8md1j {
    max-width: 1200px !important;
  }

  .b2b_tabs_breadcrumb_container .dxp-tab-container.lwc-1h0v309i16b {
    max-width: 1200px;
    margin: auto;
  }
}

@media screen and (max-width: 1279px) {
  .b2b_tabs_breadcrumb_containerol .lwc-1okeam5n5rs.breadcrumb-list.slds-text-heading_small {
    max-width: 704px;
  }

  .b2b_tabs_breadcrumb_container .dxp-tab-bar-container.full-width.lwc-6snjuk8md1j {
    max-width: 704px !important;
    overflow-x: auto;
  }

  .b2b_tabs_breadcrumb_container ol.lwc-1okeam5n5rs.breadcrumb-list.slds-text-heading_small {
    max-width: 704px;
    margin: auto;
  }

  .b2b_tabs_breadcrumb_container .dxp-tab-container.lwc-1h0v309i16b {
    max-width: 704px;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .b2b_tabs_breadcrumb_container ol.lwc-1okeam5n5rs.breadcrumb-list.slds-text-heading_small {
    max-width: 328px;
  }

  .b2b_tabs_breadcrumb_container .dxp-tab-container.lwc-1h0v309i16b {
    max-width: 328px;
    margin: auto;
  }

  .b2b_tabs_breadcrumb_container .dxp-tab-bar-container.full-width.lwc-6snjuk8md1j {
    max-width: 328px !important;
    overflow-x: auto;
  }
}


/* Fix for padding issue is sit */
.dxpStyle_bc90ba0a-5619-4d7c-ae33-572fce26854d {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.modal-container-mini-cart .emr-secondary--button.with-file-uploaded {
  display: flex;
  justify-content: space-between;
  padding: 12px 10px !important;
  height: 72px;
  width: 500px;
  gap: 1rem;
  max-width: 100% !important;
  border: 1px solid #ccc;
}

.modal-container-mini-cart .emr-secondary--button.with-file-uploaded .custom-file-upload {
  color: #262728 !important;
  font-weight: 400;
}

.modal-container-cart .content .comment-modal-sub-title {
  font-weight: 700;
  margin-top: 1.5rem;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: -25px;
}

.modal-container-import-attachment .heading {
  width: 100%;
}

.checkout-container .emr-custom-select .custom-label {
  display: flex;
  margin-bottom: 4px;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 0.75rem;
  color: #262728;
}

.checkout-container .container .container-content .checkout-shipping-info .info-heading {
  font-weight: 500;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  padding-right: 1rem;
  color: #262728;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-options .emr-checkbox-container {
  margin: 1rem 0;
  font-weight: 400;
  color: #262728;
}

.checkout-container .emr-primary--button {
  width: 282px !important;
}

.modal-container-import-attachment .close-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 1.5rem;
  cursor: pointer;
}

.modal-container-shipping .content {
  position: relative;
  width: 588px;
  margin: auto;
}

.shipping-address .shipping-address-content .emr-paragraph {
  font-weight: 400;
}

.shipping-address .shipping-address-content .emr-paragraph {
  margin-top: 1rem;
}

@media screen and (max-width: 1279px) {
  .modal-container-shipping .bottom-buttons-cart {
    display: flex;
    justify-content: space-between;
    width: 464px;
    margin: auto;
    margin-top: 1rem;
  }


  .checkout-container .modal-container-shipping .input-wrapper {
    width: 464px;
  }

  .checkout-container .modal-container-shipping .input-container {
    display: flex;
    gap: 1rem;
    width: 464px;
  }

  .checkout-container .container .container-content .label-select {
    width: 464px !important;
  }

  .checkout-container .input-container-1>div {
    width: 464px !important;
  }

  .modal-container-shipping .bottom-buttons-cart .emr-primary--button {
    width: 224px !important;
  }

  .checkout-container .modal-container-shipping .input-container .modal-50 {
    width: 224px
  }

  .checkout-container .input-wrapper .modal-50 {
    max-width: 208px;
  }

  .checkout-container .payment-options-content .input-container-1 div {
    width: 100%;
    max-width: 204px !important;
  }
}

@media screen and (max-width: 767px) {
  .checkout-container .modal-container-shipping .input-wrapper .modal-50 {
    max-width: 100%;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .emr-text-area {
    width: 282px;
  }

  .checkout-container .input-container {
    flex-direction: column;
  }

  .checkout-container .emr-input {
    width: 328px !important;
  }

  .checkout-container .container .container-content .checkout-shipping-info .payment-options .emr-input {
    width: 328px !important;
  }

  .checkout-container .input-container-1 {
    flex-direction: column;
  }

  .checkout-container .container .container-content .label-select {
    width: 328px !important;
  }

  .checkout-container .input-container-1>div {
    width: 328px !important;
  }

  .modal-container-shipping {
    width: 100% !important;
    height: 100% !important;
  }

  .modal-container-shipping .content {
    position: relative;
    width: 328px !important;
    margin: auto !important;
  }

  .emr-primary--button.checkout {
    width: 282px;
    margin: auto;
  }

  .checkout-shipping-info .checkoutchangeaddress .slds-input {
    width: 328px !important;
  }

  .checkout-container .update-button-container {
    align-items: center;
    flex-direction: column-reverse;
  }

  .checkout-container .container .container-content .checkout-shipping-info .shipping-address-content .emr-secondary--button {
    width: 282px !important;
    max-width: 282px !important;
  }

  .checkout-container .modal-container-shipping .emr-custom-select {
    width: 328px !important;
  }

  .container-content .checkout-shipping-info .input-wrapper .emr-input {
    width: 100%;
    max-width: 100%;
  }

  .container-content .checkout-shipping-info .input-wrapper .checkout-container .input-container .modal-50 {
    width: 100% !important;
  }

  .checkout-container .payment-options-content .input-container-1 div {
    width: 100%;
    max-width: 100% !important;
  }

  .checkout-container .container .container-content .checkout-shipping-info .shipping-address-content .bold-plain {
    max-width: 300px !important;
  }
}

.checkout-container .payment-options-content .input-container-1 div {
  width: 100%;
  max-width: 282px;
}

.checkout-container .payment-options-content .emr-input {
  width: 100%;
}


/* Vshwajeet  */

.modal-container-cart .add-spa-modal-label {
  padding-bottom: 1rem !important;
}

.emr-wishlist-container .modal-body .slds-form-element__label {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #262728 !important;
  text-transform: uppercase !important;
}

.checkout-container .payment-options .info-heading.info-heading-with-error-container,
.checkout-container .checkout-shipping-info .info-heading.info-heading-with-error-container {
  font-display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.info-heading-title-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.checkout-container .payment-options .emr-label-text {
  color: #00573d !important;
  font-size: 0.75rem !important;
  font-weight: 700;
  text-transform: uppercase !important;
  cursor: pointer;
}

.checkout-container .payment-options .shipping-select.certification-select.emr-paragraph {
  margin-bottom: 0.5rem;
}

.checkout-container .modal-container-import-attachment .modal-content-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  height: 100%;
}

.checkout-container .modal-container-import-attachment .para-1 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0.5rem;
  color: #262728;
}

.checkout-container .modal-container-import-attachment .modal-content-container .browse-button-container {
  background-color: #F3F3F3;
  height: 132px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 10%;
}


@media screen and (max-width: 1279px) {
  .checkout-container .container .container-content .checkout-shipping-info .content-2 .emr-text-area {
    width: 100%;
  }

  .checkout-container .container .container-content .checkout-shipping-info .content-2 .top-cart {
    font-size: 1rem;
  }

  .checkout-container .custom-heading-para .custom-heading-para-label {
    font-size: 1rem;
  }

  .checkout-container .container .container-content .checkout-shipping-info .shipping-address-content .bold-plain .emr-bold {
    font-size: 1rem;
  }

}

.checkout-container .table .quantity {
  text-align: center !important;
}

.checkout-container .table .total-price {
  text-align: center !important;
}

.checkout-container .content-2-buttons {
  padding-bottom: 1rem;
}

.checkout-container .label-payment-option {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  margin-top: 0 !important;
  margin-left: 0 !important;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .table .quantity, .checkout-container .container .container-content .checkout-shipping-info .content-2 .table .total-price {
  text-transform: uppercase;
}

.checkout-container .emr-paragraph.quantity-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.checkout-container .emr-paragraph.quantity-label .quantity-count {
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
}

.checkout-container .custom-heading-para {
  font-weight: 500;
  font-size: 1rem;
  line-height: 24px;
}

.checkout-container .container .container-content .label-select.emr-bold {
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
}

.cart-container .emr-primary-text-cta.disabled {
  color: #c9cacc !important;
  cursor: default;
}

.checkout-container .container .status svg.line {
  border: 1px solid #8a8c90;
}

.checkout-container .container .container-content .checkout-shipping-info .shipping-address-content .emr-secondary--button.address-change-button {
  max-width: 224px;
}

.desktop-contnue-buttons.checkout-container-1 .emr-primary--button {
  letter-spacing: 1.2px;
}

.checkout-container .radio-container-for-payment-options {
  margin-top: 1rem;
}

.checkout-container .purchase-order-label {
  margin-bottom: 1.5rem;
}

.checkout-container .or-label {
  font-size: .75rem;
  margin: 0.5rem 0;
  font-weight: 700;
}

.checkout-container .shipping-address-content {
  margin-top: 0.25rem;
}

.checkout-container .emr-paragraph.tooltip-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

.checkout-container .emr-custom-select.address-selection {
  width: 588px;
}

.checkout-container .container .container-content .checkout-shipping-info .content-2 .emr-text-area {
  width: 588px;
}

.checkout-container .custom-heading-para .custom-heading-para-label {
  font-size: 1.125rem;
  font-weight: 500;
}



/* My Account Case Management , Update Request Changes */
.account-container-modal {
  height: fit-content;
}

.modal-container-CART-modal-3.account-container-modal .modal-contents {
  width: fit-content;
}

.import {
  background-color: #f3f3f3;
  padding: 1.5rem;
  text-align: center;
  margin: 1rem 0;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.import.no-background {
  min-height: 0;
}

.custom-file-upload {
  cursor: pointer;
}

.file-input {
  display: none;
}

.file-upload-container {
  margin: 1.5rem 0;
}

.error-message {
  color: #c23934;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.emr-secondary--button.no-bg {
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  margin-top: 0.7rem;
  cursor: pointer;
}

.emr-secondary--button.no-bg:hover {
  background-color: #c4ced1 !important;
}

.label-head {
  font-weight: 400;
}

.import.no-background .emr-secondary--button {
  justify-content: space-between;
  padding: 0 1rem;
  height: fit-content;
  width: fit-content !important;
  gap: 2rem;
  line-height: 1.5rem;
}

.emr-primary--button .caseUpdate {
  background-color: green;
  color: white;
  cursor: pointer;
}

.emr-primary--button.caseUpdate.disabled {
  background-color: grey;
  color: black;
  cursor: not-allowed;
  opacity: 0.7;
}

/* Checkout Calender */
.date-picker-container {
  width: 286px;
  height: 456px;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 2px;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  border: 1px solid #C9CACC;
  color: #626467;
  padding: 1rem 0;
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.date-picker-container .date-picker-header .select-date-label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4%;
  color: #262728;
  padding: 0 1rem;
}

.date-picker-container .date-picker-header .select-date-label .optional-text {
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0%;
}

.date-picker-container .date-picker-value {
  margin: 0px;
  padding: 0px;
  padding-bottom: 24px;
  font-size: 24px;
  font-weight: 400;
  color: #262728;
  padding-left: 1rem;
  padding-right: 1rem;
}

.date-picker-container .navigation-container {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
}

.date-picker-container .navigation-container .month-navigation-expand-container {
  display: flex;
  align-items: center;
  text-align: left;
  padding: 0px;
  margin: 0px;
  color: #262728;
  cursor: pointer;
}

.date-picker-container .navigation-container .month-navigation-expand-container .month-expand-button {
  background-color: transparent;
  border: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 4%;
  text-transform: uppercase;
}

.date-picker-container .navigation-container .month-navigation-expand-container .month-expand-icon {
  margin-left: 13px;
}

.date-picker-container .navigation-container .month-navigation-button {
  width: 48px;
  display: flex;
  justify-content: space-between;
  margin-right: 4px;
}

.date-picker-container .navigation-container .month-navigation-button span {
  cursor: pointer;
}

.date-picker-container .day-names {
  display: flex;
  align-items: center;
  height: 40px;
}

.date-picker-container .day-names span {
  font-size: 12px;
  line-height: 16px;
  align-self: center;
  justify-self: center;
  text-transform: uppercase;
  color: #626467;
  font-weight: 700;
  width: 40px;
  text-align: center;
}

.date-picker-container .days-grid {
  display: flex;
  width: 282px;
  height: 240px;
  flex-wrap: wrap;
  justify-content: center;
}

.date-picker-container .days-grid .day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 12px;
  cursor: default;
  font-weight: 500;
  transition: background-color 0.2s ease-in-out;
  color: #262728;
}

.date-picker-container .days-grid .day.disabled {
  color: #C9CACC;
}

.date-picker-container .days-grid .day.selected {
  background-color: #00805A;
  color: #FFFFFF;
}

.date-picker-container .days-grid .day.highlighted {
  background-color: #F3F3F3;
  color: #262728;
  font-weight: 600;
}

.date-picker-container .days-grid .day.past {
  color: #C9CACC;
}

.date-picker-container .days-grid .day:hover:not(.disabled):not(.selected) {
  box-sizing: border-box;
  border: 1px solid #00805A;
  color: #00805A;
  font-weight: 600;
}

.date-picker-container .days-grid .day:hover:not(.disabled) {
  cursor: pointer;
}

.date-picker-container .months-grid {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-evenly;
  row-gap: 8px;
  box-sizing: border-box;
  width: 282px;
  height: 280px;
  padding-top: 16px;
  text-align: center;
}

.date-picker-container .months-grid .month {
  margin: 0;
  padding: 0;
  width: 88px;
  height: 40px;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.date-picker-container .months-grid .month.selected {
  background-color: #00805A;
  color: #FFFFFF;
  font-weight: 600;
}

.date-picker-container .months-grid .month:hover:not(.selected) {
  box-sizing: border-box;
  border: 1px solid #00805A;
  color: #00805A;
  font-weight: 600;
}

.date-picker-container .months-grid .month:hover {
  cursor: pointer;
}

.date-picker-container .years-grid {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 6px;
  box-sizing: border-box;
  overflow-y: scroll;
  width: 282px;
  height: 280px;
  padding-top: 16px;
  text-align: center;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.date-picker-container .years-grid::-webkit-scrollbar {
  display: none;
}

.date-picker-container .years-grid .year {
  margin: 0;
  padding: 0;
  width: 64px;
  height: 40px;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.date-picker-container .years-grid .year.selected {
  background-color: #00805A;
  color: #FFFFFF;
  font-weight: 600;
}

.date-picker-container .years-grid .year:hover {
  cursor: pointer;
}

.date-picker-container .years-grid .year:hover:not(.selected) {
  box-sizing: border-box;
  border: 1px solid #00805A;
  color: #00805A;
  font-weight: 600;
}

.date-picker-container .action-row {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  margin-top: 40px;
  padding: 0 1rem;
}

.date-picker-container .action-row .cancel-button,
.date-picker-container .action-row .confirm-button {
  background-color: transparent;
  border: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #626467;
  text-transform: uppercase;
  cursor: pointer;
}

.date-picker-container .action-row .cancel-button:hover,
.date-picker-container .action-row .confirm-button:hover {
  color: #00805A;
}

.arrow-day-btn {
  font-weight: 700;
  color: #000;
}

/**************************
        Theme Layout
***************************/
.theme-container {
  max-width: var(--container_default);
  /* padding-right: var(--gutter-main, 1rem); */
  /* padding-left: var(--gutter-main, 1rem); */
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.theme-container-fluid {
  max-width: var(--container_default);
  margin-top: 0;
  padding-right: var(--gutter-main, 1rem);
  padding-left: var(--gutter-main, 1rem);
  width: 100%;
}

/**************************
    Theme Media Queries
***************************/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .theme-container {
    max-width: var(--container_s);
    /* max-width: var(--container_default); */
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .theme-container {
    max-width: var(--container_m);
    /* max-width: var(--container_default); */
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .theme-container {
    max-width: var(--container_l);
    /* max-width: var(--container_default); */
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .theme-container {
    max-width: var(--container_xl);
    /* max-width: var(--container_default); */
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .theme-container {
    max-width: var(--container_xxl);
    /* max-width: var(--container_default); */
  }
}

/* XXX-Large Monitors */
@media (min-width: 1920px) {
  .theme-container-fluid {
    max-width: var(--container_xxxl);
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }

  .theme-container {
    max-width: var(--container_xxxl);
  }
}

@media (max-width: 64rem) {
  .theme-container {
    padding: 0;
  }
}

/*# sourceMappingURL=styles.css.map */

.map-container .map-container-1 .slds-map_container {
  height: 80vh;
}

.support-form-card .slds-combobox__input.slds-input_faux {
  height: 48px;
  align-items: center;
  background-color: #f3f3f3;
  border: none;
}

.support-form-card .slds-combobox__input:focus {
  box-shadow: none;
}

.cb-outputRichText-container.ql-editor {
  font-size: 1rem !important;
  font-weight: 300 !important;
}

/* .component-wrapper-spacer {
  margin-bottom: 0 !important;
} */

.search-box .slds-form-element__control .slds-input {
  padding-left: 2rem;
}

.side-logo.cart .slds-button.slds-button_neutral:focus:enabled.lwc-76nnmqsstjk {
  box-shadow: none;
}

.c089-container-custom .btn-container .emr-primary--button {
  max-width: 282px;
  width: 282px;
}

@media screen and (max-width: 767px) {
  .c089-container-custom .btn-container .emr-primary--button {
    margin: auto;
  }
}

/* Address validation modal */
.modal-container-mini-cart.modal-container-sample .modal-body {
  width: 70%;
  margin: auto;
  margin-top: 2rem;
}

.modal-container-mini-cart.modal-container-sample .bold-address {
  font-weight: 700;
  font-size: 14px;
}

.modal-container-mini-cart.modal-container-sample .original-address {
  margin-left: 2.7rem;
}

.modal-container-mini-cart.modal-container-sample .emr-para-1 {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.modal-container-mini-cart.modal-container-sample .item-container-1 {
  display: flex;
  gap: 0.5rem;
  border-top: 1px solid #e0e0e0;
  padding-top: 1rem;
}

.modal-container-mini-cart.modal-container-sample .address-contaiener {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 300px;
  overflow-y: auto;
  padding-right: 5px;
}

.modal-container-mini-cart.modal-container-sample .address-item-1 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.modal-container-mini-cart.modal-container-sample .emr-para-2 {
  font-weight: 700;
  font-size: 12px;
}

.modal-container-mini-cart.modal-container-sample .emr-para-3 {
  font-size: 14px;
}

.modal-container-mini-cart.modal-container-sample .radio-cont {
  padding-top: 0.25rem;
}

.modal-container-mini-cart.modal-container-sample .custom-add {
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}

@media screen and (max-width: 767px) {
  .modal-container-mini-cart .buttons .emr-primary--button {
    width: 282px;
  }
}

.overflow-visible {
  overflow: visible !important;
}

/* Address Validation Modal End Here... */