:root {
  --blue: #004e7d;
  --red: #d41e3d;
  --bluerbg: rgb(0, 73, 135);
  --activemenu: #002d50;
  --bluegreydark: #002e50;
  --newbluishgrey: #002e50;
  --productlinkcolor: #2473E1;
  --darkblue: #002d50
}

.indff {
  --blue: #005953;
  --red: #005953;
  --bluerbg: rgb(0, 89, 83);
  --activemenu: #006f67;
  --bluegreydark: #005953;
  --newbluishgrey: #002e50;
  --productlinkcolor: #005953;
  --darkblue: #006f67
}

.indff .logo-white-indoff,
.indff .logo-white-withoutTag {
  width: 116px;
  height: 43px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 126 46" xmlns="http://www.w3.org/2000/svg"><path d="M126 2.842c0 1.23-.99 1.738-2.12 1.738-1.738 0-2.55-1.082-3.398-2.498-3.019 1.303-3.536 8.533-3.819 11.787h3.772l-.235 1.668h-3.728c-.895 10.514-1.221 15.042-1.977 19.004-1.368 7.165-8.016 11.175-12.356 11.175-1.46 0-3.393-.804-3.393-2.546a1.795 1.795 0 0 1 1.837-1.738c1.556 0 2.738 1.086 3.537 2.36 2.359-1.304 2.689-2.403 3.632-7.122.435-2.12 1.464-13.469 2.173-21.124h-2.924l.239-1.65h2.919l.435-2.608C112.197 1.53 119.414.426 121.955.426 123.311.44 126 1.1 126 2.842zm-15.22-.004c0 1.23-.99 1.738-2.124 1.738-1.738 0-2.546-1.082-3.393-2.499-3.02 1.304-3.537 8.533-3.819 11.787h3.771l-.235 1.651h-3.728c-.895 10.514-1.225 15.042-1.976 19.004-1.369 7.165-8.016 11.175-12.356 11.175-1.46 0-3.394-.803-3.394-2.546a1.794 1.794 0 0 1 1.838-1.738c1.556 0 2.733 1.087 3.537 2.36 2.359-1.304 2.685-2.403 3.628-7.121.434-2.12 1.464-13.47 2.172-21.124h-2.924l.235-1.651h2.924l.434-2.607C96.97 1.508 104.185.405 106.731.405c1.343.03 4.05.69 4.05 2.433z" fill="rgb(255, 255, 255)"/><path d="M77.282 33.077c-2.967 0-3.11-4.81-3.11-6.79 0-3.064.612-11.502 4.996-11.502 2.967 0 3.11 4.805 3.11 6.834 0 3.011-.612 11.448-4.996 11.457zm-9.95-5.57c0 5.044 3.068 7.356 8.256 7.356 8.441 0 13.533-6.743 13.533-14.524 0-5.045-3.067-7.356-8.254-7.356-8.442 0-13.535 6.743-13.535 14.525zm-9.114-12.263c-.617 4.384-.973 7.073-2.129 9.984-.617 1.603-2.45 5.14-4.527 5.14-1.503 0-1.738-2.502-1.738-3.537 0-4.188 2.45-11.73 7.638-11.73.257.002.512.05.752.143h.004zm8.25 15.702c-.93.381-1.893.68-2.876.895-.612 0-.612-.8-.612-1.412 0-2.268 3.254-24.657 3.254-29.001 0-.708-.13-.708-.565-.708a34.759 34.759 0 0 0-10.232 2.024l.435 1.37c1.65-.522 2.298-.661 2.732-.661.57 0 .57.469.57.99 0 1.556-.048 3.724-.709 8.864h-1.698c-8.155 0-14.003 7.703-14.003 15.089 0 2.924 1.416 6.46 4.81 6.46 4.24 0 7.546-4.575 9.24-7.972l.096.095c-.239 2.642-.33 4.01-.33 5.001 0 .847-.048 2.876 1.225 2.876 2.498 0 6.13-1.195 9.098-2.607l-.434-1.303zm-25.054-.232.474 1.13c-1.595 1.038-6.982 2.641-9.198 2.641-.99 0-1.225-1.038-1.225-1.842 0-2.45 1.412-12.165 1.412-13.625 0-.756-.14-1.555-.987-1.555-.708 0-1.177.564-2.502 2.498-1.325 1.933-3.159 7.12-4.054 14.003h-6.27c.518-3.958 1.886-16.076 1.886-17.114 0-.474 0-1.13-.612-1.13-.435 0-1.134.235-2.785.704l-.435-1.412c3.476-1.273 7.638-2.03 10.041-2.03.517 0 .613.092.613.71 0 1.224-.187 4.24-.435 7.307l.092.096c1.23-2.785 4.436-8.112 8.537-8.112 2.685 0 3.476 1.794 3.476 4.345 0 2.833-1.417 12.026-1.417 13.252 0 .521.192.943.804.943.37-.01.79-.1 2.585-.809zM17.396 4.022l-.235 1.79h-2.12c-.47 0-.99 0-1.038.612-.187 2.312-3.111 19.986-3.111 24.005 0 1.738.374 1.738 1.46 1.738h2.311l-.235 1.79H0l.235-1.79H2.12c1.086 0 1.182-.187 1.182-.613 0-1.368 3.154-20.18 3.154-24.57 0-1.081 0-1.177-.939-1.177H2.732l.24-1.786h14.424z" fill="rgb(255, 255, 255)"/></svg>')
}

.indff .logo-blue {
  width: 126px;
  height: 43px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 126 46" xmlns="http://www.w3.org/2000/svg"><path d="M126 2.842c0 1.23-.99 1.738-2.12 1.738-1.738 0-2.55-1.082-3.398-2.498-3.019 1.303-3.536 8.533-3.819 11.787h3.772l-.235 1.668h-3.728c-.895 10.514-1.221 15.042-1.977 19.004-1.368 7.165-8.016 11.175-12.356 11.175-1.46 0-3.393-.804-3.393-2.546a1.795 1.795 0 0 1 1.837-1.738c1.556 0 2.738 1.086 3.537 2.36 2.359-1.304 2.689-2.403 3.632-7.122.435-2.12 1.464-13.469 2.173-21.124h-2.924l.239-1.65h2.919l.435-2.608C112.197 1.53 119.414.426 121.955.426 123.311.44 126 1.1 126 2.842zm-15.22-.004c0 1.23-.99 1.738-2.124 1.738-1.738 0-2.546-1.082-3.393-2.499-3.02 1.304-3.537 8.533-3.819 11.787h3.771l-.235 1.651h-3.728c-.895 10.514-1.225 15.042-1.976 19.004-1.369 7.165-8.016 11.175-12.356 11.175-1.46 0-3.394-.803-3.394-2.546a1.794 1.794 0 0 1 1.838-1.738c1.556 0 2.733 1.087 3.537 2.36 2.359-1.304 2.685-2.403 3.628-7.121.434-2.12 1.464-13.47 2.172-21.124h-2.924l.235-1.651h2.924l.434-2.607C96.97 1.508 104.185.405 106.731.405c1.343.03 4.05.69 4.05 2.433z" fill="rgb(0, 89, 83)"/><path d="M77.282 33.077c-2.967 0-3.11-4.81-3.11-6.79 0-3.064.612-11.502 4.996-11.502 2.967 0 3.11 4.805 3.11 6.834 0 3.011-.612 11.448-4.996 11.457zm-9.95-5.57c0 5.044 3.068 7.356 8.256 7.356 8.441 0 13.533-6.743 13.533-14.524 0-5.045-3.067-7.356-8.254-7.356-8.442 0-13.535 6.743-13.535 14.525zm-9.114-12.263c-.617 4.384-.973 7.073-2.129 9.984-.617 1.603-2.45 5.14-4.527 5.14-1.503 0-1.738-2.502-1.738-3.537 0-4.188 2.45-11.73 7.638-11.73.257.002.512.05.752.143h.004zm8.25 15.702c-.93.381-1.893.68-2.876.895-.612 0-.612-.8-.612-1.412 0-2.268 3.254-24.657 3.254-29.001 0-.708-.13-.708-.565-.708a34.759 34.759 0 0 0-10.232 2.024l.435 1.37c1.65-.522 2.298-.661 2.732-.661.57 0 .57.469.57.99 0 1.556-.048 3.724-.709 8.864h-1.698c-8.155 0-14.003 7.703-14.003 15.089 0 2.924 1.416 6.46 4.81 6.46 4.24 0 7.546-4.575 9.24-7.972l.096.095c-.239 2.642-.33 4.01-.33 5.001 0 .847-.048 2.876 1.225 2.876 2.498 0 6.13-1.195 9.098-2.607l-.434-1.303zm-25.054-.232.474 1.13c-1.595 1.038-6.982 2.641-9.198 2.641-.99 0-1.225-1.038-1.225-1.842 0-2.45 1.412-12.165 1.412-13.625 0-.756-.14-1.555-.987-1.555-.708 0-1.177.564-2.502 2.498-1.325 1.933-3.159 7.12-4.054 14.003h-6.27c.518-3.958 1.886-16.076 1.886-17.114 0-.474 0-1.13-.612-1.13-.435 0-1.134.235-2.785.704l-.435-1.412c3.476-1.273 7.638-2.03 10.041-2.03.517 0 .613.092.613.71 0 1.224-.187 4.24-.435 7.307l.092.096c1.23-2.785 4.436-8.112 8.537-8.112 2.685 0 3.476 1.794 3.476 4.345 0 2.833-1.417 12.026-1.417 13.252 0 .521.192.943.804.943.37-.01.79-.1 2.585-.809zM17.396 4.022l-.235 1.79h-2.12c-.47 0-.99 0-1.038.612-.187 2.312-3.111 19.986-3.111 24.005 0 1.738.374 1.738 1.46 1.738h2.311l-.235 1.79H0l.235-1.79H2.12c1.086 0 1.182-.187 1.182-.613 0-1.368 3.154-20.18 3.154-24.57 0-1.081 0-1.177-.939-1.177H2.732l.24-1.786h14.424z" fill="rgb(0, 89, 83)"/></svg>')
}

.contactus_app_widget_box {
  width: 100%;
  max-width: 1368px;
  margin: 0 auto 16px;
  display: flex;
  flex-wrap: wrap;
  background: #f4f4f4
}

.contactus_app_widget_box .required::after {
  content: "*" !important;
  color: var(--red)
}

.contactus_app_widget_box .returnPolicy {
  margin: 12px 0;
  display: flex;
  align-items: center;
  color: var(--red);
  font-size: 14px;
  font-weight: 300
}

.contactus_app_widget_box .returnPolicy .icon.fal.fa-exclamation-triangle {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(208, 52, 44)" d="M506.3 417l-213.3-364C284.8 39 270.4 32 256 32C241.6 32 227.2 39 218.1 53l-213.2 364C-10.59 444.9 9.851 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM52.58 432L255.1 84.8L459.4 432H52.58zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44c0 17.36 14.11 31.44 31.48 31.44s31.4-14.08 31.4-31.44C287.4 351.2 273.4 337.1 256 337.1zM232 184v96C232 293.3 242.8 304 256 304s24-10.75 24-24v-96C280 170.8 269.3 160 256 160S232 170.8 232 184z"/></svg>')
}

.contactus_app_widget_box .success-content {
  background-color: rgba(113, 185, 70, .05);
  color: #424c5b;
  margin: 0px 0 24px;
  padding: 24px;
  border-radius: 8px
}

.contactus_app_widget_box .success-content p {
  font-size: 16px;
  font-weight: 400
}

.contactus_app_widget_box .success-content p:last-child {
  margin: 24px 0 0;
  font-weight: 300
}

.contactus_app_widget_box .success-content .fa-circle-check {
  display: block;
  margin: 0 0 16px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(113, 185, 70)" d="M243.8 339.8C232.9 350.7 215.1 350.7 204.2 339.8L140.2 275.8C129.3 264.9 129.3 247.1 140.2 236.2C151.1 225.3 168.9 225.3 179.8 236.2L224 280.4L332.2 172.2C343.1 161.3 360.9 161.3 371.8 172.2C382.7 183.1 382.7 200.9 371.8 211.8L243.8 339.8zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>')
}

.contactus_app_widget_box .error-page .error-content {
  background-color: rgba(212, 30, 61, .05);
  color: #424c5b;
  margin: 0px 0 24px;
  padding: 24px;
  border-radius: 8px
}

.contactus_app_widget_box .error-page .error-content p {
  font-size: 16px;
  font-weight: 400
}

.contactus_app_widget_box .error-page .error-content p:last-child {
  margin: 24px 0 0;
  font-weight: 300
}

.contactus_app_widget_box .error-page .error-content p .highlight {
  font-weight: 500
}

.contactus_app_widget_box .error-page .error-content .fa-exclamation-circle {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0 16px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(208, 52, 44)" d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-13.3 0-24 10.7-24 24V264c0 13.3 10.7 24 24 24s24-10.7 24-24V152c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>')
}

.contactus_app_widget_box textarea.full-stretch.frm-textarea~p {
  display: block !important;
  margin-bottom: 24px
}

.contactus_app_widget_box .textTransformNone {
  text-transform: none !important
}

.contactus_app_left_widget {
  display:none;
  width: 60%;
  padding-right: 16px;
  background: #fff
}

li.frm-li {
  display: flex;
  justify-content: flex-start;
  padding: 8px
}

.contactus_app_right_widget {
  /* width: 40%; *//*11-05-25*/ 
  width: 100%;
  height: 100%;
  padding: 32px;
  position: relative;
  border: 0;
  top: 0;
  pointer-events: unset
}

.contactus_app_right_widget .contact-details {
  font-size: 16px;
  font-weight: 300;
  color: #424c5b;
  line-height: 1.2
}

.contactus_app_right_widget h5 {
  font-size: 24px;
  font-weight: 500;
  color: #212934;
  margin: 0 0 32px
}

.contactus_app_right_widget h6.order-header {
  font-size: 18px;
  font-weight: 400;
  color: #212934;
  margin: 0 0 16px
}

.contactus_app_right_widget .contact-links {
  margin: 24px 0
}

.contactus_app_right_widget .contact-links a {
  display: table;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 400;
  color: var(--blue);
  text-decoration: underline
}

.contactus_app_right_widget .contact-links a:last-child {
  margin-bottom: 0
}

.contactus_app_right_widget .contact-links svg {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  vertical-align: middle
}

.contactus_app_right_widget .chat-btn-content {
  margin-bottom: 1px
}

.contactus_app_right_widget .chat-btn-content p {
  font-size: 18px;
  font-weight: 400;
  color: #212934;
  line-height: 21px
}

.contactus_app_right_widget .chat-btn-content .btn-chat {
  color: var(--blue) !important;
  background: #fff !important;
  border: 2px solid var(--blue) !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  height: 50px;
  min-width: 212px !important;
  padding: 4px 10px;
  margin-top: 12px
}

.contactus_app_right_widget .chat-btn-content .btn-chat .MuiButton-startIcon {
  display: none
}

.contactus_app_right_widget .recent-orders {
  font-size: 18px;
  font-weight: 400
}

.contactus_app_right_widget .recent-orders-subheading {
  margin-bottom: 8px
}

.contactus_app_right_widget .btn-trackorders {
  width: 50px;
  min-width: 50px;
  margin-left: 8px
}

.contactus_app_right_widget .btn-trackorders .MuiButton-endIcon {
  margin: 0
}

.contactus_app_right_widget .btn-trackorders .MuiSvgIcon-root {
  font-size: 32px
}

.contactus_app_right_widget .order-progress-tracker {
  margin-top: -24px
}

.contactus_app_right_widget .trackorders-term-text {
  font-size: 12px;
  font-weight: 300;
  color: #424c5b;
  font-style: italic
}

.contactus_app_right_widget .btn-back {
  font-size: 16px;
  font-weight: 300;
  color: #212934;
  text-decoration: none;
  display: inline-block;
  margin: 0 0 8px
}

.contactus_app_right_widget .btn-back span:hover {
  text-decoration: underline
}

.contactus_app_right_widget .od-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: #f3f3f3
}

.contactus_app_right_widget .od-info:not(:last-child) {
  margin-bottom: 8px
}

.contactus_app_right_widget .od-info span,
.contactus_app_right_widget .od-info a {
  font-size: 16px
}

.contactus_app_right_widget .od-info span {
  font-weight: 300
}

.contactus_app_right_widget .od-info a {
  font-weight: 400;
  color: var(--blue)
}

.contactus_app_right_widget .order-progress-tracker .order-details-header {
  justify-content: end
}

.contactus_app_right_widget .order-details-links {
  display: flex;
  margin-bottom: 16px
}

.contactus_app_right_widget .order-details-links .od-links:not(:last-child) {
  margin-right: 16px
}

.contactus_app_right_widget .order-details-links .od-links .download-disabled {
  opacity: .25;
  pointer-events: none
}

.contactus_app_right_widget .od-links span {
  display: none
}

.contactus_app_right_widget .fa,
.contactus_app_right_widget .fal {
  width: 22px;
  height: 22px;
  display: block
}

.contactus_app_right_widget .fa-download {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M448 304h-53.5l-48 48H448c8.822 0 16 7.178 16 16V448c0 8.822-7.178 16-16 16H64c-8.822 0-16-7.178-16-16v-80C48 359.2 55.18 352 64 352h101.5l-48-48H64c-35.35 0-64 28.65-64 64V448c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64v-80C512 332.7 483.3 304 448 304zM432 408c0-13.26-10.75-24-24-24S384 394.7 384 408c0 13.25 10.75 24 24 24S432 421.3 432 408zM239 368.1C243.7 373.7 249.8 376 256 376s12.28-2.344 16.97-7.031l136-136c9.375-9.375 9.375-24.56 0-33.94s-24.56-9.375-33.94 0L280 294.1V24C280 10.75 269.3 0 256 0S232 10.75 232 24v270.1L136.1 199c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94L239 368.1z"/></svg>')
}

.contactus_app_right_widget .fa-print {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M111.1 48h254.1L400 81.94V160H448V81.94c0-12.73-5.057-24.94-14.06-33.94l-33.94-33.94C391 5.057 378.8 0 366.1 0H111.1C85.49 0 64.01 21.48 64 47.98l.002 82.28c-.002 0 .002 0 0 0L64 160h48.01L111.1 48zM440 192H72C32.3 192 0 224.3 0 264v112c0 13.25 10.75 24 24 24H80V480c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32v-80h56c13.25 0 24-10.75 24-24v-112C512 224.3 479.7 192 440 192zM384 464H128v-96h256V464zM464 352h-32c0-17.67-14.33-32-32-32h-288c-17.67 0-32 14.33-32 32h-32V264c0-13.23 10.77-24 24-24h368c13.23 0 24 10.77 24 24V352z"/></svg>')
}

.contactus_app_right_widget .order-summary-wrapper {
  padding: 0
}

.contactus_app_right_widget .paymentDetails {
  padding: 24px 16px;
  background: #f4f4f4
}

.contactus_app_right_widget .paymentDetails .bold {
  font-weight: 500
}

.contactus_app_right_widget .btn-send-Email {
  background-color: #fff;
  box-shadow: none;
  border: 2px solid var(--blue) !important;
  border-radius: 8px;
  color: var(--blue) !important;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize
}

.contactus_app_right_widget .stillneedhelp {
  display: flex;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #212934;
  line-height: 1
}

.contactus_app_right_widget p.ellipsis.pro-title {
  -webkit-line-clamp: 3;
  font-weight: 400;
  line-height: 1.3;
  color: #212934
}

.contactus_app_right_widget span.item-no.mobileitemno {
  line-height: 1;
  margin: 16px 0 20px;
  display: flex;
  color: #212934
}

.contactus_app_right_widget span.item-no.mobileitemno span {
  font-weight: 300
}

.contactus_app_right_widget span.item-no.mobileitemno span.bold {
  font-weight: 400;
  margin-right: 4px
}

.contactus_app_right_widget .fa-circle-envelope {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg>')
}

.contactus_app_right_widget .fa-envelope {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg>')
}

.contactus_app_right_widget h2.heading {
  font-size: 16px;
  font-weight: 500;
  margin: 0
}

.contactus_app_right_widget .additionalCharges .spaceBetween.rowText {
  display: flex;
  justify-content: space-between;
  font-weight: 300
}

.contactus-header {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 16px;
  color: #212934
}

.form-container {
  border: 1px solid #bcbec0;
  padding: 24px;
  border-radius: 4px
}

.frm-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.frm-row .frm-send-click1 {
  width: 100%
}

.frm-row label {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #212934;
  margin-bottom: 8px;
  width: 100%
}

.frm-row label::after {
  content: "" !important
}

.frm-row input[type=text] {
  padding: 14px 12px;
  min-height: 20px;
  color: #212934;
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
  align-items: center;
  display: flex;
  border: 1px solid #bcbec0;
  border-radius: 4px;
  outline: 0;
  height: 50px;
  box-sizing: border-box
}

.frm-row input::placeholder {
  opacity: .5;
  font-weight: 200
}

.frm-row.frm-col-three {
  flex-wrap: nowrap
}

.frm-row.frm-col-three>div {
  width: 33.33%;
  max-width: 241.06px;
  box-sizing: border-box;
  margin-right: 16px
}

.frm-row.frm-col-three>div:last-child {
  margin-right: 0
}

.frm-row.frm-col-two {
  flex-wrap: nowrap;
  width: 66.66%
}

.frm-row.frm-col-two>div {
  width: 50%;
  max-width: 241.06px;
  box-sizing: border-box;
  margin-right: 16px
}

.frm-row.frm-col-two>div:last-child {
  margin-right: 0
}

.frm-row.frm-col-two :blank {
  margin-bottom: 0
}

.frm-row.frm-col-one {
  flex-wrap: nowrap;
  width: 33.33%
}

.frm-row.frm-col-one>div {
  width: 100%;
  max-width: 241.06px;
  box-sizing: border-box
}

.frm-row.frm-col-one>div:last-child {
  margin-right: 0
}

.frm-row.frm-col-half {
  flex-wrap: nowrap;
  width: 100%
}

.frm-row.frm-col-half>div {
  width: 50%;
  box-sizing: border-box;
  margin-right: 16px
}

.frm-row.frm-col-half>div:last-child {
  margin-right: 0
}

.frm-row .MuiFormControl-marginNormal {
  margin-top: 0
}

.frm-row .MuiInputBase-root {
  border: none !important
}

.frm-row.reasonsBlock {
  margin-bottom: 24px
}

.frm-row.reasonsBlock .full-stretch {
  margin-bottom: 0;
  width: 330px
}

.frm-btns {
  width: 100%;
  margin-top: 10px
}

.frm-btns button {
  text-transform: capitalize
}

.frm-btns button.btn_secondory {
  background: #eee
}

.frm-btns .btn-submit {
  margin-right: 16px
}

.full-stretch {
  width: 100%;
  margin-bottom: 24px
}

.full-stretch input[type=text] {
  width: 100%
}

.full-stretch.frm-qst-list {
  border: none !important;
  line-height: unset
}

.full-stretch.frm-qst-list:before,
.full-stretch.frm-qst-list:after,
.full-stretch.frm-qst-list:hover {
  border: none !important
}

.full-stretch.frm-qst-list>div {
  padding: 14px 12px;
  min-height: 20px;
  color: #212934;
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
  align-items: center;
  display: flex;
  border: 1px solid #bcbec0;
  border-radius: 4px;
  outline: 0;
  height: 50px;
  box-sizing: border-box
}

.full-stretch.frm-qst-list .MuiSvgIcon-root.MuiSelect-icon {
  margin-right: 6px
}

.full-stretch.frm-qst-listbox .drop-down-list {
  margin-top: 0 !important
}

.full-stretch.frm-qst-listbox .drop-down-list>div {
  border: 1px solid #bcbec0 !important
}

.full-stretch.frm-qst-listbox .drop-down-list:before,
.full-stretch.frm-qst-listbox .drop-down-list:after,
.full-stretch.frm-qst-listbox .drop-down-list:hover {
  border: none !important
}

.full-stretch.frm-qst-listbox .drop-down-list .MuiOutlinedInput-input {
  border-radius: 4px
}

.frm-radio-list {
  width: 100%;
  margin-bottom: 24px
}

.frm-radio-list label {
  width: unset;
  margin-bottom: 0
}

.frm-radio-list span:last-of-type {
  padding-right: 46px;
  padding-right: 2.875em;
  color: #424c5b;
  font-weight: 300
}

.frm-radio-list .MuiRadio-root {
  padding: 0 9px;
  color: #cbc9c9;
  position: unset;
  border: unset
}

.frm-radio-list .MuiRadio-colorSecondary.Mui-checked {
  color: var(--blue) !important;
  visibility: visible;
  height: auto;
  width: 42px;
  display: inline-flex;
  max-width: unset
}

.frm-radio-list .MuiRadio-colorSecondary.Mui-checked~span {
  font-weight: 500
}

.frm-radio-list .MuiRadio-colorSecondary.Mui-checked span.MuiIconButton-label {
  padding-left: 0px
}

.frm-send-click {
  width: 100%
}

.frm-send-click .frm-textarea {
  height: 84px !important;
  border-radius: 4px;
  border: 1px solid #bcbec0
}

.frm-send-click .frm-textarea:focus-visible {
  outline: #bcbec0
}

.frm-send-click .btn-reset {
  background-color: #d5d5d5
}

.frm-chat-now h4 {
  margin: 22px 0 10px;
  width: 100%;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  color: #212934;
  text-transform: capitalize
}

.frm-chat-now h4 span {
  font-size: 20px;
  font-weight: normal
}

.frm-chat-now .or-between {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin: 0 10px;
  align-self: center;
  text-transform: capitalize;
  text-align: center
}

.frm-chat-now .chat-btn Button {
  height: 50px;
  min-width: 270px !important
}

.frm-textarea {
  padding: 14px 12px;
  height: 104px !important;
  border-radius: 4px;
  border: 1px solid #bcbec0 !important;
  color: #212934;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2
}

.frm-textarea:focus-visible {
  outline: #bcbec0
}

.main-details .order-details-subheader {
  border-radius: 4px;
  background-color: #fff
}

.main-details .order-summary-wrapper .order-items.displaymobile .MuiFormControlLabel-root {
  margin-right: 0
}

.main-details .pro-total-price {
  font-size: 20px;
  font-weight: 500;
  color: #212934;
  line-height: 1;
  margin-bottom: 12px
}

.main-details .mpro-qty {
  font-size: 16px;
  font-weight: 400;
  color: #212934;
  line-height: 1
}

.order-details-subheader .MuiCardHeader-content {
  flex: 1 1 auto
}

.order-progress-tracker .col-wrapper,
.cancel-order-wrapper .col-wrapper {
  width: 100%
}

.order-progress-tracker .col-wrapper .col-two,
.cancel-order-wrapper .col-wrapper .col-two {
  width: 50%;
  display: flex;
  justify-content: space-between
}

.order-progress-tracker .subheaders-head,
.cancel-order-wrapper .subheaders-head {
  display: flex;
  flex-flow: column
}

.order-progress-tracker .subheaders-head .hs-head,
.cancel-order-wrapper .subheaders-head .hs-head {
  color: #212934;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px
}

.order-progress-tracker .subheaders-head .hs-text,
.cancel-order-wrapper .subheaders-head .hs-text {
  color: #212934;
  font-size: 15px;
  font-weight: 600;
  line-height: 17px
}

.order-progress-tracker .subheaders-head.order-no,
.cancel-order-wrapper .subheaders-head.order-no {
  width: 50%
}

.order-progress-tracker .subheaders-head.created-on,
.cancel-order-wrapper .subheaders-head.created-on {
  width: 50%
}

.order-progress-tracker .subheaders-head.order-total,
.cancel-order-wrapper .subheaders-head.order-total {
  width: 50%
}

.order-progress-tracker .subheaders-head.total-items,
.cancel-order-wrapper .subheaders-head.total-items {
  width: 50%
}

.order-progress-tracker .main-details,
.cancel-order-wrapper .main-details {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: unset
}

.order-progress-tracker .main-details .MuiPaper-elevation1,
.cancel-order-wrapper .main-details .MuiPaper-elevation1 {
  box-shadow: unset;
  background-color: rgba(0, 0, 0, 0)
}

.order-progress-tracker .main-details .order-summary-wrapper,
.cancel-order-wrapper .main-details .order-summary-wrapper {
  border: 0;
  border-radius: 0
}

.order-progress-tracker .main-details .order-summary-wrapper .pro-qty-mobile,
.cancel-order-wrapper .main-details .order-summary-wrapper .pro-qty-mobile {
  flex-direction: column;
  align-items: flex-start
}

.order-progress-tracker>.main-details,
.cancel-order-wrapper>.main-details {
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05)
}

.order-progress-tracker .sub-details,
.cancel-order-wrapper .sub-details {
  border: 1px solid #bcbec0;
  border-radius: 4px;
  background-color: #fff
}

.order-progress-tracker .itemDetails .MuiCardHeader-root,
.cancel-order-wrapper .itemDetails .MuiCardHeader-root {
  margin-bottom: 0;
  border: 1px solid #bcbec0;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px 16px;
  margin: 0 16px
}

.order-progress-tracker .itemDetails .MuiCardHeader-content,
.cancel-order-wrapper .itemDetails .MuiCardHeader-content {
  flex: 1 1 auto
}

.order-summary-wrapper .order-content {
  padding: 0;
  justify-content: space-between
}

.order-summary-wrapper .order-content>div .address .namebold {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.order-summary-wrapper .order-content>div .address .companybold {
  margin-bottom: 5px
}

.order-summary-wrapper h3 {
  font-size: 18px;
  font-weight: 500;
  color: #212934;
  line-height: 1;
  margin: 0 0 8px
}

.order-summary-wrapper .companybold {
  font-size: 14px;
  font-weight: 400;
  color: #424c5b
}

.order-summary-wrapper .street {
  color: #424c5b;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: inline-block
}

.order-summary-wrapper .zip {
  color: #424c5b;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: inline-block;
  margin-left: 4px
}

.order-summary-wrapper .phone {
  color: #424c5b;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px
}

.order-summary-wrapper .main-orrder-summary {
  margin: 0 0 24px;
  padding: 16px;
  border: 1px solid #bcbec0;
  border-radius: 4px;
  background: #fff
}

.order-summary-wrapper .main-orrder-summary h3 {
  font-size: 16px;
  font-weight: 500;
  color: #212934;
  line-height: 1;
  margin: 4px 0 8px
}

.order-summary-wrapper .still-need-help {
  padding: 16px 0;
  background: #f4f4f4;
  margin: 0
}

.order-summary-wrapper .still-need-help .needHelpLabel {
  display: flex;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #212934;
  line-height: 1
}

.order-summary-wrapper .orderSummary {
  width: 100%;
  margin: 0
}

.order-summary-wrapper .orderSummary .divider {
  height: 1px !important;
  margin: 10px 0 !important;
  background: rgba(0, 0, 0, 0);
  border-bottom: 2px dashed #bcbec0
}

.order-summary-wrapper .summary-rows {
  display: flex;
  justify-content: space-between
}

.order-summary-wrapper .summary-rows span {
  font-size: 16px;
  color: #424c5b;
  font-weight: 300;
  line-height: 1.5
}

.order-summary-wrapper .summary-rows.bold span {
  font-weight: 600
}

.order-summary-wrapper .total-row {
  display: flex;
  justify-content: space-between
}

.order-summary-wrapper .total-row span {
  color: #212934;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px
}

.orderSummary .heading {
  justify-content: space-between;
  align-items: center
}

.itemDetails>.main-details {
  height: 500px;
  overflow-y: auto
}

.itemDetails .order-details-main-wrapper {
  background: #fff;
  padding-top: 16px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05)
}

.itemDetails .order-details-main-wrapper:not(:last-of-type) {
  margin-bottom: 16px
}

.itemDetails .order-title {
  font-size: 16px;
  font-weight: 600;
  color: #212934;
  line-height: 1;
  margin: 28px 0 24px;
  display: block
}

.item-headers {
  display: flex;
  flex-flow: column
}

.item-headers .item-text {
  color: #212934;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  height: 17px;
  margin-top: 2px;
  margin-bottom: 0;
  overflow: hidden;
  height: auto
}

.itemsHeader {
  display: flex;
  flex-wrap: wrap
}

.itemsHeader>div {
  align-self: flex-start;
  width: 48.5%
}

.itemsHeader>div:first-child {
  margin-right: 3%
}

.itemsHeader .blueOutlinedButton {
  margin-top: 8px
}

.order-items {
  flex-wrap: wrap;
  background: #fff;
  padding: 16px
}

.order-items>div {
  width: 100%
}

#orderTileContainer .flexDisplay:first-child {
  align-items: flex-start
}

#orderTileContainer .pro-image {
  max-width: 110px;
  width: 100%;
  margin-right: 16px
}

#orderTileContainer .pro-image img {
  width: 100%;
  height: auto
}

.shipmentList {
  padding: 0 16px 16px;
  border: 0;
  margin: 0;
  background: #fff
}

.shipmentList .MuiButtonBase-root.add-ons {
  cursor: auto
}

.shipmentList .MuiAccordionSummary-root {
  padding: 0;
  width: 100%
}

.shipmentList .MuiAccordionSummary-content {
  margin: 0;
  width: 100%;
  display: block
}

.shipmentList hr.MuiDivider-root {
  margin: 16px 0
}

.shippmentDetailsSection.flexDisplay {
  flex-wrap: wrap;
  display: flex;
  align-items: center
}

.shippmentDetailsSection>div {
  margin: 2px 0;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column
}

.shippmentDetailsSection>div .tracking-no {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.shippmentDetailsSection>div .tracking-no .oder-info-text.bold a {
  color: var(--blue)
}

.shippmentDetailsSection>div span.oder-info-head {
  margin-right: 4px
}

.shippmentDetailsSection>div.shipmentA {
  flex-direction: unset
}

.shippmentDetailsSection>div.shipmentA h6 {
  font-size: 16px;
  font-weight: 400;
  color: #212934
}

.shippmentDetailsSection>div.shipmentB {
  background: #eee;
  padding: 16px;
  border-radius: 4px
}

.shippmentDetailsSection>div.shipmentB:empty {
  display: none
}

.shippmentDetailsSection>div>div:not(.shipmentCountBox):not(.qtyShippendBox) {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.shippmentDetailsSection>div .shipment_list_delivery_statusBox span {
  font-size: 16px
}

.shippmentDetailsSection>div .shipment_list_delivery_statusBox span.oder-info-head {
  font-weight: 300;
  color: #212934
}

.shippmentDetailsSection>div .shipment_list_delivery_statusBox span.oder-info-text {
  font-weight: 500;
  color: #424c5b;
  text-align: right
}

.shippmentDetailsSection>div.shipment_list_delivery_statusBox {
  margin-right: 0
}

.cancel-item-link {
  color: var(--blue);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  margin: 8px 0;
  display: flex
}

.bold {
  font-weight: 600
}

.address-wrapper {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #bcbec0;
  border-radius: 4px;
  padding: 16px;
  margin: 0
}

.address-wrapper>div {
  box-sizing: border-box;
  width: 100%
}

.address-wrapper>div:first-child {
  margin-bottom: 24px
}

.cancel-order-wrapper .co-header {
  align-items: flex-start;
  flex-direction: column
}

.cancel-order-wrapper .co-header button {
  margin-bottom: 24px
}

.cancel-order-wrapper .checkboxImage:empty {
  max-width: 0 !important
}

.cancel-order-wrapper .cancelnote {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 16px
}

.cancel-order-wrapper .product-container {
  margin: 24px 0;
  max-height: 400px;
  overflow-y: auto
}

.cancel-order-wrapper .product-container .checkboxImage {
  width: 46px;
  margin-left: 16px
}

.cancel-order-wrapper .product-container .checkboxImage .MuiFormControlLabel-root {
  margin-right: 7px
}

.cancel-order-wrapper .product-container .pro-img {
  width: 110px
}

.cancel-order-wrapper .product-container .pro-img img {
  width: 110px;
  height: auto
}

.cancel-order-wrapper .product-container .pro-details {
  padding-right: 16px
}

.cancel-order-wrapper .product-container .cancel-prod-list {
  background: #fff;
  padding: 16px 0;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05)
}

.cancel-order-wrapper .product-container .cancel-prod-list:not(:last-child) {
  margin-bottom: 12px
}

.cancel-order-wrapper .pro-details {
  margin-left: 16px
}

.cancel-order-wrapper h6.MuiTypography-root.MuiTypography-h6 {
  margin-top: 24px
}

.cancel-order-wrapper h6.MuiTypography-root.MuiTypography-h6~.product-container {
  margin-top: 8px
}

.cancel-order-wrapper .frm-btns .btn-submit {
  margin: 6px 0 0
}

.remove-bottom-margin {
  margin-bottom: 0px
}

.sendInvoicesBlock {
  margin: 0px
}

.sendInvoicesBlock .invoice-details {
  margin-bottom: 24px
}

.sendInvoicesBlock .invoice-details>.order-summary-wrapper,
.sendInvoicesBlock .main-details>.order-summary-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 241px;
  background-image: url("../img/contact-bg-img.png");
  background-size: contain;
  background-repeat: no-repeat
}

.sendInvoicesBlock .invoice-details>.order-summary-wrapper .ico-download,
.sendInvoicesBlock .main-details>.order-summary-wrapper .ico-download {
  margin-right: 16px
}

.sendInvoicesBlock .invoice-details>.order-summary-wrapper .fa-circle-envelope,
.sendInvoicesBlock .invoice-details>.order-summary-wrapper .fa-download,
.sendInvoicesBlock .invoice-details>.order-summary-wrapper .fa-print,
.sendInvoicesBlock .main-details>.order-summary-wrapper .fa-circle-envelope,
.sendInvoicesBlock .main-details>.order-summary-wrapper .fa-download,
.sendInvoicesBlock .main-details>.order-summary-wrapper .fa-print {
  width: 28px;
  height: 28px
}

.sendInvoicesBlock .btn-pay-invoice {
  text-transform: unset;
  padding: 11.4px 64px;
  display: inline-block;
  margin-bottom: 24px
}

.sendInvoicesBlock .order-details-header {
  margin: 0
}

.sendInvoicesBlock .ico-download,
.sendInvoicesBlock .od-links {
  padding: 5px;
  color: var(--blue)
}

.sendInvoicesBlock .main-orrder-summary {
  margin-top: 24px
}

.sendInvoicesBlock .main-orrder-summary .summary-rows {
  display: flex;
  justify-content: space-between;
  padding: 13px 15px;
  background-color: #f3f3f3;
  margin-bottom: 8px;
  border-radius: 4px
}

legend.jss2 {
  border: 0
}

.recent-orders-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 24px
}

.recent-orders-wrapper .recent-orders-header {
  width: 100%
}

.recent-orders-wrapper .recent-orders-header div {
  background: #eae8e8
}

.recent-orders-wrapper .recent-orders-header div.recent-orders:first-child {
  border-radius: 8px 0 0 0
}

.recent-orders-wrapper .recent-orders-header div.recent-orders:last-child {
  border-radius: 0 8px 0 0
}

.recent-orders-wrapper .recent-orders-links {
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%
}

.recent-orders-wrapper .recent-orders-links a {
  font-size: 16px;
  font-weight: 300;
  color: var(--blue);
  text-decoration: underline
}

.recent-orders-wrapper .recent-orders-links a:last-child {
  margin-bottom: 0
}

.recent-orders-wrapper .recent-orders-header>*,
.recent-orders-wrapper .recent-orders-links>*>* {
  display: flex;
  width: 50%;
  padding: 12px 12px 12px 24px;
  line-height: 1;
  border: 1px solid #bcbec0;
  background: #fff
}

.recent-orders-wrapper .recent-order-date:empty,
.recent-orders-wrapper .recent-order-link:empty {
  display: none
}

@media(max-width: 1200px) {
  .contactus_app_right_widget {
    padding: 32px 24px
  }

  .order-progress-tracker .col-wrapper .col-two,
  .cancel-order-wrapper .col-wrapper .col-two {
    flex-direction: column;
    width: 100%
  }

  .order-progress-tracker .col-wrapper .col-two>div:first-child,
  .cancel-order-wrapper .col-wrapper .col-two>div:first-child {
    margin-bottom: 8px
  }
}

@media(max-width: 1460px) {
  .frm-radio-list span:last-of-type {
    padding-right: unset
  }
}

@media(max-width: 991.98px) {

  .contactus_app_left_widget,
  .contactus_app_right_widget {
    width: 100%;
    margin: 10px
  }

  .contactus_app_left_widget {
    padding-right: 0
  }

  .contactus_app_right_widget {
    min-height: 320px
  }
}

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

  .contactus_app_left_widget,
  .contactus_app_right_widget {
    margin: 0
  }

  .contactus_app_left_widget {
    padding-bottom: 24px
  }

  .frm-row.frm-col-one,
  .frm-row.frm-col-two,
  .frm-row.frm-col-three,
  .frm-row.frm-col-half,
  .frm-row.frm-col-one>div,
  .frm-row.frm-col-two>div,
  .frm-row.frm-col-three>div,
  .frm-row.frm-col-half>div {
    width: 100%;
    max-width: unset;
    margin-right: 0;
    flex-wrap: wrap
  }

  .full-stretch.frm-qst-list .MuiSelect-selectMenu {
    white-space: break-spaces;
    line-height: 1.2;
    word-spacing: .5px
  }

  li.frm-li {
    white-space: break-spaces;
    line-height: 1.2
  }

  .frm-radio-list label {
    width: 100%;
    margin-right: 0px
  }

  .frm-radio-list label:not(:last-child) {
    margin-bottom: 10px
  }

  .sendInvoicesBlock .invoice-details>.order-summary-wrapper,
  .sendInvoicesBlock .main-details>.order-summary-wrapper {
    min-height: 158px
  }
}

@media screen and (max-width: 560px) {
  .frm-btns button {
    min-width: 100%
  }

  .frm-btns button.btn-submit {
    margin-right: 0;
    margin-bottom: 16px
  }

  .order-progress-tracker .subheaders-head,
  .cancel-order-wrapper .subheaders-head {
    width: 100% !important;
    flex-flow: unset;
    justify-content: space-between;
    align-items: center
  }

  .order-progress-tracker .created-on.subheaders-head,
  .cancel-order-wrapper .created-on.subheaders-head {
    margin-bottom: 8px !important
  }

  .order-progress-tracker .col-wrapper,
  .cancel-order-wrapper .col-wrapper {
    flex-wrap: wrap
  }

  .order-progress-tracker .col-wrapper .col-two,
  .cancel-order-wrapper .col-wrapper .col-two {
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: space-between
  }
}

.contact-login-wrapper {
  max-width: 969px;
  width: 100%;
  height: 380px;
  margin: 8px auto;
  display: flex;
  flex-wrap: wrap;
  background: #f8f8f8;
  border: 1px solid #bcbec0
}

@media(max-width: 767.98px) {
  .contact-login-wrapper {
    height: unset;
    padding: 18px 0
  }
}

.contact-login-wrapper .contact-login-banner {
  width: 411px;
  height: 380px;
  background: url(https://static.globalindustrial.com/site42/images/new-contact-us-banner.jpg);
  background-size: cover
}

@media(max-width: 767.98px) {
  .contact-login-wrapper .contact-login-banner {
    width: calc(100% - 32px);
    height: 300px;
    margin: 0 18px 18px
  }
}

.contact-login-wrapper .contact-login-form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 411px);
  padding: 0 26px;
  height: 380px
}

@media(max-width: 767.98px) {
  .contact-login-wrapper .contact-login-form {
    width: 100%;
    height: unset
  }
}

.contact-login-wrapper .contact-login-form p {
  font-size: 16px;
  font-weight: 300;
  color: #212934;
  line-height: 1.23;
  margin: 28px auto
}

@media(max-width: 767.98px) {
  .contact-login-wrapper .contact-login-form p {
    font-size: 12px;
    margin: 12px auto 28px
  }
}

.contact-login-wrapper .contact-login-form .MuiFormHelperText-root.Mui-error {
  color: #ff1000;
  margin: 0;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  margin-top: 7px
}

.contact-login-wrapper .contact-login-form .fa-exclamation-circle {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(208, 52, 44)" d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-13.3 0-24 10.7-24 24V264c0 13.3 10.7 24 24 24s24-10.7 24-24V152c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>')
}

.contact-login-wrapper .contact-login-form .redOutlinedButton {
  color: var(--red) !important;
  background: #fff !important;
  border: 2px solid var(--red) !important;
  margin-top: 28px
}

.contact-login-wrapper .login-logo-label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center
}

@media(max-width: 767.98px) {
  .contact-login-wrapper .login-logo-label {
    flex-direction: column
  }
}

@media(max-width: 767.98px) {
  .contact-login-wrapper .login-logo-label img {
    width: 157.58px;
    height: auto
  }
}

.contact-login-wrapper .back.mobile {
  justify-content: center;
  margin: 40px auto 18px
}

.contact-login-wrapper .login-frm-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.contact-login-wrapper .login-frm-wrapper>* {
  width: 100%;
  color: var(--blue)
}

.contact-login-wrapper .login-frm-wrapper .back:hover {
  text-decoration: underline;
  cursor: pointer
}

.contact-login-wrapper .login-frm-wrapper .back.desktop {
  margin-bottom: 14px
}

.contact-login-wrapper .login-frm-wrapper .back.desktop:hover {
  text-decoration: underline !important
}

.contact-login-wrapper .login-frm-wrapper .back.login-frm {
  margin-bottom: 25px
}

.contact-login-wrapper .login-frm-wrapper svg.MuiSvgIcon-root {
  height: 12.94px;
  width: auto
}

.contact-login-wrapper .login-frm-wrapper .customBtn {
  margin: 0
}

.contact-login-wrapper .login-frm-wrapper .googleLoginWrapper.fullStretch {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  min-height: unset
}

.contact-login-wrapper .login-frm-wrapper #googleSigninButton {
  margin-top: 20px
}

.contact-login-wrapper .login-frm-wrapper .alertInline {
  margin: 0 0 12px
}

.contact-login-wrapper .login-frm-wrapper .dividerWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px
}

.contact-login-wrapper .login-frm-wrapper .user-name-password {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 28px
}

.contact-login-wrapper .login-frm-wrapper .user-name-password .twoColumn {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column
}

@media(max-width: 767.98px) {
  .contact-login-wrapper .login-frm-wrapper .user-name-password .twoColumn {
    width: 100% !important;
    margin-right: 0;
    text-align: center
  }
}

@media(max-width: 767.98px) {
  .contact-login-wrapper .login-frm-wrapper .user-name-password .twoColumn .MuiFormLabel-root {
    font-size: 14px
  }
}

@media(max-width: 767.98px) {
  .contact-login-wrapper .login-frm-wrapper .user-name-password .user-name {
    margin-bottom: 18px
  }
}

.contact-login-wrapper .login-frm-wrapper .user-name-password .MuiInputBase-root {
  border-radius: 4px
}

.contact-login-wrapper .login-frm-wrapper .user-name-password .MuiInputBase-root::before,
.contact-login-wrapper .login-frm-wrapper .user-name-password .MuiInputBase-root::after {
  border: 0
}

.contact-login-wrapper .login-frm-wrapper .user-name-password .MuiInputBase-root:hover::before,
.contact-login-wrapper .login-frm-wrapper .user-name-password .MuiInputBase-root:hover::after {
  border: 0
}

.contact-login-wrapper .login-frm-wrapper .user-name-password input {
  padding: 12px;
  min-height: 48px;
  color: #212934;
  font-size: 15px;
  font-weight: 300;
  line-height: 17px;
  box-sizing: border-box;
  border-radius: 4px
}

.contact-login-wrapper-placeholder {
  max-width: 967px;
  height: 380px;
  margin: 0 auto
}

/*# sourceMappingURL=contactusapp.css.map */