.delivery__cont {
   display: flex;
   gap: 6.875rem;
   margin-bottom: 16.5rem;
}

.delivery__left {
   width: 20.375rem;
}

.delivery__breadcrumb {
   display: flex;
   gap: 0.375rem;
   align-items: center;
   margin-bottom: 2.125rem;
}

.delivery__breadcrumb-item {
   font-size: 0.875rem;
   font-weight: 600;
   text-align: left;
   color: rgba(57, 60, 64, 1);
}

p.delivery__breadcrumb-item {
   color: rgba(57, 60, 64, 0.47);
   margin: 0;
}

.delivery__titles {
   display: flex;
   flex-direction: column;
}

.delivery__titles button {
   background: inherit;
   border: none;
   font-size: 1.375rem;
   font-weight: 600;
   line-height: 120%;
   text-align: left;
   padding: 0;
   color: rgba(57, 60, 64, 1);
}

.delivery__titles button+button {
   margin-top: 1.5rem;
}

.delivery__right {
   width: 50.6875rem;
   padding-top: 2.75rem;
}

.delivery__right h2 {
   margin-bottom: 2.25rem;
   font-size: 2.1875rem;
   font-weight: 700;
   text-align: left;
   line-height: 120%;
   color: rgba(57, 60, 64, 1);
}

.delivery__right p {
   font-size: 1rem;
   font-weight: 500;
   text-align: left;
   color: rgba(57, 60, 64, 1);
   margin: 0;
   line-height: 1.4286666666666668;
}

.delivery__right p+p {
   margin-top: 2.25rem;
}

.del__title {
   margin-top: 3.5625rem;
}

.about__page {
   display: flex;
   justify-content: space-between;
   padding-bottom: 3.625rem;
}

.about__left {
   width: 39.25rem;
}

.about__left h2 {
   font-size: 1.75rem;
   font-weight: 600;
   line-height: 120%;
   text-align: left;
   margin-bottom: 4.0625rem;
}

.about__left img {
   width: 1.125rem;
   height: 1.125rem;
}

.about__page p {
   margin: 0;
}

.about__link-map {
   display: flex;
   gap: 0.875rem;
   align-items: center;
   font-size: 1rem;
   font-weight: 600;
   line-height: 120%;
   text-align: left;
   margin-bottom: 0.5rem;
   color: rgba(57, 60, 64, 1);
   width: fit-content;
}

.about__left span {
   color: rgba(162, 161, 158, 1);
   font-size: 0.875rem;
   font-weight: 600;
   line-height: 110%;
   text-align: left;
   margin-bottom: 3rem;
   display: block;
   width: 26.0625rem;
}

.about__link-contacts {
   display: flex;
   gap: 3.5rem;
}

.about__link-contacts a {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   color: rgba(57, 60, 64, 1);
}

.about__link-contacts a p {
   font-size: 1rem;
}

.about__right {
   width: 43.25rem;
   padding: 2.5rem 3.125rem;
   border: 0.0625rem solid rgba(226, 222, 207, 0.8);
   border-radius: 0.5rem;
}

.about__right form {
   display: flex;
   flex-direction: column;
}

.about__right-title {
   font-size: 1.375rem;
   font-weight: 600;
   line-height: 130%;
   text-align: left;
   color: rgba(57, 60, 64, 1);
   margin-bottom: 1rem;
}

.about__right-desc {
   color: #A2A19E;
   font-weight: 500;
   font-size: 0.85rem;
   line-height: 130%;
   margin-bottom: 2.25rem;
}

input,
textarea {
   margin: 0;
   padding: 0;
   border: none;
   outline: none;
   box-shadow: none;
   background-color: transparent;

   -ms-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}

.about__right form input:not([type='checkbox']),
.about__right form textarea {
   background: inherit;
   border: 1.5px solid rgba(57, 60, 64, 0.4);
   padding: 1.25rem 1.27rem;
   width: 100%;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1rem;
   text-align: left;
   color: rgba(57, 60, 64, 1);
   border-radius: 0.625rem;
   transition: all .3s ease;
}

.about__right form input:is(:-webkit-autofill, :autofill) {
   background: inherit !important;
   background-color: inherit !important;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1rem;
   box-shadow: none !important;
}

.about__right form textarea {
   height: 6.8rem;
   overflow: hidden;
   resize: none;
}

.about__right form input::placeholder,
.about__right form textarea::placeholder {
   color: rgba(57, 60, 64, 0.7);
}

.about__right form input:focus,
.about__right form textarea:focus,
.about__right form input:hover,
.about__right form textarea:hover {
   border-color: rgba(57, 60, 64, 1);
}

.about__right form button {
   font-size: 1.1669rem;
   font-weight: 700;
   line-height: 1.1669rem;
   text-align: center;
   color: rgba(255, 252, 241, 1);
   background: rgba(57, 60, 64, 1);
   border-radius: 0.5rem;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 3.5rem;
   transition: all .5s ease;
}

.about__right form button:hover {
   background: rgba(57, 60, 64, 0.9);
}

.about__form-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 10px;
  cursor: pointer;
  color: #999;
}

.about__form-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.about__form-checkbox-custom {
  position: relative;
  height: 16px;
  width: 16px;
  background-color: transparent;
  border: 1.5px solid rgba(57, 60, 64, 0.4);
  border-radius: 3px;
  flex-shrink: 0;
  margin-top: 1px;
  transition: all 0.3s ease;
}

.about__form-checkbox input[type="checkbox"]:checked + .about__form-checkbox-custom {
  background-color: rgba(57, 60, 64, 1);
  border-color: rgba(57, 60, 64, 1);
}

.about__form-checkbox input[type="checkbox"]:checked + .about__form-checkbox-custom:after {
  content: "";
  position: absolute;
  display: block;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.about__form-checkbox-text {
  flex: 1;
}

.about__form-checkbox-text a {
  color: #999;
  text-decoration: underline;
}

.about__form-checkbox:hover .about__form-checkbox-custom {
  border-color: rgba(57, 60, 64, 0.6);
}

.is-error-agree-feedback .about__form-checkbox-custom {
  border-color: #e74c3c;
}

.is-error-agree-feedback .about__form-checkbox-text {
  color: #e74c3c;
}

.is-error-feedback-input {
  border-color: #e74c3c !important;
  box-shadow: 0 0 0 1px #e74c3c;
}

.is-error-feedback-field [data-feedback-form-field-error] {
  display: block;
  color: #e74c3c;
  font-size: 11px;
  margin-top: 5px;
  line-height: 1.3;
}

[data-feedback-form-field-error] {
  display: none;
}

[data-feedback-errors] {
  background: rgba(231, 76, 60, 0.1);
  border: 1px solid #e74c3c;
  border-radius: 0.25rem;
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.4;
  margin: 10px 0;
  display: none;
}

.is-error-feedback [data-feedback-errors] {
  display: block;
}

[data-feedback-success] {
  background: rgba(39, 174, 96, 0.1);
  border: 1px solid #27ae60;
  border-radius: 0.25rem;
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.4;
  margin: 10px 0;
  display: none;
}

[data-feedback-success].is-show {
  display: block !important;
}

.feedback-errors {
   background: rgba(231, 76, 60, 0.1);
   border: 1px solid #e74c3c;
   border-radius: 0.25rem;
   padding: 0.75rem;
   font-size: 0.875rem;
   line-height: 1.4;
}

.feedback-success {
   background: rgba(39, 174, 96, 0.1);
   border: 1px solid #27ae60;
   border-radius: 0.25rem;
   padding: 0.75rem;
   font-size: 0.875rem;
   line-height: 1.4;
}

.contacts__bottom {
   width: 100%;
   height: 36.563rem;
}

.contacts__map {
   height: 100%;
}

[class*="controls-pane"] {
   display: none !important;
}

[class*="copyright__wrap"] {
   display: none !important;
}

[class*="copyrights-promo"] {
   display: none !important;
}

[class*="ground-pane"] {
   filter: grayscale(1);
}

.contacts__success-message {
   display: none;
}



@media(max-width: 1024px) {
   .delivery__left {
      width: 17.75rem;
   }

   .delivery__right {
      width: 26.0625rem;
   }

   .delivery__cont {
      gap: 1.75rem;
   }

   .delivery__breadcrumb-item {
      font-size: 0.875rem;
   }

   .delivery__titles button {
      font-size: 1.25rem;
   }

   .delivery__titles button+button {
      margin-top: 0.9375rem;
   }

   .delivery__right h2 {
      font-size: 1.75rem;
      margin-bottom: 2.25rem;
   }

   .del__title {
      margin-top: 2.5rem;
   }

   .delivery__right p+p {
      margin-top: 1.375rem;
   }

   .delivery__right p {
      font-size: 1rem;
   }

   .delivery__cont {
      margin-bottom: 8.125rem;
   }


   .about__page {
      flex-direction: column;
      gap: 5.625rem;
      padding-bottom: 5.625rem;
   }

   .about__left {
      width: 100%;
   }

   .about__left h2 {
      font-size: 1.5625rem;
      margin-bottom: 4.0625rem;
   }

   .about__link-map {
      font-size: 1rem;
      margin-bottom: 0.5rem;
   }

   .about__left span {
      font-size: 0.875rem;
      margin-bottom: 2.9375rem;
   }

   .about__link-contacts a p {
      font-size: 1rem;
   }

   .about__link-contacts {
      gap: 3.4375rem;
   }

   .about__right {
      width: 100%;
   }

   .contacts__bottom {
      height: 30rem;
   }

}

@media(max-width: 767px) {
   .delivery__cont {
      flex-direction: column;
   }

   .delivery__titles {
      display: none;
   }

   .delivery__right {
      padding: 0;
   }

   .delivery__left {
      width: 100%;
   }

   .delivery__right {
      width: 100%;
   }

   .delivery__breadcrumb {
      margin-bottom: 0;
   }

   .delivery__right h2 {
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
   }

   .delivery__right p {
      font-size: 0.875rem;
      line-height: 110%;
   }

   .delivery__right p+p {
      margin-top: 1.25rem;
   }

   .delivery__cont {
      margin-bottom: 6.25rem;
   }


   .about__left h2 {
      margin-top: 2.75rem;
      font-size: 1.375rem;
      margin-bottom: 3.125rem;
   }

   .about__link-map {
      font-size: 1rem;
      margin-bottom: 0.5rem;
   }

   .about__left span {
      width: 100%;
      font-size: 0.875rem;
      margin-bottom: 1.875rem;
   }

   .about__link-contacts a p {
      font-size: 1rem;
   }

   .about__page {
      gap: 1.875rem;
   }

   .about__right {
      padding: 0;
      border: none;
      border-radius: 0;
      border-top: 0.0625rem solid rgba(226, 222, 207, 0.8);
      padding-top: 1.5625rem;
   }

   .about__right form input {
      font-size: 0.75rem;
   }

   .about__right form input:nth-child(1) {
      padding-bottom: 1.25rem;
   }

   .about__right form input::placeholder {
      font-size: 0.75rem;
      white-space: normal;
   }

   .contacts__bottom {
      height: 14.75rem;
   }

}

[data-feedback-form-field-error] {
   color: #e74c3c;
   font-size: 12px;
   margin-top: 5px;
   display: block;
   min-height: 16px;
}

[data-feedback-form-field].is-error {
   border-color: #e74c3c !important;
   box-shadow: 0 0 0 1px #e74c3c;
}

[data-feedback-form-success].is-show {
   display: block !important;
}

[data-feedback-form-field-area] label {
   display: flex;
   align-items: flex-start;
   gap: 8px;
   font-size: 14px;
   line-height: 1.4;
   margin: 10px 0;
   cursor: pointer;
}

[data-feedback-form-field-area] input[type="checkbox"] {
   margin-top: 2px;
   flex-shrink: 0;
   cursor: pointer;
}

[data-feedback-form-field-area] {
   margin-bottom: 15px;
}

[data-feedback-form-field-area] input[type="email"],
[data-feedback-form-field-area] textarea {
   width: 100%;
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 4px;
   font-size: 14px;
   transition: border-color 0.3s ease;
}

[data-feedback-form-field-area] input[type="email"]:focus,
[data-feedback-form-field-area] textarea:focus {
   outline: none;
   border-color: #007bff;
   box-shadow: 0 0 0 1px #007bff;
}

[data-feedback-form-success] {
   background-color: #d4edda;
   color: #155724;
   padding: 10px;
   border: 1px solid #c3e6cb;
   border-radius: 4px;
   margin: 10px 0;
   display: none;
}

[data-feedback-form-success].is-show {
   animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
   from {
      opacity: 0;
      transform: translateY(-10px);
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}