:root {
  --primary-color: #FFDA05;
  --secondary-color: #FFB905;
  --color-text: #0C0D0D;
}

.theme-blue {
  --primary-color: #405DFF;
  --secondary-color: #2F4DFF;
  --color-text: #fff;
}

.shipping-wrap .usa-delivery {
  padding-top: 20px;
}
.shipping-wrap .usa-delivery__top {
  border-right: 1px solid #3B3B3B;
  border-top: 1px solid #3B3B3B;
  border-left: 1px solid #3B3B3B;
  height: 35px;
  margin: 0 -20px 30px;
}
.shipping-wrap .usa-delivery__list {
  display: flex;
  gap: 80px;
  margin-bottom: 60px;
}
.shipping-wrap .usa-delivery__item {
  font-size: 22px;
  width: 45%;
}
.shipping-wrap .usa-delivery__img {
  overflow: hidden;
  margin: 0 -20px;
}
.shipping-wrap .usa-delivery__img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .shipping-wrap .usa-delivery__top {
    margin: 0 -10px 10px;
    height: 25px;
  }
  .shipping-wrap .usa-delivery__img {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 768px) {
  .shipping-wrap .usa-delivery__list {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
  }
  .shipping-wrap .usa-delivery__item {
    font-size: 16px;
    width: 100%;
  }
}
.shipping-wrap .usa-benefits {
  padding-top: 50px;
}
.shipping-wrap .usa-benefits__list {
  display: flex;
}
.shipping-wrap .usa-benefits__item {
  width: 25%;
  position: relative;
}
.shipping-wrap .usa-benefits__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 50px;
  width: 2px;
  height: 100%;
  background-color: var(--primary-color);
}
.shipping-wrap .usa-benefits__icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  margin-bottom: 40px;
}
.shipping-wrap .usa-benefits__text {
  color: rgba(255, 255, 255, 0.8);
  max-width: 18vw;
}
@media screen and (max-width: 1024px) {
  .shipping-wrap .usa-benefits__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .shipping-wrap .usa-benefits__item {
    width: 100%;
  }
  .shipping-wrap .usa-benefits__item:not(:last-child)::after {
    display: none;
  }
  .shipping-wrap .usa-benefits__text {
    max-width: unset;
  }
  .shipping-wrap .usa-benefits__icon {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .shipping-wrap .usa-benefits__icon {
    width: 40px;
    height: 40px;
  }
  .shipping-wrap .usa-benefits__icon svg {
    padding: 5px;
  }
  .shipping-wrap .usa-benefits__text {
    font-size: 16px;
  }
}
.shipping-wrap .usa-stages {
  padding: 50px 0;
  height: 5000px;
  position: relative;
  z-index: -1;
}
.shipping-wrap .usa-stages .section-title {
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 20px 0;
}
.shipping-wrap .usa-stages__wrap {
  border: 1px solid #3B3B3B;
  padding: 65px 20px;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.shipping-wrap .usa-stages__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1660' height='1052' viewBox='0 0 1660 1052' fill='none'%3E%3Cpath d='M0 0H1660M0 20.5088H1660M0 41.0175H1660M0 61.5263H1660M0 82.0351H1660M0 102.544H1660M0 123.053H1660M0 143.561H1660M0 164.07H1660M0 184.579H1660M0 205.088H1660M0 225.596H1660M0 246.105H1660M0 266.614H1660M0 287.123H1660M0 307.632H1660M0 328.14H1660M0 348.649H1660M0 369.158H1660M0 389.667H1660M0 410.175H1660M0 430.684H1660M0 451.193H1660M0 471.702H1660M0 492.211H1660M0 512.719H1660M0 533.228H1660M0 553.737H1660M0 574.246H1660M0 594.754H1660M0 615.263H1660M0 635.772H1660M0 656.281H1660M0 676.789H1660M0 697.298H1660M0 717.807H1660M0 738.316H1660M0 758.825H1660M0 779.333H1660M0 799.842H1660M0 820.351H1660M0 840.86H1660M0 861.368H1660M0 881.877H1660M0 902.386H1660M0 922.895H1660M0 943.404H1660M0 963.912H1660M0 984.421H1660M0 1004.93H1660M0 1025.44H1660M0 1045.95H1660M0 1066.46H1660M0 1086.96H1660M0 1107.47H1660M0 1127.98H1660M0 1148.49H1660M0 1169H1660' stroke='white' stroke-opacity='0.3' stroke-linecap='round' stroke-dasharray='0.1 16'/%3E%3C/svg%3E");
}
.shipping-wrap .usa-stages__map {
  overflow: hidden;
  position: relative;
  margin: 0 auto 20px;
  height: 500px;
}
.shipping-wrap .usa-stages__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.shipping-wrap .usa-stages__list::after {
  content: "";
  position: absolute;
  top: 25px;
  left: 13%;
  width: 87%;
  height: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1302' height='2' viewBox='0 0 1302 2' fill='none'%3E%3Cpath d='M0 1L1302 0.999886' stroke='%23FFF' stroke-width='2' stroke-dasharray='6 6'/%3E%3C/svg%3E");
}
.shipping-wrap .usa-stages__white {
  content: "";
  position: absolute;
  top: 25px;
  left: 13%;
  z-index: 2;
  width: 0;
  height: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1302' height='2' viewBox='0 0 1302 2' fill='none'%3E%3Cpath d='M0 1L1302 0.999886' stroke='%23FFDA05' stroke-width='2' stroke-dasharray='6 6'/%3E%3C/svg%3E");
  transition: 0.3s ease;
}
.shipping-wrap .usa-stages__item {
  text-align: center;
  position: relative;
}
.shipping-wrap .usa-stages__item:first-child .usa-stages__number {
  background-color: var(--primary-color);
}
.shipping-wrap .usa-stages__item:first-child::after {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 50%;
  height: 2px;
  background-color: #0C0D0D;
  z-index: 1;
}
.shipping-wrap .usa-stages__path {
  position: absolute;
  inset: 0;
  margin: 123px auto auto 10%;
  height: fit-content;
  width: 74%;
}
.shipping-wrap .usa-stages__path svg {
  width: 100%;
  height: auto;
  color: var(--primary-color);
}
.shipping-wrap .usa-stages__path svg * {
  transition: 0.3s ease;
}
.shipping-wrap .usa-stages__path svg .stage_2, .shipping-wrap .usa-stages__path svg .stage_3, .shipping-wrap .usa-stages__path svg .stage_4 {
  visibility: hidden;
  opacity: 0;
}
.shipping-wrap .usa-stages__path svg .stage_2.active, .shipping-wrap .usa-stages__path svg .stage_3.active, .shipping-wrap .usa-stages__path svg .stage_4.active {
  visibility: visible;
  opacity: 1;
}
.shipping-wrap .usa-stages__subtitle {
  margin-bottom: 8px;
}
.shipping-wrap .usa-stages__number {
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto 15px;
  color: #0C0D0D;
  position: relative;
  z-index: 3;
  transition: 0.3s ease;
}
.shipping-wrap .usa-stages__number.active {
  background-color: var(--primary-color);
}
@media screen and (min-width: 1025px) and (max-height: 820px) {
  .shipping-wrap .usa-stages .section-title {
    font-size: 50px;
  }
  .shipping-wrap .usa-stages__map {
    height: 320px;
  }
  .shipping-wrap .usa-stages__map picture {
    transform: translateY(-100px);
  }
  .shipping-wrap .usa-stages__path {
    margin-top: 5px;
  }
}
@media screen and (max-width: 1024px) {
  .shipping-wrap .usa-stages {
    height: auto;
    z-index: unset;
  }
  .shipping-wrap .usa-stages .section-title {
    margin-bottom: 30px;
  }
  .shipping-wrap .usa-stages__wrap {
    position: static;
    transform: unset;
  }
  .shipping-wrap .usa-stages__map {
    height: auto;
    margin-bottom: 30px;
  }
  .shipping-wrap .usa-stages__map img {
    width: 100%;
  }
  .shipping-wrap .usa-stages__path {
    display: none;
  }
  .shipping-wrap .usa-stages__list {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .shipping-wrap .usa-stages__list::after {
    content: "";
    top: 0;
    left: 25px;
    width: 2px;
    height: 100%;
    transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='408' viewBox='0 0 2 408' fill='none'%3E%3Cpath d='M1 407.5L1 0' stroke='%23FFDA05' stroke-width='2' stroke-dasharray='6 6'/%3E%3C/svg%3E");
  }
  .shipping-wrap .usa-stages__item {
    text-align: left;
  }
  .shipping-wrap .usa-stages__item:last-of-type::after {
    top: 0;
    left: 24px;
    width: 2px;
    height: 100%;
  }
  .shipping-wrap .usa-stages__subtitle {
    padding-left: 80px;
  }
  .shipping-wrap .usa-stages__text {
    padding-left: 80px;
  }
  .shipping-wrap .usa-stages__number {
    margin: 0 auto 0 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
  }
}
@media screen and (max-width: 768px) {
  .shipping-wrap .usa-stages .section-title {
    text-align: left;
  }
  .shipping-wrap .usa-stages__text br {
    display: none;
  }
  .shipping-wrap .usa-stages__wrap {
    padding: 0;
    border: unset;
  }
  .shipping-wrap .usa-stages__wrap::before {
    display: none;
  }
  .shipping-wrap .usa-stages__number {
    font-size: 18px;
    width: 40px;
    height: 40px;
  }
  .shipping-wrap .usa-stages__list::after {
    left: 20px;
  }
  .shipping-wrap .usa-stages__item:last-child::after {
    left: 19px;
  }
}
.shipping-wrap .usa-insurance {
  padding: 50px 0 150px;
}
.shipping-wrap .usa-insurance__wrap {
  display: flex;
  justify-content: space-between;
}
.shipping-wrap .usa-insurance__img {
  width: 48%;
}
.shipping-wrap .usa-insurance__img img {
  width: 100%;
  height: auto;
}
.shipping-wrap .usa-insurance__text {
  width: 47%;
}
.shipping-wrap .usa-insurance__text p:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .shipping-wrap .usa-insurance__wrap {
    flex-direction: column;
  }
  .shipping-wrap .usa-insurance__img {
    width: 100%;
    margin-bottom: 30px;
  }
  .shipping-wrap .usa-insurance__text {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .shipping-wrap .usa-insurance {
    padding: 20px 0 50px;
  }
}
.shipping-wrap .usa-question__top {
  border-right: 1px solid #3B3B3B;
  border-top: 1px solid #3B3B3B;
  border-left: 1px solid #3B3B3B;
  height: 35px;
  margin-bottom: 30px;
}
.shipping-wrap .default-faqs__title {
  margin-bottom: 20px;
}
.shipping-wrap .default-faqs__content {
  max-width: 970px;
  margin-bottom: 25px;
}
.shipping-wrap .default-faqs__title {
  cursor: pointer;
}
.shipping-wrap .default-faqs__list {
  counter-reset: list-counter;
  list-style: none;
}
.shipping-wrap .default-faqs__item {
  position: relative;
  counter-increment: list-counter;
  border-bottom: 1px solid #3B3B3B;
  padding-left: 60px;
}
.shipping-wrap .default-faqs__item::before {
  content: "[ " counter(list-counter) " ]";
  position: absolute;
  top: 3px;
  left: 0;
  color: var(--primary-color);
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
}
.shipping-wrap .default-faqs__item:not(:first-child) {
  padding-top: 20px;
}
.shipping-wrap .default-faqs__item:not(:first-child)::before {
  top: 21px;
}
.shipping-wrap .default-faqs__item:not(:first-child) .default-faqs__content {
  display: none;
}
.shipping-wrap .default-faqs__item:first-child .default-faqs__sign {
  top: -7px;
}
.shipping-wrap .default-faqs__item.active .default-faqs__sign {
  top: 47%;
  transform: translateY(-50%);
}
.shipping-wrap .default-faqs__item.active .default-faqs__sign::before {
  transform: rotate(270deg) !important;
}
.shipping-wrap .default-faqs__item.active .default-faqs__sign::after {
  transform: rotate(270deg) !important;
}
.shipping-wrap .default-faqs__sign {
  font-size: 24px;
  position: absolute;
  top: 15px;
  right: 0;
  color: #fff;
  font-weight: 400;
  width: 20px;
  height: 20px;
  transition: 0.3s ease;
}
.shipping-wrap .default-faqs__sign::before, .shipping-wrap .default-faqs__sign::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 16px;
  width: 2px;
  height: 20px;
  background-color: #fff;
  transition: all 0.2s;
}
.shipping-wrap .default-faqs__sign::after {
  transform: rotate(90deg);
}
@media screen and (max-width: 1024px) {
  .shipping-wrap .default-faqs__item.active:first-child .default-faqs__sign {
    top: -9px;
    transform: unset;
  }
  .shipping-wrap .default-faqs__item.active:not(:first-child) .default-faqs__sign {
    top: 12px;
    transform: unset;
  }
}
@media screen and (max-width: 768px) {
  .shipping-wrap .default-faqs__top {
    margin: 0 -10px 10px;
    height: 25px;
  }
  .shipping-wrap .default-faqs__title {
    font-size: 18px;
    width: calc(100% - 40px);
  }
  .shipping-wrap .default-faqs__item {
    padding-left: 50px;
  }
  .shipping-wrap .default-faqs__item::before {
    font-size: 18px;
  }
}