/* ===================================== Start Footer Css ===================================== */

footer {
  position: relative;
}
footer .footer-wrapper {
  background-color: var(--primary-color);
}
/* footer .footer-wrapper .footer-logo img{
    width:182px;
    height: 61px;
} */
footer .footer-wrapper .heading {
  color: var(--white-color);
  font-size: var(--fs-16);
  font-family: 'Lato-semibold';
  line-height: 24px;
}
footer .footer-wrapper .send-feedback button {
  background-color: var(--skin-color);
  color: var(--Eigengrau);
  font-size: var(--fs-16);
  font-family: 'Lato-semibold';
  line-height: 24px;
  border: 1px solid var(--skin-color);
  padding: 10px 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-align: center;
  border-radius: 6px;
}
footer .footer-wrapper .app-reference {
  position: relative;
}

footer .footer-wrapper .app-reference .refer-to-download .google-logo {
  width: 109.72px;
  height: 36.68px;
}
footer .footer-wrapper .app-reference .refer-to-download .app-logo {
  width: 123.78px;
  height: 36.68px;
}
footer .footer-wrapper .contact {
  position: relative;
}
footer .footer-wrapper .contact .heading {
  font-family: 'Lato-semibold';
  font-size: var(--fs-16);
  line-height: 26px;
}

footer .footer-wrapper .contact .contact-by-phone a {
  display: flex;
  align-items: center;
  color: var(--white-color);
  text-decoration: none;
}
footer .footer-wrapper .contact .contact-by-phone a img {
  width: 24px;
  height: 24px;
}
footer .footer-wrapper .contact .contact-by-phone a p {
  font-family: "Lato-Regular";
  font-weight: 500;
  font-size: var(--fs-14);
  line-height: 24px;
  padding: 0px 10px;
  margin: 0;
}
footer .footer-wrapper .contact .contact-by-email a {
  display: flex;
  align-items: center;
  color: var(--white-color);
  text-decoration: none;
}
footer .footer-wrapper .contact .contact-by-email a img {
  width: 24px;
  height: 24px;
}
footer .footer-wrapper .contact .contact-by-email a p {
  font-family: 'Lato-Regular';
  font-weight: 500;
  font-size: var(--fs-14);
  line-height: 24px;
  padding: 0px 10px;
  margin: 0;
}
footer .footer-wrapper .contact .contact-by-address {
  display: flex;
  color: var(--white-color);
}

footer .footer-wrapper .contact .contact-by-address img {
  width: 24px;
  height: 24px;
}

footer .footer-wrapper .contact .contact-by-address p {
  font-family: 'Lato-Regular';
  font-weight: 500;
  font-size: var(--fs-14);
  line-height: 24px;
  padding: 0px 10px;
  margin: 0;
}

footer .footer-wrapper .social-links {
  position: relative;
}
footer .footer-wrapper .social-links .heading {
  font-family: 'Lato-semibold';
  font-size: var(--fs-16);
  line-height: 26px;
}
footer .footer-wrapper .social-links .social-links-ref {
  position: relative;
}
footer .footer-wrapper .social-links .social-links-ref a {
  text-decoration: none;
}
footer .footer-wrapper .social-links .social-links-ref img {
  width: 32px;
  height: 32px;
}
footer .footer-wrapper .join-by-mailing {
  position: relative;
}
footer .footer-wrapper .join-by-mailing .heading {
  font-family: 'Lato-semibold';
  font-size: var(--fs-16);
  line-height: 26px;
}
footer .footer-wrapper .join-by-mailing .join-mail-ref {
  display: flex;
  background-color: var(--white-color);
  height: 45px;
}
footer .footer-wrapper .join-by-mailing .join-mail-ref input {
  font-family: 'Lato-Regular';
  font-size: var(--fs-14);
  color: var(--placeholder-color);
  line-height: 18.92px;
}
footer .footer-wrapper .join-by-mailing .join-mail-ref button {
  font-family: "Lato-Regular";
  font-size: var(--fs-14);
  background-color: #0f5b8a;
  color: var(--white-color);
  line-height: 18.92px;
  cursor: pointer;
  border: 1px solid #fff !important;
}
footer .footer-wrapper .footer-list {
  position: relative;
}
footer .footer-wrapper .footer-list .list-heading {
  font-family: 'Lato-semibold';
  font-size: var(--fs-18);
  line-height: 26px;
  color: var(--white-color);
  font-weight: 700;
}
footer .footer-wrapper .footer-list .list-unstyled li a {
  text-decoration: none;
  color: var(--white-color);
  font-size: var(--fs-14);
  font-family: 'Lato-Regular';
  font-weight: 500;
  line-height: 20px;
}
footer .footer-support-wrapper {
  background-color: var(--dark-primary);
}
footer .footer-support-wrapper .footer-support {
  position: relative;
  display: flex;
}
footer .footer-support-wrapper .footer-support img {
  width: 46px;
  height: 46px;
}
footer .footer-support-wrapper .footer-support .footer-support-heading {
  color: var(--white-color);
  font-family: 'Lato-semibold';
  margin: 0;
  padding: 0px 15px;
  font-size: var(--fs-18);
  font-weight: 600;
  line-height: 26px;
  white-space: nowrap;
}
footer .footer-support-wrapper .footer-support .footer-small {
  color: #dcdae2;
  font-family: 'Lato-Regular';
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.6px;
}
footer .footer-support-wrapper .footer-globe {
  padding-left: 40px;
}
footer .footer-copyright {
  background: var(--dark-primary);
  color: var(--white-color);
  border-top: 1px solid var(--border-color);
  font-family: 'Lato-semibold';
  font-size: var(--fs-16);
  line-height: 24px;
  padding: 15px 0px;
}
/* ===================================== End desktop Footer Css ===================================== */

/* ===================================== Start Tablet Footer Css ===================================== */

.tablet-view {
  position: relative;
}

.tablet-view .tablet-footer-wrapper {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.tablet-view .tablet-footer-wrapper .heading {
  font-family: "Lato-semibold";
  font-size: 16px;
}
.tablet-view .tablet-footer-wrapper .send-feedback .btn-tablet-send-feedback {
  font-family: "Lato-semibold";
  font-size: 14px;
  color: var(--Eigengrau);
  padding: 6px 20px;
}
.tablet-view .tablet-footer-wrapper .contact .contact-by-phone img {
  height: 26px;
}
.tablet-view .tablet-footer-wrapper .contact .contact-by-phone p {
  font-family: "Lato-Regular";
  font-size: 14px;
}
.tablet-view .tablet-footer-wrapper .contact .contact-by-email img {
  height: 26px;
}
.tablet-view .tablet-footer-wrapper .contact .contact-by-email p {
  font-family: "Lato-Regular";
  font-size: 14px;
}
.tablet-view .tablet-footer-wrapper .contact .contact-by-address img {
  height: 26px;
}
.tablet-view .tablet-footer-wrapper .contact .contact-by-address p {
  white-space: nowrap;
  font-family: "Lato-Regular";
  font-size: 14px;
}
.tablet-view
  .tablet-footer-wrapper
  .join-by-mailing
  .join-mail-ref
  .input-group-text {
  font-family: "Lato-Regular";
  font-size: 14px;
  background-color: var(--custome-color);
  color: var(--white-color);
  line-height: 18.92px;
  cursor: pointer;
}
.tablet-view .tablet-footer-wrapper .footer-list .list-heading {
  font-family: "Lato-semibold";
  font-size: 16px;
}
.tablet-view
  .tablet-footer-wrapper
  .footer-list
  .list-unstyled
  .text-decoration-none {
  font-family: "Lato-Regular";
  font-size: 14px;
}
.tablet-view .tablet-footer-copyright {
  background: var(--dark-primary);
  color: var(--white-color);
  border-top: 1px solid var(--border-color);
  font-family: "Lato-semibold";
  font-size: 1rem;
  line-height: 24px;
  padding: 15px 0px;
}

/* ===================================== End Tablet Footer Css ===================================== */

/* ===================================== Start Mobile View Footer Css ===================================== */
.mobile-view {
  position: relative;
  display: none; /* not show on desktop version */
}
.mobile-view .mobile-footer-wrapper {
  background-color: var(--primary-color);
}
.mobile-view .mobile-footer-wrapper .mobile-footer-top {
  display: flex;
  justify-content: space-between;
}
.mobile-view .mobile-footer-wrapper .footer-logo img {
  width: 115px;
  height: 42px;
}
.mobile-view .mobile-footer-wrapper .social-links {
  position: relative;
}
.mobile-view .mobile-footer-wrapper .social-links .heading {
  font-family: "Lato-semibold";
  font-size: 0.8rem;
  color: var(--white-color);
  line-height: 20px;
}
.mobile-view .mobile-footer-wrapper .social-links .social-links-ref a {
  text-decoration: none;
}
.mobile-view .mobile-footer-wrapper .social-links img {
  width: 24px;
  height: 24px;
}
.mobile-view .mobile-footer-wrapper .mobile-footer-contact {
  display: flex;
  justify-content: space-between;
}
.mobile-view .mobile-footer-wrapper .mobile-footer-contact .contact-by-phone {
  position: relative;
}
.mobile-view .mobile-footer-wrapper .mobile-footer-contact .contact-by-phone a {
  display: flex;
  align-items: center;
}
.mobile-view
  .mobile-footer-wrapper
  .mobile-footer-contact
  .contact-by-phone
  a
  img {
  width: 16px;
  height: 16px;
}
.mobile-view
  .mobile-footer-wrapper
  .mobile-footer-contact
  .contact-by-phone
  a
  p {
  margin: 0;
  color: var(--white-color);
  font-size: 13px;
  padding: 0px 10px;
}
.mobile-view .mobile-footer-wrapper .mobile-footer-contact .contact-by-email {
  position: relative;
}
.mobile-view .mobile-footer-wrapper .mobile-footer-contact .contact-by-email a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.mobile-view
  .mobile-footer-wrapper
  .mobile-footer-contact
  .contact-by-email
  a
  img {
  width: 16px;
  height: 16px;
}
.mobile-view
  .mobile-footer-wrapper
  .mobile-footer-contact
  .contact-by-email
  a
  p {
  margin: 0;
  color: var(--white-color);
  font-size: 13px;
  padding: 0px 10px;
}
.mobile-view .mobile-footer-wrapper .mobile-footer-address {
  position: relative;
}
.mobile-view .mobile-footer-wrapper .mobile-footer-address .contact-by-address {
  display: flex;
  color: var(--white-color);
}
.mobile-view
  .mobile-footer-wrapper
  .mobile-footer-address
  .contact-by-address
  img {
  width: 16px;
  height: 16px;
}
.mobile-view
  .mobile-footer-wrapper
  .mobile-footer-address
  .contact-by-address
  p {
  font-size: 13px;
  margin: 0;
  padding: 0px 10px;
}
.mobile-view .mobile-footer-wrapper .footer-mobile-rates {
  position: relative;
}
.mobile-view .mobile-footer-wrapper .footer-mobile-rates .heading {
  font-family: "Lato-semibold";
  color: var(--white-color);
  font-size: 14px;
}
.mobile-view .mobile-footer-wrapper .footer-mobile-rates .send-feedback {
  position: relative;
}
.mobile-view
  .mobile-footer-wrapper
  .footer-mobile-rates
  .send-feedback
  .btn-sendfeedback {
  background-color: var(--skin-color);
  color: var(--Eigengrau);
  font-size: 14px;
  padding: 12px 15px;
  font-family: "Lato-semibold";
  line-height: 18px;
  cursor: pointer;
}
.mobile-view .mobile-footer-wrapper .footer-mobile-rates .refer-to-download {
  position: relative;
  display: flex;
}
.mobile-view
  .mobile-footer-wrapper
  .footer-mobile-rates
  .refer-to-download
  img {
  width: 109.5px;
  height: 36.6px;
}
.mobile-view .mobile-footer-wrapper .footer-mobile-rates .refer-to-mail {
  position: relative;
}
.mobile-view
  .mobile-footer-wrapper
  .footer-mobile-rates
  .refer-to-mail
  .footer-mail-input {
  font-family: "Lato-semibold";
  font-size: 0.9rem;
  padding: 10px 20px;
}
.mobile-view
  .mobile-footer-wrapper
  .footer-mobile-rates
  .refer-to-mail
  .btn-subscribe {
  background-color: var(--custome-color);
  font-size: 14px;
  font-family: "Lato-semibold";
  cursor: pointer;
}
.mobile-view .mobile-footer-wrapper .footer-mobile-rates .accordion-item {
  background-color: var(--primary-color);
}
.mobile-view
  .mobile-footer-wrapper
  .footer-mobile-rates
  .accordion-item
  .accordion-button.collapsed {
  background-color: var(--primary-color);
  font-family: "Lato-semibold";
  font-size: 13px;
  padding: 12px 0px;
  border: 1px solid #ffffff4d;
}
.mobile-view
  .mobile-footer-wrapper
  .footer-mobile-rates
  .accordion-item
  .accordion-button {
  background-color: var(--primary-color);
  font-family: "Lato-semibold";
  font-size: 13px;
  padding: 12px 0px;
  border: 1px solid var(--white-color);
}
.mobile-view
  .mobile-footer-wrapper
  .footer-mobile-rates
  .accordion-item
  .accordion-button
  img {
  width: 16px;
  height: 16px;
  position: relative;
  bottom: 2px;
}
.mobile-view .accordion-button::after {
  background-image: url("../images/footer/down-chevron.webp") !important;
  background-size: 11px 8px !important;
  position: relative;
  top: 5px;
}
.mobile-view .accordion-button:not(.collapsed)::after {
  position: relative;
  top: -5px;
  left: -10px;
}

.mobile-view
  .mobile-footer-wrapper
  .footer-mobile-rates
  .accordion-item
  .accordion-body
  ul
  li {
  font-size: 14px;
}
.mobile-view .mobile-footer-wrapper .mobile-footer-copyright {
  position: relative;
  background: var(--dark-primary);
  padding: 15px 0px 2px 0px;
  font-family: "Lato-semibold";
  line-height: 16px;
  font-size: 14px;
  border: 1px solid #aeb1b8;
}

/* ===================================== End  Mobile View Footer Css ===================================== */

@media (max-width: 1180px) {
  footer .footer-wrapper .join-by-mailing .join-mail-ref {
    display: block;
  }
  footer .footer-wrapper .join-by-mailing .join-mail-ref span {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1199px) {
  .tablet-view {
    display: block;
  }
  .desktop-view {
    display: none;
  }
}
@media (max-width: 767px) {
  .dasktop-footer,
  .desktop-view,
  .tablet-view {
    display: none;
  }
  footer .footer-wrapper .join-by-mailing .join-mail-ref {
    display: flex;
  }
  .mobile-footer {
    position: relative;
    display: block;
  }
  .mobile-view {
    display: block;
  }
}