.developer-mobile {
  margin-top: var(--gapX4);
  display: flex;
  align-items: flex-end;
  gap: var(--gapX2);
}
.developer img, .developer-mobile img {
  height: 44px !important;
}

.developer {
  margin-top: auto;
  display: flex;
  align-items: flex-end;gap: var(--gapX4);
}

.developer:hover {
  opacity: 0.7;
  text-decoration: none;
}


@media (max-width:767px) {
.footer-info p + p {
  margin-top: var(--gapX4) !important;
}
.products {
  margin-right: var(--gapX5);
}
.info {
  margin-left: var(--gapX3);
}
.footer-info {
  margin-top: var(--gapX6);
  order: 1;
}
.developer {
    margin-top: var(--gapX8);
  }
}

@media (min-width:768px) {
.developer-mobile {
  display:none;
}
}

footer .menu {
  row-gap: var(--gapX5);
  flex-direction: column;
}
footer {
  padding-bottom: var(--gapX14);
  padding-top: var(--gapX24);
}
@media (max-width:768px) {
  footer {
    padding-bottom: var(--gapX6);
    padding-top: var(--gapX12);
  }
}

.call-block-main, .call-block-main *:before, .call-block-main *:after {
  /* --mainColor: #fff; */
  /* color: var(--mainColor) !important; */
}
.call-block-main {
  /* background: linear-gradient(135deg, #f43b47 0%, #e3a238 100%); */
  /* border-radius: var(--card-border-radius); */
  /* padding: var(--gapX10) var(--gapX10); */
  /* gap: var(--gapX8); */
  /* display: grid; */
}

.call-block-main .phone a:not(:hover){
  color: var(--linkColor);
}
/* @media (max-width: 767px) {
  .call-block-main {
    padding-top: var(--gapX8);
    padding-bottom: var(--gapX5);
    padding-left: var(--outsideGap);
    padding-right: var(--outsideGap);
  }
} */
.call-block-main a {
  color: var(--mainColor);
  text-decoration: unset;
}

.answer-phone {
  display: flex;
  flex-flow: column;
  gap: var(--gapX2);
}

.answer-phone > * {
  width: 100%;
}

.answer-phone a {
  transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@media (max-width: 767px) {
  .answer-phone {
    gap: var(--gapX4);
  }
  .answer-phone .titleXL p {
    line-height: var(--titleLheightT);
    margin-top: var(--titleLtopT);
    margin-bottom: var(--titleLbottomT);
    font-size: var(--titleLsize);
    letter-spacing: var(--titleLspacing);
    margin-left: unset;
  }
  .answer-phone .titleXL a {
    font-size: inherit;
    letter-spacing: inherit;
    margin-left: inherit;
  }
}

.answer-phone a:hover {
  color: #fffc;
  background-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.contact-us-item a {
  line-height: var(--textMheightT);
  padding: var(--gapX5) var(--gapX5);
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  width: 100%;
  text-decoration: unset;
}

.contact-us-item a svg {
  width: 90px;
  height: 90px;
  position: absolute;
  bottom: 0;
  right: 0;
  fill: #fff;
  opacity: 0.5;
}

.contact-us-item a:hover {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.15), 0 0 5px 0 rgba(0, 0, 0, 0.1);
  /* transform: translateY(-2px) !important; */
  box-shadow: 0.5rem 0.5rem 0 rgba(233, 236, 239, 0.5);
  transform: translate3d(-4px, -4px, 0) rotateZ(-1deg);
}

.contact-us-block .call-order a svg {
  bottom: -10px;
  width: 80px;
  height: 80px;
  right: 10px;
}

.contact-us-block .contact-office a svg {
  right: 5px;
  bottom: -8px;
  width: 80px;
  height: 80px;
}

.contact-us-block .call-gager a svg {
  bottom: -35px;
  width: 100px;
  height: 100px;
  right: -5px;
}

.contact-us-block .letter-head a svg {
  width: 100px;
  height: 100px;
  bottom: -20px;
  right: -15px;
}

.contact-us-block .call-order a:hover svg {
  fill: #fb6447;
  opacity: 0.75;
}

.contact-us-block .contact-office a:hover svg {
  fill: #fc7e3d;
  opacity: 0.75;
}

.contact-us-block .call-gager a:hover svg {
  fill: #fd9a32;
  opacity: 0.75;
}

.contact-us-block .letter-head a:hover svg {
  fill: #ffb226;
  opacity: 0.75;
}

.contact-us-block .call-order a:hover span {
  color: #fa4c4e;
}

.contact-us-block .contact-office a:hover span {
  color: #fb6a43;
}

.contact-us-block .call-gager a:hover span {
  color: #fc8639;
}

.contact-us-block .letter-head a:hover span {
  color: #fda02d;
}