input {
  border-radius: 4px;
  background-color: #ecf2f4 !important;
  border: solid 1px #cacaca !important;
  height: 40px;
  width: 360px;

  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 243.5%;
  color: #2c2c2c;
}

input[placeholder='Search'] {
  padding-left: 30px !important;
}
input[type='radio'] {
  width: 20px;
}

input,
button {
  display: block;
  cursor: pointer;
}
input[type='checkbox'] {
  display: inline-block;
  margin-right: 0.4rem;
  color: #585858;
  height: 20px;
  width: 20px;
}
label {
  color: #585858;
}
input:focus,
select:focus,
textarea:focus {
  border-radius: 4px;
  border: solid 1px #1a518b;
  outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill::first-line {
  -webkit-text-fill-color: #a3a3a3;
  font-size: 16px;
}

input:disabled {
  background-color: #dee2e3;
  cursor: default;
}
input[type='password'].error-border,
input[type='password']:focus.error-border {
  border: solid 1px #ff0000;
}
select {
  border-radius: 4px;
  border: solid 1px #cacaca;
  background-color: #ecf2f4;
  padding: 5px 15.6px 5px 10px;
  /* color: #4a4a4a; */
  height: 40px;
  padding-left: 20px;
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 243.5%;
  color: #2c2c2c;
}
textarea {
  border-radius: 4px;
  border: solid 1px #cacaca !important;
  background-color: #ecf2f4 !important;
  height: 94px;
  padding: 5px 15.6px 5px 10px;
  width: 100%;
  padding-left: 20px;
  /* color: #4a4a4a; */
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 243.5%;
  color: #2c2c2c;
}

input:focus,
select:focus,
textarea:focus {
  border-radius: 4px;
  border: solid 1px #1a518b !important;
  outline: none;
}

.checkbox-container {
  display: inline-block;
  width: 24px;
  height: 20px;
  margin-right: 5px;
}

.checkbox-container .checkbox-label {
  display: block;
  position: relative;
  margin: auto;
  cursor: pointer;
  font-size: 22px;
  line-height: 24px;
  height: 24px;
  width: 24px;
  clear: both;
}

input[type='checkbox'] {
  display: inline-block;
  margin-right: 0.8rem !important;
  color: #585858 !important;
  height: 20px;
  width: 20px;
}
.checkbox-container {
  display: inline-block;
  width: 24px;
  height: 20px;
  margin-right: 5px;
}
.checkbox-label {
  display: block;
  position: relative;
  margin: auto;
  cursor: pointer;
  font-size: 22px;
  line-height: 24px;
  height: 24px;
  width: 24px;
  clear: both;
}

.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkbox-label .checkbox-custom {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  border-radius: 5px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  /*  border: 2px solid #000; */
}

.checkbox-label input:checked ~ .checkbox-custom {
  background-color: #fdba12 !important;
  border-radius: 5px;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid #585858 !important;
  border: none;
  height: 28px;
  width: 28px;
}
.checkbox-custom {
  border: 2px solid #585858;
}

.checkbox-label .checkbox-custom::after {
  position: absolute;
  content: '';
  left: 12px;
  top: 12px;
  height: 0px;
  width: 0px;
  border-radius: 5px;
  border: solid rgb(255, 255, 255);
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(0deg) scale(0);
  -ms-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.checkbox-label input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 9px;
  top: 3px;
  width: 6px;
  height: 14px;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  background-color: transparent;
  border-radius: 0;
}

input.error-border,
input:focus.error-border {
  border: solid 1px #ff0000;
}

input:disabled {
  background-color: #dee2e3;
  cursor: default;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 243.5%;
  color: #868686;
}

::-webkit-input-placeholder {
  color: #8e8e8e;
}

:-ms-input-placeholder {
  color: #8e8e8e;
}

::placeholder {
  color: #8e8e8e;
}

/*

*/
.radio {
  display: flex;
  justify-content: center;
  align-items: center;
}

.radio label {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
}
.radio [type='radio']:checked,
.radio [type='radio']:not(:checked) {
  position: absolute;
  left: -9999px;
}
.radio [type='radio']:checked + label,
.radio [type='radio']:not(:checked) + label {
  position: relative;
  padding-left: 36px;
  cursor: pointer;
  display: inline-block;
  color: #666;
  font-size: 16px;
  line-height: 24px;
}
.radio [type='radio']:checked + label:before,
.radio [type='radio']:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.radio [type='radio']:checked + label:before {
  border-color: #ffa300;
}
.radio [type='radio']:checked + label:after,
.radio [type='radio']:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #ffa300;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.radio [type='radio']:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radio [type='radio']:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

select option:not(:disabled) {
  color: #2c2c2c;
}
select:required:invalid {
  color: gray;
}

#grcElement {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

@media screen and (max-height: 575px) {
  #grcElement {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

@media only screen and (max-width: 500px) {
  #grcElement {
    transform: scale(0.77);
    transform-origin: 0 0;
  }
}

form .col-12 {
  padding: 0px;
}

#modalSubmit {
  text-align: right;
}

@media only screen and (max-width: 768px) {
  #modalSubmit {
    text-align: left;
  }
}

input[id='phone'] {
  color: #495057 !important;
  opacity: 1 !important;
}

input[id='companyPhone'] {
  color: #495057 !important;
  opacity: 1 !important;
}

.error {
  color: red !important;
  font-size: 13px;
}

#phone-error {
  position: absolute;
  font-size: 13px;
}

#companyPhone-error {
  position: absolute;
  font-size: 13px;
}

#unit-error {
  position: absolute;
  top: 28px;
}
.form-mt-,
  .form-mt-KZ,
  .form-mt-RU,
  .form-mt-AZ,
  .form-mt-KA,
  .form-mt-KY{
    margin-top: 1rem !important;
}
.form-mt-TR{
  margin-top: .7rem !important;
}
.submit-btn,
.submit-btn-KZ,
.submit-btn-RU,
.submit-btn-AZ,
.submit-btn-KA,
.submit-btn-KY{
  width: auto;
}
.submit-btn-TR{
  width: 160px !important;
  height: auto;
}
@media (max-width: 768px) {
  .submit-btn,
  .submit-btn-KZ,
  .submit-btn-RU,
  .submit-btn-AZ,
  .submit-btn-KA,
  .submit-btn-KY{
    width: auto;
  }
  .submit-btn-TR{
    width: 100% !important;
  }
}

.font-h1-TR{
  font-size: 21px;
}
.form-group {
  margin-bottom: 0.5rem !important;
}

/* New product request: three-step Borusan Cat form flow. */
.new-product-stepper {
  max-width: 480px;
  margin: 0 auto;
  color: #182739;
}
.new-product-stepper__header { padding: 30px 0; border-radius: 8px; text-align: center; }
.new-product-stepper__header h2 { margin: 0 0 6px; color: #182739; font-size: 22px; font-weight: 700; }
.new-product-stepper__header > p { max-width: 320px; margin: 0 auto; color: #5f6f78; font-size: 13px; line-height: 1.35; }
.new-product-stepper__progress { display: flex; margin: 22px 0 0; padding: 0; list-style: none; }
.new-product-stepper__progress li { position: relative; display: flex; flex: 1 1 0; flex-direction: column; align-items: center; min-width: 0; color: #8a99a1; font-size: 11px; font-weight: 700; text-align: center; }
.new-product-stepper__progress li:not(:last-child)::after { position: absolute; z-index: 0; top: 15px; right: calc(-50% + 15px); left: calc(50% + 15px); height: 2px; background: #d8e0e3; content: ''; }
.new-product-stepper__progress li.is-complete:not(:last-child)::after, .new-product-stepper__progress li.is-active:not(:last-child)::after { background: #182739; }
.new-product-stepper__progress span { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 0 0 6px; border: 2px solid #d8e0e3; border-radius: 50%; background: #fff; color: #53636d; }
.new-product-stepper__progress b { display: block; min-height: 14px; line-height: 1.2; }
.new-product-stepper__progress .is-active span, .new-product-stepper__progress .is-complete span { border-color: #182739; background: #182739; color: #fff; }
.new-product-stepper__panel { min-height: 280px; margin-top: 24px; }
.new-product-stepper__panel h3 { margin: 0 0 4px; color: #182739; font-size: 17px; font-weight: 700; }
.new-product-stepper__helper { margin: 0 0 22px; color: #71808a; font-size: 13px; }
.new-product-stepper__notice { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 22px; padding: 13px 14px; border: 1px solid #f0d47b; border-left: 4px solid #fecd11; border-radius: 8px; background: #fff9e8; text-align: left; }
.new-product-stepper__notice-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; background: #182739; color: #fff; font-family: Georgia, serif; font-size: 14px; font-weight: 700; font-style: italic; }
.new-product-stepper__notice strong { display: block; margin: 0 0 2px; color: #182739; font-size: 14px; font-weight: 700; line-height: 1.3; }
.new-product-stepper__notice p { margin: 0; color: #556771; font-size: 12px; line-height: 1.4; }
.new-product-stepper__notice--minimal { padding: 10px 12px; border-color: #dce5e8; border-left-color: #182739; background: #f7fafb; }
.new-product-stepper__notice--minimal .new-product-stepper__notice-icon { width: 19px; height: 19px; flex-basis: 19px; background: #526873; font-size: 12px; }
.new-product-stepper__notice--minimal strong { margin-bottom: 1px; font-size: 13px; }
.new-product-stepper__notice--minimal p { font-size: 11px; }
.new-product-stepper .form-group { margin-bottom: 17px !important; }
.new-product-stepper label { display: block; margin-bottom: 6px; color: #263844; font-size: 13px; font-weight: 700; }
.new-product-stepper input:not([type='checkbox']), .new-product-stepper select, .new-product-stepper textarea { width: 100%; border-color: #dce5e8 !important; background: #fff !important; }
.new-product-stepper input:not([type='checkbox']), .new-product-stepper select { height: 46px; }
.new-product-stepper select {
  appearance: none;
  padding-right: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 6 4.5 4.5L12.5 6' fill='none' stroke='%236b767b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px 14px !important;
}
.new-product-stepper textarea { min-height: 110px; padding-top: 10px; line-height: 1.4; }
.new-product-stepper__product { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; padding: 10px; border: 1px solid #e0e8ea; border-radius: 8px; background: #f8faf9; }
.new-product-stepper__product img { width: 56px; height: 44px; object-fit: contain; }
.new-product-stepper__product strong, .new-product-stepper__product span { display: block; font-size: 13px; }
.new-product-stepper__product span { margin-top: 2px; color: #6e7d86; }
.new-product-stepper__consent { display: grid; grid-template-columns: 20px minmax(0, 1fr); column-gap: 10px; align-items: start; margin: 0; padding: 12px; border-radius: 8px; background: #f7fafb; }
.new-product-stepper__consent .form-check-input { position: static; width: 18px; height: 18px; min-height: 18px; margin: 2px 0 0 !important; accent-color: #fecd11; cursor: pointer; }
.new-product-stepper__consent label { display: block; height: auto; max-height: none; margin: 0; overflow: visible; color: #263844; font-size: 12px; font-weight: 400; line-height: 1.45; word-break: normal; overflow-wrap: anywhere; }
.new-product-stepper__privacy { margin: 8px 0 16px; color: #71808a; font-size: 12px; }
.new-product-stepper__privacy a { color: #182739; font-weight: 700; text-decoration: underline; }
.new-product-stepper__advisor { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; column-gap: 12px; width: 100%; margin-top: 18px; padding: 15px 18px; overflow: hidden; border: 0; border-radius: 10px; background: rgba(43, 43, 43, 0.9); }
.new-product-stepper__advisor::before { position: absolute; top: 0; left: 0; width: 64px; height: 3px; background: #fecd11; content: ''; }
.new-product-stepper__advisor-icon, .new-product-stepper__advisor > div { position: relative; z-index: 1; min-width: 0; }
.new-product-stepper__advisor-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #fecd11; color: #182739; }
.new-product-stepper__advisor-icon svg { width: 16px; height: 16px; fill: currentColor; }
.new-product-stepper__advisor strong { display: block; color: #fff; font-size: 14px; line-height: 1.25; }.new-product-stepper__advisor p { margin: 4px 0 0; color: #ccd7dc; font-size: 12px; line-height: 1.35; }
.new-product-stepper__advisor-phone { justify-self: end; color: #fecd11; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.new-product-stepper__advisor-phone:hover { color: #fecd11 !important; text-decoration: none !important; }
.new-product-stepper__advisor-phone:hover { color: #fff; text-decoration: none; }
.new-product-stepper__actions { display: flex; gap: 10px; margin-top: 24px; padding-top: 16px; border-top: 1px solid #e6edef; }.new-product-stepper__actions button { min-height: 46px; border-radius: 8px; font-weight: 700; }.new-product-stepper__back { padding: 0 20px; border: 1px solid #bfcdd2; background: #fff; color: #263844; }.new-product-stepper__next, .new-product-stepper__submit { flex: 1; border-color: #182739; background: #182739; }.new-product-stepper__next:hover, .new-product-stepper__submit:hover { background: #2d465e; border-color: #2d465e; }

/* Match the stepper's dark accents to the site's header gray. */
.new-product-stepper { color: #2b2b2b; }
.new-product-stepper__header h2,
.new-product-stepper__panel h3,
.new-product-stepper__notice strong,
.new-product-stepper__privacy a { color: #2b2b2b; }
.new-product-stepper__progress li.is-complete:not(:last-child)::after,
.new-product-stepper__progress li.is-active:not(:last-child)::after { background: #2b2b2b; }
.new-product-stepper__progress .is-active span,
.new-product-stepper__progress .is-complete span { border-color: #2b2b2b; background: #2b2b2b; }
.new-product-stepper__notice-icon { background: #2b2b2b; }
.new-product-stepper__notice--minimal { border-left-color: #2b2b2b; }
.new-product-stepper__advisor-icon { color: #2b2b2b; }
.new-product-stepper__next,
.new-product-stepper__submit { border-color: #2b2b2b; background: #2b2b2b; }
.new-product-stepper__next:hover,
.new-product-stepper__submit:hover { border-color: #454545; background: #454545; }

/* Consistent 13px content type scale for the stepper flow. */
.new-product-stepper__header > p,
.new-product-stepper__helper,
.new-product-stepper__progress li,
.new-product-stepper__progress b,
.new-product-stepper__panel h3,
.new-product-stepper__notice strong,
.new-product-stepper__notice p,
.new-product-stepper__advisor strong,
.new-product-stepper__advisor p,
.new-product-stepper__consent label,
.new-product-stepper__privacy,
.new-product-stepper label,
.new-product-stepper input:not([type='checkbox']),
.new-product-stepper select,
.new-product-stepper textarea {
  font-size: 13px;
}

/* Progress labels and action labels use one compact, consistent scale. */
.new-product-stepper__progress li,
.new-product-stepper__progress b {
  font-size: 12px;
}

.new-product-stepper__actions button {
  font-size: 12px;
}

/* Replace the browser/Bootstrap blue focus treatment with the site palette. */
.new-product-stepper input:not([type='checkbox']):focus,
.new-product-stepper select:focus,
.new-product-stepper textarea:focus {
  border-color: #9aa5aa !important;
  box-shadow: 0 0 0 3px rgba(154, 165, 170, 0.2) !important;
  outline: 0;
}

.new-product-stepper__actions button:focus,
.new-product-stepper__actions button:focus-visible {
  box-shadow: 0 0 0 3px rgba(154, 165, 170, 0.28) !important;
  outline: 0;
}

.new-product-stepper__consent .form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(154, 165, 170, 0.25) !important;
}

/* Keep every generated form control inside the stepper column. */
.new-product-stepper,
.new-product-stepper *,
.new-product-stepper *::before,
.new-product-stepper *::after {
  box-sizing: border-box;
}

.new-product-stepper__panel[hidden],
.new-product-stepper__actions button[hidden] {
  display: none !important;
}

.new-product-stepper .iti,
.new-product-stepper .iti input,
.new-product-stepper .form-control {
  width: 100% !important;
  max-width: 100%;
}

.new-product-stepper .iti {
  display: block;
  position: relative;
}

.new-product-stepper .form-group:has(.iti) {
  position: relative;
}

.new-product-stepper .form-group #dialCode {
  position: absolute;
  z-index: 2;
  top: 49px;
  left: 78px;
  color: #3c3c3c;
  font-size: 13px;
  line-height: 1;
  pointer-events: none;
  transform: translateY(-50%);
}

.new-product-stepper .iti__flag-container {
  z-index: 3;
  height: 44px;
  max-height: none;
  border-right: 1px solid #e1e6e8;
  background: transparent;
}

.new-product-stepper .iti__selected-flag {
  height: 44px;
  padding: 0 14px;
}

.new-product-stepper .iti__arrow {
  display: none;
}

.new-product-stepper .iti__selected-flag::after {
  width: 6px;
  height: 6px;
  margin-left: 7px;
  border-right: 1.5px solid #6b767b;
  border-bottom: 1.5px solid #6b767b;
  content: '';
  transform: rotate(45deg) translateY(-2px);
}

.new-product-stepper input[name='mobile_phone'] {
  padding-left: 115px !important;
}

.new-product-stepper .iti__country-list {
  z-index: 5;
}

.new-product-stepper #phone-error,
.new-product-stepper #companyPhone-error {
  position: static;
  display: block;
  margin-top: 4px;
}

.new-product-stepper #grcElement {
  min-height: 78px;
  transform-origin: left top;
}

.new-product-stepper__advisor > div {
  min-width: 0;
}

@media (min-width: 769px) {
  .new-product-stepper {
    padding: 8px 2px 0;
  }

  .new-product-stepper__panel {
    min-height: 310px;
  }

  .new-product-stepper__advisor {
    grid-template-columns: 32px minmax(0, 1fr) auto;
  }
}

@media (min-width: 1025px) {
  .new-product-stepper {
    max-width: 720px;
  }
}

/* Tablet keeps the new form fluid between the mobile and desktop layouts. */
@media (min-width: 577px) and (max-width: 1024px) {
  .new-product-stepper {
    max-width: 100%;
    padding: 0;
  }

  .new-product-stepper__header {
    padding: 24px 0;
  }

  .new-product-stepper__progress {
    margin-top: 18px;
  }

  .new-product-stepper__panel {
    min-height: 0;
  }
}

@media (max-width: 576px) {
  .new-product-stepper {
    max-width: none;
  }

  .new-product-stepper__header h2 {
    font-size: 20px;
  }

  .new-product-stepper__progress b {
    display: none;
  }

  .new-product-stepper__progress span {
    margin-bottom: 0;
  }

  .new-product-stepper__panel {
    min-height: 0;
  }

  .new-product-stepper__advisor {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: start;
    row-gap: 5px;
  }

  .new-product-stepper__advisor-icon {
    grid-row: span 2;
  }

  .new-product-stepper__advisor-phone {
    grid-column: 2;
    justify-self: start;
  }

}

@media (max-width: 360px) {
  .new-product-stepper__actions {
    flex-direction: column-reverse;
  }

  .new-product-stepper__back,
  .new-product-stepper__next,
  .new-product-stepper__submit {
    width: 100%;
  }

  .new-product-stepper #grcElement {
    min-height: 62px;
    transform: scale(0.78);
  }
}