* {
  box-sizing: border-box; }

form button[type="submit"] {
  font-size: 20px; }

button {
  cursor: pointer; }

.headerSection {
  height: 320px;
  background-color: #eee6d1;
  background-image: none !important; }
  @media screen and (max-width: 768px) {
    .headerSection {
      height: 210px !important;
      background-color: #eee6d1 !important;
      background-image: none !important; } }
.search-title-info {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #C49C3B; }
.search-input-container {
  position: relative; }
  .search-input-container input[type="text"] {
    width: 100%;
    height: 65px;
    left: 345px;
    top: 407px;
    border-radius: 4px;
    padding: 16px 80px 16px 24px;
    font-size: 24px;
    font-weight: 400;
    text-align: left;
    border: 2px solid #C49C3B;
    -webkit-transition: .4s all;
    transition: .4s all; }
    .search-input-container input[type="text"]:hover, .search-input-container input[type="text"]:focus {
      -webkit-transition: .4s all;
      transition: .4s all;
      border: 2px solid #C49C3B; }
    @media screen and (max-width: 768px) {
      .search-input-container input[type="text"] {
        font-size: 20px;
        height: 60px;
        padding: 16px 60px 16px 24px; } }
    @media screen and (max-width: 480px) {
      .search-input-container input[type="text"] {
        font-size: 14px; } }
  .search-input-container .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    background: none;
    border: none;
    width: 80px;
    height: 65px; }
    .search-input-container .search-submit svg path {
      -webkit-transition: .4s all;
      transition: .4s all;
      fill: #C49C3B; }
    .search-input-container .search-submit:hover svg path {
      -webkit-transition: .4s all;
      transition: .4s all;
      fill: #29282a; }
    @media screen and (max-width: 768px) {
      .search-input-container .search-submit {
        width: 60px;
        height: 58px; } }

.whiteSection .container {
  padding: 0 20px; }
  .whiteSection .container.help-desk-container {
    max-width: 940px; }

@media screen and (max-width: 768px) {
  .whiteSection {
    overflow: hidden; } }

.help-desk-text-holder, .help-desk-headline-container {
  color: #29282a; }

.banner-text {
  max-width: 745px;
  margin: 0 auto;
  padding: 0 20px;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  transform: translateY(-50%); }
  @media screen and (max-width: 768px) {
    .banner-text {
      top: auto;
      bottom: 24px;
      transform: none; } }
  .banner-text h1, .banner-text p {
    text-align: left;
    color: #000000; }
  .banner-text h1 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-family: Open Sans;
    font-size: 56px;
    font-weight: 600;
    line-height: 76px;
    margin-top: 0;
    margin-bottom: 12px; }
    @media screen and (max-width: 768px) {
      .banner-text h1 {
        font-size: 32px;
        line-height: normal; } }
  .banner-text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px; }
    @media screen and (max-width: 768px) {
      .banner-text p {
        display: none; } }

.help-desk-back-link {
  float: right;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: .4s all;
  transition: .4s all; }
  .help-desk-back-link span {
    padding-left: 15px; }
  @media screen and (max-width: 480px) {
    .help-desk-back-link {
      font-size: 13px; }
      .help-desk-back-link span {
        padding-left: 6px; } }
  .help-desk-back-link svg {
    -webkit-transition: .4s all;
    transition: .4s all; }
  .help-desk-back-link:hover {
    color: #ebebeb;
    -webkit-transition: .4s all;
    transition: .4s all; }
    .help-desk-back-link:hover svg {
      -webkit-transition: .4s all;
      transition: .4s all;
      -webkit-transform: translateX(-0.5rem);
      transform: translateX(-0.5rem);
      fill: #ebebeb; }

.help-desk-sub-menu {
  display: flex;
  justify-content: center;
  margin-top: -52px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
  max-width: 100%;
  overflow: hidden;
  -webkit-transition: .4s all;
  transition: .4s all; }
  .help-desk-sub-menu #helpDeskSubMenu {
    position: absolute;
    height: 1px;
    top: -100px; }
  @media screen and (max-width: 991px) {
    .help-desk-sub-menu {
      flex-wrap: wrap;
      margin-top: 10px;
      padding-left: 20px;
      padding-right: 20px;
      z-index: 50; } }
  .help-desk-sub-menu a {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 16px 24px;
    font-size: 20px;
    color: white;
    text-decoration: none;
    background-color: #C49C3B;
    -webkit-transition: .4s all;
    transition: .4s all; }
    @media screen and (max-width: 991px) {
      .help-desk-sub-menu a {
        width: 33.33333%;
        border: 1px solid white; } }
    @media screen and (max-width: 768px) {
      .help-desk-sub-menu a {
        width: 50%; } }
    .help-desk-sub-menu a svg {
      width: 32px;
      height: 32px;
      min-width: 32px;
      min-height: 32px;
      fill: #ffffff;
      /*            stroke: $white;
*/
      -webkit-transition: .4s all;
      transition: .4s all; }
    .help-desk-sub-menu a.active, .help-desk-sub-menu a:hover {
      background-color: #39383B;
      -webkit-transition: .4s all;
      transition: .4s all; }
      .help-desk-sub-menu a.active svg, .help-desk-sub-menu a:hover svg {
        fill: #C49C3B;
        stroke: #C49C3B;
        -webkit-transition: .4s all;
        transition: .4s all; }
    .help-desk-sub-menu a span {
      padding-left: 16px; }
    @media screen and (max-width: 1200px) {
      .help-desk-sub-menu a {
        font-size: 16px; } }
    @media screen and (max-width: 991px) {
      .help-desk-sub-menu a {
        height: 140px;
        flex-direction: column;
        justify-content: flex-start;
        text-align: center; }
        .help-desk-sub-menu a img {
          display: block;
          min-width: 32px;
          margin: 0 auto; }
        .help-desk-sub-menu a span {
          display: block;
          padding-top: 16px;
          padding-left: 0; } }
    @media screen and (max-width: 768px) {
      .help-desk-sub-menu a {
        justify-content: space-evenly;
        font-size: 14px; } }

.help-desk-headline-container {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.help-desk-heading-h2 {
  margin-bottom: 16px;
  font-size: 32px;
  font-style: normal;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .help-desk-heading-h2 {
      font-size: 20px; } }

.help-desk-heading-h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  text-align: left;
  color: #C49C3B; }
  @media screen and (max-width: 768px) {
    .help-desk-heading-h3 {
      font-size: 20px; } }

.help-desk-heading-h4 {
  margin-bottom: 4px; }

.help-desk-heading-subtext {
  margin-bottom: 10px;
  display: block; }

.help-desk-breadcrumbs {
  padding-bottom: 16px;
  margin-bottom: 52px;
  border-bottom: 1px solid #ebebeb; }
  @media screen and (max-width: 768px) {
    .help-desk-breadcrumbs {
      margin-bottom: 32px; } }
  .help-desk-breadcrumbs a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0.10000000149011612px;
    text-align: left;
    color: #8D8C93; }
  .help-desk-breadcrumbs .divider {
    height: 15px;
    width: 32px;
    display: inline-block;
    padding: 0 13px; }

.help-desk-btn {
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  color: #39383B;
  padding: 12px 24px;
  border-radius: 4px;
  border: 1px solid #C49C3B;
  text-decoration: none;
  text-transform: uppercase;
  background: none;
  -webkit-transition: .4s all;
  transition: .4s all; }
  .help-desk-btn.btn-yellow {
    background: #C49C3B;
    color: #ffffff; }
    .help-desk-btn.btn-yellow:hover {
      background: #29282a; }
  .help-desk-btn.full-width {
    display: block;
    width: 100%;
    text-align: center; }
  .help-desk-btn .no-border {
    border: none; }
  .help-desk-btn span {
    vertical-align: middle; }
  .help-desk-btn.large {
    height: 60px;
    font-size: 20px; }
  .help-desk-btn svg {
    width: 16px;
    height: 16px;
    margin-left: 0.5rem;
    -webkit-transition: .4s all;
    transition: .4s all; }
  .help-desk-btn:hover {
    border: 1px solid #29282a;
    -webkit-transition: .4s all;
    transition: .4s all; }
    .help-desk-btn:hover svg {
      -webkit-transition: .4s all;
      transition: .4s all;
      -webkit-transform: translateX(0.5rem);
      transform: translateX(0.5rem); }

.help-desk-text-holder {
  position: relative;
  width: 100%;
    margin: 0 auto; }
  .help-desk-text-holder p {
    font-size: 16px;
    line-height: 24px; }
  .help-desk-text-holder strong, .help-desk-text-holder b {
    font-weight: 700; }

.help-desk-rating-form {
  display: none; }

.help-desk-main-form .rte {
  padding: 16px 0; }

.help-desk-form-body {
   }
  .help-desk-form-body .input-group {
    margin-bottom: 20px; }
  .help-desk-form-body label {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    color: #525252;
    text-transform: uppercase; }
  .help-desk-form-body input, .help-desk-form-body textarea, .help-desk-form-body select {
    display: block;
    width: 100%;
    border: 1px solid #8D8C93;
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px; }
    .help-desk-form-body input::placeholder, .help-desk-form-body textarea::placeholder, .help-desk-form-body select::placeholder {
      color: #8D8C93; }
  .help-desk-form-body textarea {
    min-height: 104px; }

.help-desk-reason-for-inqury {
   }
  @media screen and (max-width: 768px) {
    .help-desk-reason-for-inqury {
      flex-wrap: wrap; }
      .help-desk-reason-for-inqury .help-desk-radio-btn-list {
        padding-top: 24px; } }

.help-desk-radio-btn-list {
  display: flex;
  padding-top: 6px; }

.help-desk-radio {
  position: relative; }
  .help-desk-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 27px;
    top: -2px;
    left: 0;
    right: 0;
    z-index: 10;
    cursor: pointer; }
    .help-desk-radio input[type="radio"] + .radio-label {
      font-weight: bold;
      display: flex;
      align-items: center; }
      .help-desk-radio input[type="radio"] + .radio-label:before {
        content: '';
        background: #f4f4f4;
        border-radius: 100%;
        border: 1px solid #b4b4b4;
        display: inline-block;
        min-width: 24px;
        height: 24px;
        position: relative;
        top: -2px;
        margin-right: 8px;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease; }
      .help-desk-radio input[type="radio"] + .radio-label span {
        display: inline-block; }
    .help-desk-radio input[type="radio"]:checked + .radio-label:before {
      background-color: #C49C3B;
      box-shadow: inset 0 0 0 4px #f4f4f4; }
    .help-desk-radio input[type="radio"]:focus + .radio-label:before {
      outline: none;
      border-color: #C49C3B; }
    .help-desk-radio input[type="radio"]:disabled + .radio-label:before {
      box-shadow: inset 0 0 0 4px #f4f4f4;
      border-color: #b4b4b4;
      background: #b4b4b4; }
    .help-desk-radio input[type="radio"] + .radio-label:empty:before {
      margin-right: 0; }
  .help-desk-radio:first-child {
    margin-right: 40px; }

.file-input-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb; }
  .file-input-group label {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #C49C3B;
    text-transform: none; }

.files-list {
  overflow: auto;
  border-bottom: 1px solid #ebebeb;
  max-height: 260px;
  padding-right: 10px; }

.file-info {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 12px 0 14px; }
  .file-info .file-name {
    padding-left: 32px;
    padding-right: 26px;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #29282a; }
  .file-info .file-size {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #8D8C93; }
  .file-info button {
    min-width: 80px;
    margin-left: auto;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.03em;
    color: #39383B;
    cursor: pointer; }
    .file-info button span {
      vertical-align: middle; }

.rating {
  margin-top: 16px;
  margin-bottom: 20px; }
  .rating label {
    display: inline-block;
    margin-right: 40px;
    height: 58px;
    position: relative;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .rating label {
        margin-right: 20px; } }
  .rating input {
    position: absolute;
    width: 100%;
    height: 58px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 100; }
    .rating input:checked + svg, .rating input:checked + svg path {
      fill: #C49C3B;
      stroke: #C49C3B; }

.files-popup-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  display: flex;
  padding-top: 40px;
  align-items: center;
  justify-content: center; }

.files-upload h2 {
  margin: 0; }

.files-upload .dropzone {
  text-align: center; }

.files-upload .file-info {
  display: none;
  justify-content: space-between;
  width: 100%;
  border-bottom: none;
  position: relative; }
  .files-upload .file-info button {
    padding: 0; }

.files-upload .files-list {
  border-bottom: none; }

.dropzone {
  display: none;
  background: #ebebeb;
  border: 1px dashed #8D8C93;
  margin-top: 33px;
  margin-bottom: 33px;
  padding: 40px 10px 35px;
  border-radius: 4px; }

.file-upload-progress {
  text-align: left;
  width: calc(100% - 80px); }
  .file-upload-progress .progress-bar {
    display: none;
    width: 100%;
    height: 4px;
    margin: 6px 0;
    background: #EDE1C4;
    border-radius: 2px; }
  .file-upload-progress .progress-bar-value {
    width: 0%;
    height: 4px;
    background: #C49C3B;
    border-radius: 2px; }

.file-upload-progress .file-name {
  padding: 0; }

.upload-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #39383B; }

.files-upload-cta-list {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.help-desk-categories {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px; }

.help-category-container {
  width: 50%;
  padding: 12px; }
  @media screen and (max-width: 768px) {
    .help-category-container {
      width: 100%; } }

.help-category {
  padding: 30px 24px;
  border: 2px solid #ebebeb;
  border-radius: 8px;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .help-category {
      min-height: 480px; } }

.category-link {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  border-bottom: 2px solid #C49C3B;
  color: #29282a;
  text-decoration: none; }
  .category-link span {
    margin-top: -5px; }
  @media screen and (max-width: 768px) {
    .category-link {
      font-size: 24px;
      line-height: 1.2; }
      .category-link span {
        margin-top: -3px; } }
  .category-link img {
    width: 40px;
    margin-right: 24px; }
  .category-link svg {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    margin-right: 12px;
    stroke: #C49C3B;
    fill: #C49C3B; }

.category-page-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-bottom: 1px solid #ebebeb;
  color: #29282a;
  text-decoration: none;
  -webkit-transition: .4s color;
  transition: .4s color; }
  .category-page-link.large {
    font-size: 24px;
    font-weight: 600;
    line-height: 33px; }
  .category-page-link:hover {
    color: #C49C3B;
    -webkit-transition: .4s color;
    transition: .4s color; }

.dz-image {
  margin-right: 10px; }

@media screen and (max-width: 768px) {
  .help-desk-headline-container .help-desk-btn, .category-page-link .help-desk-btn {
    display: none; } }

.view-all-link {
  display: flex;
  align-items: center;
  margin-top: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  color: #C49C3B;
  text-decoration: none;
  -webkit-transition: .4s all;
  transition: .4s all; }
  .view-all-link span {
    padding-right: 15px; }
  .view-all-link svg {
    -webkit-transition: .4s all;
    transition: .4s all; }
  .view-all-link:hover {
    -webkit-transition: .4s all;
    transition: .4s all;
    color: #29282a; }
    .view-all-link:hover svg {
      -webkit-transform: translateX(0.5rem);
      transform: translateX(0.5rem);
      -webkit-transition: .4s all;
      transition: .4s all;
      stroke: #29282a; }

.rte a {
  color: #C49C3B;
  font-weight: 600;
  text-decoration: none;
  word-break: break-word; }

.input-validation-error {
  border: 1px solid #ed151b !important;
  color: #ed151b; }
  .input-validation-error + .radio-label:before {
    border: 1px solid #ed151b !important; }

span.field-validation-error {
  display: block;
  padding-top: 4px;
  color: #ed151b;
  font-weight: bold; }

input.field-validation-error, select.field-validation-error {
  border: 1px solid #ed151b !important;
  color: #ed151b; }
  input.field-validation-error + .radio-label:before, select.field-validation-error + .radio-label:before {
    border: 1px solid #ed151b !important; }

.mt-5 {
  margin-top: 5rem !important; }

.mt-4 {
  margin-top: 4rem !important; }

.mt-3 {
  margin-top: 3rem !important; }

.mt-2 {
  margin-top: 2rem !important; }

.mb-5 {
  margin-bottom: 5rem !important; }

.mb-4 {
  margin-bottom: 4rem !important; }

.mb-3 {
  margin-bottom: 3rem !important; }

.mb-2 {
  margin-bottom: 2rem !important; }

.text-center {
  text-align: center; }

.loader {
  display: none;
  width: 40px;
  position: absolute;
  top: 0;
  right: 0; }

.files-upload {
  position: relative; }
  .files-upload .loader {
    top: auto;
    bottom: -20px; }

#Files {
  margin-top: 10px; }

.error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: 10px;
  border-radius: 4px;
  font-weight: bold; }

.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  padding: 10px;
  border-radius: 4px;
  font-weight: bold; }

.cards-checkbox-container {
	
	--columns: 1;
  display: grid;
	grid-template-columns: repeat(var(--columns, 1), 1fr);
  
  margin: 0 -12px; }



  .cards-checkbox-container label {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    cursor: pointer; }



    .cards-checkbox-container label span {
      display: block;
      padding: 21px 0 42px;
      text-transform: none;
      font-weight: normal; }
  @media screen and (max-width: 768px) {
    .cards-checkbox-container {
      flex-wrap: wrap; }
      .cards-checkbox-container label {
        width: 100%;
        margin-bottom: 20px; } }

@media screen and (min-width: 480px) {
	  
    .cards-checkbox-container {
		--columns: 2;
	} 
  
  }

  @media screen and (min-width: 680px) {
	  
    .cards-checkbox-container {
		--columns: 3;
	} 
  
  }

/* Customize the label (the container) */
.help-desk-checkbox {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Create a custom checkbox */ }
  .help-desk-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .help-desk-checkbox .checkmark {
    height: 25px;
    width: 25px;
    margin: 0 auto;
    padding: 0px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #8D8C93;
    border-radius: 2px; }
    .help-desk-checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 8px;
      top: 4px;
      width: 5px;
      height: 10px;
      border: solid #C49C3B;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .help-desk-checkbox input:checked ~ .checkmark {
    background-color: #ffffff; }
  .help-desk-checkbox input:checked ~ .checkmark:after {
    display: block; }

.radio-buttons-container {
  margin-top: 24px;
  margin-bottom: 12px;
  padding: 26px 0 0;
   }
  .radio-buttons-container .help-desk-radio {
    margin-bottom: 24px; }
  .radio-buttons-container label {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: none; }

.cancel-upload {
  display: none; }

.step-2 {
  display: none;
  position: relative; }
  .step-2 .loader {
    top: auto;
    bottom: 85px; }

.d-flex {
  display: flex; }

.align-items-center {
  align-items: center; }

.justify-content-space-between {
  justify-content: space-between; }

.help-desk-text-holder .step-back {
  color: #39383B; }

.border-bottom-none {
  border-bottom: none !important; }

.rating-message {
  display: none; }

.final-message {
  display: none;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  color: #C49C3B;
  background: transparent; }
  @media screen and (max-width: 768px) {
    .final-message {
      font-size: 16px;
      line-height: 1.4; } }
  .final-message.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 10px; }

.bytes-sent {
  display: none; }

span.status.progress-text {
  font-size: 14px;
  color: red;
  font-weight: bold; }

.card-img {
  max-width: 100%;
  height: auto; }

.d-none {
  display: none !important; }

label.help-desk-checkbox {
  cursor: pointer;
  padding: 0 12px;
  margin-bottom: 25px; }

.custom-column {
  flex: 0 0 auto;
  width: 50%;
  max-width: 192px; }
  @media screen and (min-width: 576px) {
    .custom-column {
      width: 33.33333333%;
      max-width: 168px; } }

.card-text {
  font-size: 0.75rem; }

.g-recaptcha {
  margin-bottom: 2em; }

.grecaptcha-badge {
  visibility: hidden; }

button:disabled,
button[disabled] {
  background: gray !important;
  cursor: progress !important; }

/*.help-desk-main-form {
  display: none; }
*/