@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
	margin-top: 0 !important;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #2C2C2C;
  background-color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Russo One", sans-serif;
  font-weight: 400;
  color: #2C2C2C;
  text-transform: uppercase;
}

h1 {
  font-size: 4rem;
  line-height: 110%;
}
@media (max-width: 768px) {
  h1 {
    font-size: 1.875rem;
  }
}

h2 {
  font-size: 2.25rem;
  line-height: 100%;
}
@media (max-width: 768px) {
  h2 {
    font-size: 1.375rem;
  }
}

h3 {
  font-size: 1.375rem;
  line-height: 120%;
}
@media (max-width: 768px) {
  h3 {
    font-size: 1.125rem;
  }
}

h4 {
  font-size: 1.25rem;
  line-height: 120%;
}
@media (max-width: 768px) {
  h4 {
    font-size: 1rem;
  }
}

p {
  color: #2C2C2C;
}

a {
  color: #2C2C2C;
  text-decoration: underline;
  transition: color 0.15s ease-in-out;
  cursor: pointer;
}
a:hover {
  color: #005CDD;
}
a.caption-regular {
  text-decoration: none;
}

li {
  list-style: none;
}

.body-large {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 130%;
}
@media (max-width: 768px) {
  .body-large {
    font-size: 1.125rem;
  }
}

.body-regular {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 150%;
}
@media (max-width: 768px) {
  .body-regular {
    font-size: 0.875rem;
  }
}

.body-small {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 130%;
}

.body-xsmall {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 150%;
}
@media (max-width: 768px) {
  .body-xsmall {
    font-size: 0.6875rem;
  }
}

.body-xsmall-md {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 150%;
}
@media (max-width: 768px) {
  .body-xsmall-md {
    font-size: 0.6875rem;
  }
}

.body-xsmall-regular {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 150%;
}
@media (max-width: 768px) {
  .body-xsmall-regular {
    font-size: 0.6875rem;
  }
}

.body-mobile {
  font-size: 0.875rem;
  line-height: 150%;
}

.caption-large {
  font-family: "Russo One", sans-serif;
  font-size: 1.125rem;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .caption-large {
    font-size: 0.875rem;
  }
}

.caption-regular {
  font-family: "Russo One", sans-serif;
  font-size: 1rem;
  line-height: 120%;
}

.caption-small {
  font-family: "Russo One", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .caption-small {
    font-size: 0.75rem;
    line-height: 120%;
  }
}

.caption-xsmall {
  font-family: "Russo One", sans-serif;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .caption-xsmall {
    font-size: 0.6875rem;
  }
}

.ff-russo-one {
  font-family: "Russo One", sans-serif;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.flex {
  display: flex;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.flex-column-align-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.w-full {
  width: 100%;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.p-5 {
  padding: 3rem;
}

.fw-5 {
  font-weight: 500;
}

.fw-6 {
  font-weight: 600;
}

.fw-7 {
  font-weight: 700;
}

.home {
  height: 29px;
}

@media (max-width: 768px) {
  .mobile-hidden {
    display: none;
  }
}
.btn {
  font-family: "Russo One", sans-serif;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .btn {
    font-size: 0.6875rem;
  }
}
.btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0.625rem 1rem;
  border: 1px solid transparent;
  background-color: #005CDD;
  color: #ffffff;
  border-radius: 9999px;
  transition: all 0.2s ease-in-out;
  outline: none;
  height: calc(2rem + 2px);
}
.btn.lg {
  font-family: "Russo One", sans-serif;
  font-size: 1.125rem;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .btn.lg {
    font-size: 0.875rem;
  }
}
.btn.lg {
  padding: 1.25rem 2rem;
  height: 4rem;
}
.btn.md {
  font-family: "Russo One", sans-serif;
  font-size: 1.125rem;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .btn.md {
    font-size: 0.875rem;
  }
}
.btn.md {
  padding: 1.25rem 2rem;
  height: 3.25rem;
}
.btn:hover {
  background-color: #2C2C2C;
}
.btn.outlined {
  background-color: #ffffff;
  border-color: #005CDD;
  color: #005CDD;
}
.btn.outlined:hover {
  border-color: #2C2C2C;
  color: #2C2C2C;
}

#app {
  overflow-x: hidden;
}

.container {
  max-width: 1432px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}

.section_divider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.section_divider .section_divider__container {
  display: flex;
  gap: 0.25rem;
}
.section_divider.full {
  gap: 0;
}
.section_divider::before, .section_divider::after {
  content: "";
  height: 1px;
  background-color: #E5E5E5;
  width: 100%;
}
.section_divider.section-1::before {
  width: 1%;
}
.section_divider.section-2::before {
  width: 40%;
}
.section_divider.section-3::before {
  width: 100%;
}
.section_divider.section-3::after {
  width: 80%;
}
.section_divider.section-4::before {
  width: 100%;
}
.section_divider.section-4::after {
  width: 13%;
}
.section_divider .caption-xsmall {
  color: #D6D6D6;
  text-wrap: nowrap;
}
@media (max-width: 768px) {
  .section_divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .section_divider .section_divider__container {
    align-items: center;
  }
  .section_divider.section-1::before, .section_divider.section-2::before, .section_divider.section-3::before, .section_divider.section-4::before {
    width: 100%;
  }
  .section_divider.section-1::after, .section_divider.section-2::after, .section_divider.section-3::after, .section_divider.section-4::after {
    width: 100%;
  }
}

header {
  padding: 3rem 0;
}
header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .contact_info {
  display: flex;
  gap: 4.5rem;
  align-items: center;
}
header .header__controls {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
header .mobile-menu {
  display: none;
  overflow: auto;
}
header .mobile-menu .home {
  display: none;
}
header .mobile-menu .mobile-menu__contacts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
header .mobile-menu .mobile-menu__contacts a {
  text-decoration: none;
}
header .mobile-menu .accordion ul {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-left: 1rem;
}
header .mobile-menu .mobile-menu__controls {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
header .mobile-menu .mobile-menu__controls .btn {
  width: 100%;
  height: 50px;
  font-size: 0.875rem;
  line-height: 100%;
}
header .mobile-menu .mobile-menu__body {
  display: none;
}
header .mobile-menu .mobile-menu__body .section_divider {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
header .mobile-menu .mobile-menu__body nav > ul {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
header .mobile-menu .mobile-menu__body nav > ul .accordion__content .caption-large {
  font-size: 0.75rem;
}
header .mobile-menu .mobile-menu__body nav a {
  text-decoration: none;
}
header .mobile-menu .mobile-menu__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .mobile-menu .burger {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 20px;
  height: 16px;
}
header .mobile-menu .burger .burger__line {
  border-radius: 4px;
  border: 1px solid #2C2C2C;
  width: 100%;
  transition: 0.3s;
}
header .mobile-menu.open {
  background-color: #ffffff;
  padding: 1rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
}
header .mobile-menu.open .home {
  display: block;
}
header .mobile-menu.open .mobile-menu__body {
  display: block;
}
header .mobile-menu.open .burger .burger__line {
  width: 21px;
}
header .mobile-menu.open .burger .burger__line:first-child {
  transform-origin: top left;
  transform: rotate(45deg);
}
header .mobile-menu.open .burger .burger__line:nth-child(2) {
  opacity: 0;
}
header .mobile-menu.open .burger .burger__line:nth-child(3) {
  transform: rotate(-45deg);
  transform-origin: bottom left;
}
@media (max-width: 1200px) {
  header .contact_info {
    gap: 2rem;
  }
}
@media (max-width: 1120px) {
  header {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }
  header .mobile-menu {
    display: block;
  }
  header .contact_info {
    display: none;
  }
  header .header__controls {
    display: none;
  }
}
@media (max-width: 768px) {
  header {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }
}

.hero .hero__container {
  display: flex;
  position: relative;
  background-color: #EFEFEF;
  border-radius: 0.75rem;
}
.hero .hero__content_wrapper {
  padding: 4rem 0 4rem 5rem;
}
.hero .hero__img {
  border-radius: inherit;
}
.hero .hero__content {
  margin-bottom: 2rem;
}
.hero .hero__content img {
  display: none;
  width: 100%;
  margin-bottom: 1rem;
}
.hero .caption-xsmall {
  width: fit-content;
  color: #ffffff;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  background-color: #2C2C2C;
  backdrop-filter: blur(20px);
}
.hero h1 {
  margin: 1rem 0;
}
@media (max-width: 1120px) {
  .hero .main-nav {
    display: none;
  }
}
@media (max-width: 768px) {
  .hero .hero__content_wrapper {
    padding: 1.5rem 1rem;
  }
  .hero .hero__container {
    flex-direction: column;
  }
  .hero .hero__content {
    margin-bottom: 1.5rem;
  }
  .hero .hero__content img {
    display: block;
  }
  .hero .hero__img {
    display: none;
  }
  .hero .btn {
    width: 100%;
  }
}

.main-nav {
  padding-top: 4rem;
  padding-bottom: 2.75rem;
}
.main-nav .menu {
  display: flex;
  justify-content: space-between;
}
.main-nav .menu li.active:before {
  content: url("/wp-content/themes/mlc-logistics/assets/icons/list-style-blue.svg");
}
.main-nav .menu li.active > a {
  color: #005CDD;
}
.main-nav .menu > li {
  max-width: 16rem;
  user-select: none;
  position: relative;
  display: flex;
  padding-left: 14px;
  flex-direction: column;
  align-items: baseline;
}
.main-nav .menu > li:hover {
  position: relative;
}
.main-nav .menu > li:hover > a {
  position: relative;
  z-index: 15;
}
.main-nav .menu > li:hover > a::before {
  left: -14px;
  position: absolute;
  content: url("/wp-content/themes/mlc-logistics/assets/icons/list-style.svg");
  z-index: 15;
}
.main-nav .menu > li:hover > a:hover::before {
	content: url("/wp-content/themes/mlc-logistics/assets/icons/list-style-blue.svg");
}
.main-nav .menu > li:hover::before {
  content: url("/wp-content/themes/mlc-logistics/assets/icons/list-style-blue.svg");
}
.main-nav .menu > li:hover .submenu {
  display: flex;
}
.main-nav .menu > li:hover .submenu > li a {
  text-wrap: nowrap;
}
.main-nav .menu > li::before {
  left: 0;
  position: absolute;
  content: url("/wp-content/themes/mlc-logistics/assets/icons/list-style.svg");
}
.main-nav .submenu {
  background-color: #ffffff;
  position: absolute;
  z-index: 10;
  top: -0.5rem;
  left: -1rem;
  display: none;
  flex-direction: column;
  padding: 0 1.25rem 0 1.875rem;
	padding-top: 2rem;
  border-radius: 0.5rem;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.main-nav .submenu li {
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: "Russo One", sans-serif;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .main-nav .submenu li {
    font-size: 0.6875rem;
  }
}
.main-nav .submenu li.active:before {
  display: none;
}
/* .main-nav .submenu li:first-child {
  font-family: "Russo One", sans-serif;
  font-size: 0.875rem;
  line-height: 20px;
  text-transform: uppercase;
} */
@media (max-width: 768px) {
  .main-nav .submenu li:first-child {
    font-size: 0.75rem;
  }
}
/* .main-nav .submenu li:first-child::before {
  left: -14px;
  position: absolute;
  content: url("/wp-content/themes/mlc-logistics/assets/icons/list-style.svg");
} */
.main-nav a {
  display: block;
  width: 100%;
  text-decoration: none;
}

.about {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.about p {
  font-size: 1.125rem;
  line-height: 150%;
}
.about p + p {
  margin-top: 1rem;
}
.about .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 768px) {
  .about {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.services {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.services h3 {
  margin-bottom: 0.75rem;
}
.services .services__list {
  display: grid;
  gap: 2rem 1.5rem;
  grid-template-columns: repeat(6, 1fr);
}
.services .services__list li {
  cursor: pointer;
  border: 1px solid #E5E5E5;
  border-radius: 0.75rem;
  padding: 3rem;
  grid-column: span 2;
}
.services .services__list li:first-child {
  grid-column: span 3;
}
.services .services__list li:nth-child(2) {
  grid-column: span 3;
}
.services .services__list li:hover {
  background-color: #005CDD;
  border-color: #005CDD;
}
.services .services__list li:hover h3, .services .services__list li:hover .body-regular, .services .services__list li:hover .caption-xsmall {
  color: #ffffff;
}
.services .services__list li:hover a > svg path {
  fill: #ffffff;
  stroke: #005CDD;
}
.services .services__list li:hover button {
  background-color: #ffffff;
}
.services .services__list li:hover button svg path {
  stroke: #005CDD;
}
.services .services__list a {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  text-decoration: none;
  color: unset;
}
.services .services__list .detailed {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: flex-end;
}
.services .services__list .detailed p {
  font-size: inherit;
  line-height: inherit;
}
.services button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border-radius: 100%;
  border: none;
  background-color: #2C2C2C;
}
.services .more_services h3 {
  margin-bottom: 2rem;
}
.services .more_services ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.services .more_services ul li {
  display: grid;
  align-items: center;
  justify-content: flex-start;
  grid-template-columns: auto auto;
  gap: 0.75rem;
  text-decoration: underline;
}
.services .more_services .service__number {
  font-family: "Russo One", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #2C2C2C;
  font-size: 0.75rem;
  line-height: 150%;
  color: #ffffff;
  border-radius: 100%;
}
.services .more_services__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  line-height: 150%;
}
@media (max-width: 1120px) {
  .services .services__list {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .services .services__list li {
    padding: 1.25rem 1rem;
    grid-column: initial;
  }
	.services .more_services ul li {
		text-decoration:  none;
	}
  .services .services__list li:first-child {
    grid-column: initial;
  }
  .services .services__list li:nth-child(2) {
    grid-column: initial;
  }
  .services .more_services__grid {
    gap: 2rem;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .services {
    gap: 1.5rem;
  }
  .services .services__list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .services .services__list li {
    padding: 1.25rem 1rem;
    grid-column: 1;
  }
  .services .services__list li:first-child {
    grid-column: 1;
  }
  .services .services__list li:nth-child(2) {
    grid-column: 1;
  }
  .services .more_services__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
    font-size: 0.875rem;
  }
  .services .more_services h3 {
    margin-bottom: 1rem;
  }
  .services .more_services ul {
    gap: 1rem;
  }
  .services .more_services ul a {
    width: 100%;
    text-decoration: none;
  }
}

.advantages h2 {
  margin-bottom: 4rem;
}
.advantages ul {
  display: flex;
  gap: 1rem;
}
.advantages li {
  position: relative;
  padding: 1.5rem;
  max-width: 466px;
  width: 100%;
  aspect-ratio: 456/226;
  background-color: #005CDD;
  border-radius: 0.75rem;
}
.advantages li:after {
  content: url("/wp-content/themes/mlc-logistics/assets/icons/short-logo-white.svg");
  position: absolute;
  right: 2rem;
  bottom: 2.25rem;
}
.advantages li img {
  width: 100%;
  height: 100%;
}
.advantages li h3 {
  width: 100%;
  color: #ffffff;
}
@media (max-width: 1120px) {
  .advantages ul {
    flex-direction: column;
  }
  .advantages ul li {
    max-width: 100%;
    height: 10rem;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .advantages h2 {
    margin-bottom: 1.5rem;
  }
  .advantages ul {
    flex-direction: column;
    gap: 1rem;
  }
  .advantages li {
    padding: 1rem;
  }
  .advantages li:after {
    right: 1rem;
    bottom: 1rem;
  }
}

.contact {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.contact h2 {
	display: none
}
.main-content .contact h2 {
	display: block;
}
.contact .content {
  display: flex;
  border-radius: 0.75rem;
}
.contact .contact-form {
  position: relative;
  width: 38%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.contact .contact-form .btn {
  align-self: flex-end;
  margin-top: 1rem;
}
.contact .contact-form .btn:hover {
  background-color: #ffffff;
  color: #2C2C2C;
}
.contact .contact-form .successful-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 3rem;
  background-color: #2C2C2C;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact .contact-form .successful-modal.open {
  display: flex;
}
.contact .contact-form .successful-modal .successful-modal__container {
  display: flex;
  flex-direction: column;
}
.contact .contact-form .successful-modal img {
  margin-bottom: 2.5rem;
  height: 2rem;
}
.contact .contact-form .successful-modal h3 {
  margin-bottom: 1rem;
  text-align: center;
  color: #ffffff;
}
.contact .contact-form .successful-modal p {
  text-align: center;
  color: #ffffff;
}
.contact .contact-form .successful-modal .btn {
  align-self: center;
  width: 10rem;
  height: 3.25rem;
  font-size: 1.125rem;
  line-height: 100%;
  margin-top: 2.5rem;
}
.contact .map {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  width: 62%;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .contact .content {
    flex-direction: column-reverse;
  }
  .contact .map {
    height: 446px;
    width: 100%;
    border-radius: 0 0 0.75rem 0.75rem;
  }
  .contact .contact-form {
    padding: 2rem 1rem;
    gap: 1rem;
    width: 100%;
    border-radius: 0.75rem 0.75rem 0 0;
  }
  .contact .contact-form .btn {
    width: fit-conent;
	align-self: center;
    margin-top: 0.5rem;
  }
  .contact .contact-form .successful-modal {
    border-top-left-radius: 0.75rem;
    border-bottom-right-radius: 0;
    padding: 1.5rem 1rem;
    justify-content: space-between;
  }
  .contact .contact-form .successful-modal p {
    font-size: 0.875rem;
  }
  .contact .contact-form .successful-modal .successful-modal__container {
    height: 100%;
    justify-content: center;
  }
  .contact .contact-form .successful-modal img {
    margin-bottom: 1.5rem;
  }
  .contact .contact-form .successful-modal .btn {
    margin-top: 0;
    width: fit-conent;
	align-self: center;
  }
}
@media (max-width: 768px) {
  .contact {
    gap: 2rem;
  }
  .contact h2 br {
    display: none;
  }
  .contact .content {
    flex-direction: column-reverse;
  }
  .contact .map {
    height: 446px;
    width: 100%;
    border-radius: 0 0 0.75rem 0.75rem;
  }
  .contact .contact-form {
    padding: 2rem 1rem;
    gap: 1rem;
    width: 100%;
    border-radius: 0.75rem 0.75rem 0 0;
  }
  .contact .contact-form .btn {
    width: 100%;
    margin-top: 0.5rem;
  }
  .contact .contact-form .successful-modal {
    border-top-left-radius: 0.75rem;
    border-bottom-right-radius: 0;
    padding: 1.5rem 1rem;
    justify-content: space-between;
  }
  .contact .contact-form .successful-modal p {
    font-size: 0.875rem;
  }
  .contact .contact-form .successful-modal .successful-modal__container {
    height: 100%;
    justify-content: center;
  }
  .contact .contact-form .successful-modal img {
    margin-bottom: 1.5rem;
  }
  .contact .contact-form .successful-modal .btn {
    margin-top: 0;
    width: 100%;
  }
}

.withError {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.withError.error input, .withError.error textarea {
  border-color: #FF6B6B;
  background-color: #FFF5F5;
  color: #CF3636;
}
.withError.error .error-text {
  display: block;
}
.withError .error-text {
  display: none;
  color: #FF6B6B;
}

label {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 150%;
  color: #ffffff;
}
label input {
  width: 100%;
  height: 48px;
  padding: 0.625rem 1rem;
  outline: none;
  background-color: #ffffff;
  border-radius: 0.25rem;
  font-size: 1.125rem;
  line-height: 150%;
  border: 1px solid transparent;
}
label input:focus {
  border-color: #005CDD;
}
label textarea {
  width: 100%;
  height: 158px;
  padding: 0.625rem 1rem;
  outline: none;
  background-color: #ffffff;
  border-radius: 0.25rem;
  font-size: 1.125rem;
  line-height: 150%;
  border: 1px solid transparent;
  resize: none;
}
label textarea:focus {
  border-color: #005CDD;
}
@media (max-width: 768px) {
  label {
    font-size: 0.875rem;
  }
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  padding: 2.5rem 3rem;
  background-color: #262626;
  border-radius: 0.75rem;
}

.contact + .section_divider {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .contact + .section_divider {
    margin-bottom: 2rem;
  }
}

.footer .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  text-decoration: none;
}
.footer .stars {
  --percent: calc(var(--rating) / 5 * 100%);
  font-size: 0.7rem;
}
.footer .stars:before {
  content: "★★★★★";
  letter-spacing: 0.3em;
  background: linear-gradient(90deg, #005CDD var(--percent), #DFDFDF var(--percent));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer .caption-small {
  all: unset;
}
.footer .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
}
.footer .column {
  display: flex;
  flex-direction: column;
}
.footer p a {
  text-decoration: none;
}
.footer .copyright {
  color: #ABABAB;
}
.footer .made-in {
  display: flex;
  gap: 0.75rem;
}
.footer .made-in a {
  text-decoration: none;
  color: #ABABAB;
}
.footer .made-in .fd-logo img {
  height: 100%;
}
@media (max-width: 960px) {
  .footer .row.mb-10 {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (max-width: 768px) {
  .footer .flex-between {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .footer .row.mb-10 {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 1.5rem;
    gap: 1rem;
  }
  .footer .phone-numbers {
    position: absolute;
    left: calc(50% + 1rem);
  }
  .footer .services-nav a {
    text-decoration: none;
  }
  .footer .copyright {
    margin-top: 0.5rem;
  }
  .footer .made-in {
    align-items: center;
  }
  .footer .made-in a {
    text-align: right;
  }
}

.custom-select__wrapper .label {
  color: #ffffff;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .custom-select__wrapper {
    font-size: 0.875rem;
    line-height: 150%;
  }
}

.custom-select {
  position: relative;
  height: 48px;
  min-width: 200px;
  width: 100%;
}
.custom-select select {
  display: none;
}

.select-selected {
  height: 100%;
  border-radius: 0.25rem;
  background-color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid transparent;
}
.select-selected:after {
  position: absolute;
  content: url("/wp-content/themes/mlc-logistics/assets/icons/inputs/chevron.svg");
  top: 18px;
  right: 18px;
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.select-arrow-active {
  border: 1px solid #005CDD;
}

.select-selected.select-arrow-active:after {
  transform: rotate(180deg);
}

.select-items div, .select-selected {
  color: #2C2C2C;
  padding: 12px 36px 12px 16px;
  cursor: pointer;
}

.select-items {
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 300px;
  overflow: auto;
  border-radius: 0.25rem;
  box-shadow: 0px 4px 10px 0px rgba(21, 76, 140, 0.2);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.select-items::-webkit-scrollbar {
  display: none;
}

.select-hide {
  display: none;
}

.same-as-selected {
  color: #005CDD !important;
}

.select-items div:hover, .same-as-selected {
  background-color: #F3f3f3;
}

.accordion {
  width: 100%;
  padding: 0;
}
.accordion a {
  color: #2C2C2C;
  text-decoration: none;
}
.accordion > .accordion__heading {
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion > .accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 300ms linear;
}
.accordion > .accordion__content > .accordion__inner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.accordion.expanded > .accordion__content {
  grid-template-rows: 1fr;
}
.accordion.expanded > .accordion__heading svg {
  user-select: none;
  transform: rotate(180deg);
  transition: transform 300ms ease-out;
}

.page .main-nav {
  padding-top: 0;
  padding-bottom: 3rem;
}
.page a[href^="tel:"] {
  text-decoration: none;
  text-wrap: nowrap;
}
.page .contact + .section_divider.full {
  margin-top: 6rem;
  margin-bottom: 4rem;
}
.page p, .page ol, .page ul {
  font-size: 1.125rem;
  line-height: 150%;
}
.page .request-call {
  margin-top: 2rem;
}
.page .section_divider.full {
  margin-top: 0;
  margin-bottom: 2.5rem;
}
.page .content ul li + li {
  margin-top: 0.5rem;
}
.page .content ul li:before {
  content: "•";
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.page h1 {
  margin-bottom: 4rem;
}
.page h2 {
  margin-bottom: 1.25rem;
}
.page h2 br {
  display: none;
}
.page h3 {
  margin-bottom: 2rem;
}
.page p + h2, .page ol + h2, .page ul + h2 {
  margin-top: 4.5rem;
}
.page p + h3 {
  margin-top: 2rem;
}
.page h3 + ul, .page h3 + ol, .page h3 + p {
  margin-top: 2rem;
}
.page iframe {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
  border-radius: 0.75rem;
  width: 100%;
  aspect-ratio: 16/9;
}
.page p + p, .page p + ul, .page p + ol, .page ul + p, .page ol + p {
  margin-top: 0.75rem;
}
.page ol li {
  margin-left: 1.5rem;
  list-style: unset;
  list-style-position: outside;
}
.page ol li + li {
  margin-top: 0.5rem;
}
.page .page__nav__list {
  margin-top: 4.5rem;
}
.page .page__nav__list li:before {
  display: none;
}
.page .page__nav__list p + p {
  margin-top: 0;
}
.page .detailed {
  align-self: flex-start;
  margin-top: 1.25rem;
}
.page .detailed + h2 {
  margin-top: 4.5rem;
}
.page .contact {
  margin-top: 6rem;
}
.page .rent-calculator-control, .page .storage-calculator-control {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media (max-width: 1120px) {
  .page .main-nav {
    display: none;
  }
  .page .main-nav + .section_divider {
    display: none;
  }
}
@media (max-width: 768px) {
  .page .main-nav {
    display: none;
  }
  .page .main-nav + .section_divider {
    display: none;
  }
	.page .contact + .section_divider.full {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
  .page .request-call {
    margin-top: 1rem;
  }
  .page p + h2 {
    margin-top: 1.5rem;
  }
  .page p + h3 {
    margin-top: 1rem;
  }
  .page h3 + ul, .page h3 + ol, .page h3 + p {
    margin-top: 1rem;
  }
  .page .page__nav__list {
    margin-top: 1.5rem;
  }
  .page .contact {
    margin-top: 2rem;
  }
  .page iframe {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .page h1 {
    margin-bottom: 1.5rem;
  }
  .page p {
    font-size: 0.875rem;
    line-height: 150%;
  }
  .page h2 {
    margin-bottom: 0.75rem;
  }
  .page p + p, .page p + ul, .page p + ol, .page ul + p, .page ol + p {
    margin-top: 0.25rem;
  }
  .page .detailed + h2 {
    margin-top: 1.5rem;
  }
  .page ul, .page ol {
    font-size: 0.875rem;
    line-height: 150%;
  }
  .page .caption-small {
    font-size: 0.875rem;
    line-height: 140%;
  }
  .page .rent-calculator-control, .page .storage-calculator-control  {
    width: 100%;
    height: 56px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.detailed {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: flex-end;
  text-decoration: none;
}
.detailed p {
  font-size: inherit;
  line-height: inherit;
}
.detailed button {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border-radius: 100%;
  border: none;
  background-color: #2C2C2C;
}
.detailed.primary:hover {
  cursor: pointer;
}
.detailed.primary:hover p {
  color: #005CDD;
  transition: color 0.15s ease-out;
}
.detailed.primary:hover button {
  background-color: #005CDD;
  transition: background-color 0.15s ease-out;
}

.page__nav__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.page__nav__list li {
  border-radius: 0.75rem;
  border: 1px solid #E5E5E5;
}
.page__nav__list li > a {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem;
  text-decoration: none;
  gap: 2rem;
}
.page__nav__list .content {
  display: flex;
  flex-direction: column;
}
.page__nav__list img {
  width: 100%;
}
.page__nav__list h4 {
  margin-top: 2rem;
  text-transform: none;
}
.page__nav__list h4 + p {
  margin-top: 0.75rem;
}
.page__nav__list .description {
  margin-bottom: 2rem;
}
.page__nav__list .detailed {
  cursor: pointer;
  margin-top: 0;
  align-self: flex-end;
}
.page__nav__list .detailed button {
  cursor: pointer;
}
@media (max-width: 768px) {
  .page__nav__list {
    grid-template-columns: 1fr;
  }
  .page__nav__list li > a {
    padding: 1.25rem 1rem;
    gap: 1rem;
  }
  .page__nav__list .description {
    font-size: 0.875rem;
    line-height: 150%;
  }
  .page__nav__list h4 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
}

.slider-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 4.5rem;
}
.slider-section h2 br {
  display: none;
}
.slider-section .mobile__slider {
  display: none;
}
.slider-section > img {
  width: 100%;
  aspect-ratio: 700/515;
}
.slider-section p + p, .slider-section p + ul, .slider-section p + ol {
  margin-top: 0;
}
.slider-section .slider-section__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 4rem;
}
.slider-section .slider-section__content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.slider-section .slider-section__content h2 {
  margin-bottom: 0;
}
.slider-section .slider {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.slider-section .slider button {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2C2C2C;
  border: none;
  border-radius: 100%;
}
.slider-section .slider button:disabled {
  cursor: not-allowed;
  background-color: #E5E5E5;
}
.slider-section .slider button:disabled:hover {
  background-color: #E5E5E5;
}
.slider-section .slider button.prev img {
  transform: rotate(180deg);
}
.slider-section .slider button img {
  width: 1.25rem;
  height: 1.25rem;
}
.slider-section .slider button:hover {
  background-color: #005CDD;
  transition: background-color 0.15s ease-out;
}
.slider-section .slider .slider__wrapper {
  width: calc(19rem + 6px);
  height: calc(4rem + 6px);
  overflow: hidden;
  padding: 3px;
  display: flex;
}
.slider-section .slider .slider__inner {
  display: flex;
  gap: 1.25rem;
}
.slider-section .slider .slide {
  cursor: pointer;
  width: 5.5rem;
  height: 4rem;
  border-radius: 0.25rem;
}
.slider-section .slider .slide img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.slider-section .slider .slide.active {
  position: relative;
  border: 2px solid #ffffff;
}
.slider-section .slider .slide.active img {
  border-radius: unset;
}
.slider-section .slider .slide.active:before {
  position: absolute;
  top: -5px;
  left: -5px;
  content: "";
  width: calc(5.5rem + 0px);
  height: calc(4rem + 0px);
  border: 3px solid #005CDD;
  border-radius: 0.375rem;
}
@media (max-width: 768px) {
  .slider-section {
    grid-template-columns: 1fr;
    margin-bottom: 1.5rem;
  }
  .slider-section h2 {
    font-size: 1.875rem;
    line-height: 110%;
    margin-bottom: 0.5rem;
  }
  .slider-section h2 br {
    display: block;
  }
  .slider-section .slider__img {
    display: none;
  }
  .slider-section .slider-section__info {
    padding-left: 0;
	max-width: calc(100% - 32px);
  }
  .slider-section .slider-section__content {
    gap: 1rem;
  }
  .slider-section .slider {
    display: none;
  }
  .slider-section .mobile__slider {
    display: flex;
    width: 100vw;
    overflow: auto;
    position: relative;
    z-index: 10;
    left: -1rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .slider-section .mobile__slider::-webkit-scrollbar {
    display: none;
  }
  .slider-section .mobile__slider .slider__inner {
    display: flex;
	width: 100%;
  }
  .slider-section .mobile__slider .slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1rem 0.625rem 0;
  }
  .slider-section .mobile__slider .slide:first-child {
    padding-left: 1rem;
    padding-right: 1rem;
  }
	.slider-section .mobile__slider .slider__inner:has(> .slide:nth-child(1):last-child) .slide {
		padding-left: 1rem;
    	padding-right: 1rem;
		width: 100%;
	}
  .slider-section .mobile__slider .slide:last-child {
    padding-left: 0;
    padding-right: 1rem;
  }
  .slider-section .mobile__slider .slide img {
    width: 300px;
    height: 220px;
  }
}

.inner-page__content {
  font-size: 1.125rem;
  line-height: 150%;
}
.inner-page__content p + h3 {
  margin-top: 2rem;
}
.inner-page__content h3 {
  margin-bottom: 2rem;
}
.inner-page__content ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.inner-page__content li {
  display: flex;
}
@media (max-width: 768px) {
  .inner-page__content p + h3 {
    margin-top: 1rem;
  }
  .inner-page__content h3 {
    margin-bottom: 1rem;
  }
  .inner-page__content ul {
    gap: 0.5rem;
  }
}

.contacts-page h1 {
  margin-bottom: 4rem;
}
.contacts-page h3 {
  margin-bottom: 1.25rem;
}
.contacts-page a {
  display: block;
  width: fit-content;
}
.contacts-page a + h3, .contacts-page .wp-block-preformatted + h3 {
  margin-top: 2.5rem;
}
.contacts-page a[href^="tel:"] {
  font-size: 1.125rem;
  line-height: 150%;
  font-weight: 600;
  text-decoration: none;
}
.contacts-page a[href^="mailto:"] {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .contacts-page h1 {
    margin-bottom: 1.5rem;
  }
  .contacts-page h3 {
    margin-bottom: 1rem;
  }
  .contacts-page a + h3, .contacts-page .wp-block-preformatted + h3 {
    margin-top: 1rem;
  }
  .contacts-page a[href^="tel:"] {
    font-size: 0.875rem;
  }
  .contacts-page a[href^="mailto:"] {
    margin-top: 0.5rem;
    font-size: 0.875rem;
  }
}

.contact-section {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-bottom: 6rem;
}
.contact-section .contact-subsection {
  display: flex;
  flex-direction: column;
}
.contact-section h3 {
  margin-bottom: 1.25rem;
}
.contact-section .tel {
  font-size: 1.125rem;
  line-height: 150%;
  font-weight: 600;
  text-decoration: none;
}
.contact-section .mail {
  margin-top: 1rem;
}

.china .china__hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  width: 100%;
  padding: 6rem 3rem;
  background-image: url("/wp-content/themes/mlc-logistics/assets/images/china-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.china .china__hero h1 {
  margin-bottom: 1rem;
  text-align: center;
}
.china .china__hero h1 + p {
  max-width: 650px;
  width: 100%;
  margin-bottom: 2rem;
}
.china .china__hero p {
  text-align: center;
}
.china .china__hero .btn {
  margin-bottom: 2.5rem;
}
.china .china__hero .socials {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.china .china__hero .socials a {
  font-family: "Russo One", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.china .china__hero .socials a:hover path:first-child {
  fill: #005CDD;
  transition: fill 0.15s ease-out;
}
.china .china__hero .separator {
  width: 280px;
  height: 1px;
  background-color: #A2A2A2;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .china .china__hero {
    padding: 1.5rem 1rem;
  }
  .china .china__hero h1 + p {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
  .china .china__hero .btn {
    margin-bottom: 1.25rem;
  }
  .china .china__hero .socials {
    flex-direction: column;
    gap: 1.5rem;
  }
  .china .china__hero .separator {
    display: none;
  }
  .china .china__hero .separator + p {
    margin-top: 1.25rem;
    font-size: 0.6875rem;
    line-height: 150%;
    color: #7C7C7C;
  }
}
@media (max-width: 1120px) {
  .china .main-nav {
    display: none;
  }
}
@media (max-width: 768px) {
  .china p {
    font-size: 0.875rem;
    line-height: 150%;
  }
}
.china .calculation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.china .calculation .heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.china .calculation .services__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.china .calculation .services__list li {
  border: 1px solid #E5E5E5;
  border-radius: 0.75rem;
}
.china .calculation .services__list li {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 2rem;
}
.china .calculation .services__list li a {
  text-decoration: none;
}
.china .calculation .services__list li h3 {
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}
.china .calculation .services__list li .detailed {
  margin-top: 1.25rem;
  align-self: flex-end;
}
.china .calculation .services__list li:hover {
  cursor: pointer;
  border-color: #005CDD;
  background-color: #005CDD;
  transition: all 0.15s ease-out;
}
.china .calculation .services__list li:hover > a > svg path:first-child {
  fill: #ffffff;
}
.china .calculation .services__list li:hover > a > svg path {
  stroke: #005CDD;
}
.china .calculation .services__list li:hover h3, .china .calculation .services__list li:hover p, .china .calculation .services__list li:hover button, .china .calculation .services__list li:hover .detailed {
  color: #ffffff;
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.china .calculation .services__list li:hover button {
  background-color: #ffffff;
  transition: background-color 0.15s ease-out;
}
.china .calculation .services__list li:hover button svg path {
  stroke: #005CDD;
}
.china .calculation .viber-btn {
  text-decoration: none;
}
.china .calculation .btn {
  width: 18rem;
}
@media (max-width: 1200px) {
  .china .calculation .services__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .china .calculation {
    gap: 1.5rem;
  }
  .china .calculation .heading {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .china .calculation .services__list {
    grid-template-columns: 1fr;
  }
  .china .calculation .services__list li {
    padding: 1.25rem 1rem;
  }
  .china .calculation .services__list li h3 {
    margin-top: 0;
    margin-bottom: 0.25rem;
  }
  .china .calculation .services__list li h3 br {
    display: none;
  }
  .china .calculation .services__list .service__content {
    display: flex;
    align-items: center;
    gap: 1.25rem;
  }
}
.china .china__advantages h2 {
  margin-bottom: 4rem;
}
.china .china__advantages .china__advantages__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  grid-auto-rows: 90px;
  grid-template-areas: "box1 box3" "box1 box3" "box1 box4" "box2 box4" "box2 box5" "box2 box5";
}
.china .china__advantages .box1 {
  grid-row: 1;
  grid-area: box1;
}
.china .china__advantages .box2 {
  grid-column: 1;
  grid-area: box2;
}
.china .china__advantages .box3, .china .china__advantages .box4, .china .china__advantages .box5 {
  grid-column: 2;
}
.china .china__advantages .box3 {
  grid-row: 1;
  grid-area: box3;
}
.china .china__advantages .box4 {
  grid-row: 2;
  grid-area: box4;
}
.china .china__advantages .box5 {
  grid-row: 5;
  grid-area: box5;
}
.china .china__advantages .china__advantage {
  position: relative;
  width: 100%;
  padding: 1.5rem;
  background-color: #005CDD;
  border-radius: 0.75rem;
}
.china .china__advantages .china__advantage:after {
  content: url("/wp-content/themes/mlc-logistics/assets/icons/short-logo-white.svg");
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}
.china .china__advantages .china__advantage h3 {
  color: #ffffff;
}
@media (max-width: 768px) {
  .china .china__advantages .china__advantages__grid {
    grid-template-columns: 1fr;
    grid-template-areas: unset;
    grid-auto-rows: 140px;
  }
  .china .china__advantages .box1, .china .china__advantages .box2, .china .china__advantages .box3, .china .china__advantages .box4, .china .china__advantages .box5 {
    grid-column: 1;
    grid-row: unset;
  }
  .china .china__advantages .china__advantage {
    padding: 1rem;
  }
  .china .china__advantages .china__advantage:after {
    right: 1rem;
    bottom: 1rem;
  }
	.china .china__advantages h2 {
		margin-bottom: 1.5rem;
	}
}
.china .china__steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.china .china__steps ul {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.china .china__steps .step {
  border: 1px solid #E5E5E5;
  border-radius: 0.75rem;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
}
.china .china__steps .step__heading {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 0.75rem;
}
.china .china__steps .step__number {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 150%;
  color: #ffffff;
  border-radius: 100%;
  background-color: #2C2C2C;
}
.china .china__steps .btn {
  margin-top: 1.25rem;
  height: 34px;
  width: 12.25rem;
}
@media (max-width: 768px) {
  .china .china__steps {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .china .china__steps ul {
    gap: 1rem;
  }
  .china .china__steps .step {
    padding: 1.25rem 1rem;
  }
  .china .china__steps .btn {
    height: 46px;
    width: 100%;
  }
}
.china .china__products {
  margin-bottom: 6rem;
}
.china .china__products h2 {
  margin-bottom: 4rem;
}
.china .china__products ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem 1rem;
}
.china .china__products li {
  border: 1px solid #E5E5E5;
  border-radius: 0.75rem;
  padding: 1.5rem;
}
.china .china__products h4 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  text-transform: none;
}
.china .china__products img {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
}
.china .china__products p {
  font-size: 1.125rem;
  line-height: 150%;
}
@media (max-width: 1120px) {
  .china .china__products ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .china .china__products {
    margin-bottom: 2rem;
  }
	.china .china__products h2 {
		margin-bottom: 1.5rem;
	}
  .china .china__products ul {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .china .china__products ul li {
    display: none;
  }
  .china .china__products ul li:nth-child(-n+4) {
    display: block;
  }
  .china .china__products p {
    font-size: 0.875rem;
  }
}
.china .contact {
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  .china .contact {
    margin-bottom: 2rem;
  }
}
.china .china__description h2 {
  margin-bottom: 1.25rem;
}
.china .china__description a[href^="tel:"] {
    text-decoration: none;
}
.china .china__description p + p, .china .china__description p + h4, .china .china__description h4 + ol, .china .china__description ol + h4 {
  margin-top: 1.5rem;
}
.china .china__description h4 {
  margin-bottom: 1rem;
}
.china .china__description p, .china .china__description ul, .china .china__description ol {
  font-size: 1.125rem;
  line-height: 150%;
}
.china .china__description ol li {
  list-style: unset;
  list-style-position: inside;
}
.china .china__description ol li::marker {
  font-weight: bold;
}
.china .china__description + .section_divider {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .china .china__description p, .china .china__description ul, .china .china__description ol {
    font-size: 0.875rem;
  }
  .china .china__description + .section_divider {
    margin-bottom: 2rem;
  }
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
}
.modal.open {
  display: block;
}
.modal .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(44, 44, 44, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}

#rw-delivery-calculation {
  overflow: auto;
  max-width: 932px;
  max-height: 95%;
  width: 70%;
  position: relative;
  padding: 2.5rem 3rem 3rem 3rem;
  background-color: #2C2C2C;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3019607843);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
}
#rw-delivery-calculation .heading {
	display: flex;
	justify-content: space-between;
  margin-bottom: 2.5rem;
}
#rw-delivery-calculation .heading .close-modal {
  cursor: pointer;
}
#rw-delivery-calculation h2 {
  color: #ffffff;
}
#rw-delivery-calculation .form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  align-items: flex-end;
}
#rw-delivery-calculation .btn {
  margin-top: 2.5rem;
  align-self: flex-end;
  height: 3.25rem;
  width: 240px;
  font-size: 1.125rem;
  line-height: 100%;
  border: 1px solid #005CDD;
}
#rw-delivery-calculation .btn:hover {
  background-color: transparent;
  color: #005CDD;
}
#rw-delivery-calculation .full-row {
	grid-column: span 2;
}
#rw-delivery-calculation .radio-group-row h3 {
  margin-bottom: 1.5rem;
  color: #ffffff;
}
#rw-delivery-calculation .successful-modal {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 3rem;
  background-color: #2C2C2C;
  border-radius: inherit;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#rw-delivery-calculation .successful-modal.open {
  display: flex;
}
#rw-delivery-calculation .successful-modal .successful-modal__container {
  display: flex;
  flex-direction: column;
}
#rw-delivery-calculation .successful-modal img {
  margin-bottom: 2.5rem;
  height: 2rem;
}
#rw-delivery-calculation .successful-modal h3 {
  margin-bottom: 1rem;
  text-align: center;
  color: #ffffff;
}
#rw-delivery-calculation .successful-modal p {
  text-align: center;
  color: #ffffff;
}
#rw-delivery-calculation .successful-modal .btn {
  align-self: center;
  width: 10rem;
  height: 3.25rem;
  font-size: 1.125rem;
  line-height: 100%;
  margin-top: 2.5rem;
  background-color: #005CDD;
  border: 1px solid #005CDD;
}
#rw-delivery-calculation .successful-modal .btn:hover {
  background-color: transparent;
  border: 1px solid #005CDD;
  color: #005CDD;
}
@media (max-width: 960px) {
  #rw-delivery-calculation {
    max-height: 785px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: 0;
  }
  #rw-delivery-calculation::-webkit-scrollbar {
    display: none;
  }
  #rw-delivery-calculation .form__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  #rw-delivery-calculation {
    max-height: 100%;
    height: 100%;
    width: 100%;
    padding: 1.5rem 1rem;
  }
  #rw-delivery-calculation .heading {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }
  #rw-delivery-calculation .full-row {
	grid-column: 1;
  }
  #rw-delivery-calculation .heading .close-modal {
    display: block;
  }
  #rw-delivery-calculation .form__grid {
    gap: 1.25rem;
    margin-bottom: 1.5rem;
  }
  #rw-delivery-calculation .radio-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    -webkit-tap-highlight-color: transparent;
  }
  #rw-delivery-calculation .btn {
    width: 100%;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  #rw-delivery-calculation .successful-modal {
    padding: 1.5rem 1rem;
    justify-content: space-between;
  }
  #rw-delivery-calculation .successful-modal.open {
    display: flex;
  }
  #rw-delivery-calculation .successful-modal .successful-modal__container {
    height: 100%;
    justify-content: center;
  }
  #rw-delivery-calculation .successful-modal img {
    margin-bottom: 1.5rem;
  }
  #rw-delivery-calculation .successful-modal p {
    font-size: 0.875rem;
  }
  #rw-delivery-calculation .successful-modal .btn {
    width: 100%;
  }
}

.radio-group {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.radio-group .custom-radio {
  cursor: pointer;
  position: relative;
  padding-left: 2.25rem;
  user-select: none;
}
.radio-group .custom-radio input[type=radio] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  height: 0;
  cursor: pointer;
}
.radio-group .radio-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #ffffff;
}
.radio-group .custom-radio input[type=radio]:checked + .radio-label::after {
  content: "";
  position: absolute;
  left: 0.3125rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.875rem;
  height: 0.875rem;
  background-color: #005CDD;
  border-radius: 50%;
}
.radio-group .custom-radio:hover .radio-label::before {
  border-color: #000;
}

.close-modal {
  border: none;
  outline: none;
  background-color: transparent;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-bottom: 1.5rem;
}
.breadcrumbs a {
  display: block;
  text-decoration: none;
  font-size: 0.75rem;
  line-height: 130%;
  color: #005CDD;
}
.breadcrumbs a.active {
  color: #2C2C2C;
}
.breadcrumbs a + a {
  position: relative;
}
.breadcrumbs a + a:before {
  position: absolute;
  content: url("/wp-content/themes/mlc-logistics/assets/icons/inputs/chevron-breadcrumbs.svg");
  left: -1rem;
}
@media (max-width: 768px) {
  .breadcrumbs {
    display: none;
  }
}

#rent-calculator-form, #storage-calculator-form {
  background-color: #2C2C2C;
  padding: 2.5rem 3rem;
  max-width: 530px;
  width: 100%;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
}
#rent-calculator-form .form__grid, #storage-calculator-form .form__grid {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
#storage-calculator-form h3 {
  color: #ffffff;
  margin-bottom: 1.5rem;
}
#rent-calculator-form .cost-label, #storage-calculator-form .cost-label {
  font-size: 1.125rem;
  line-height: 150%;
  color: #ffffff;
}
#rent-calculator-form .cost, #storage-calculator-form .cost {
  font-family: "Russo One", sans-serif;
  font-size: 4rem;
  line-height: 110%;
  color: #ffffff;
  width: 100%;
  height: 4.6rem;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#rent-calculator-form .cost::-webkit-scrollbar {
	width: 0;
	height: 0;
}
#storage-calculator-form .cost::-webkit-scrollbar {
	width: 0;
	height: 0;
}
#rent-calculator-form .close-modal-wrapper, #storage-calculator-form .close-modal-wrapper {
  display: flex;
  justify-content: flex-end;
}
#rent-calculator-form .heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
}
#rent-calculator-form h3 {
	color: #ffffff;
}
#rent-calculator-form .close-modal {
	cursor: pointer;
}
#rent-calculator-form .form__controls {
	display: flex;
	justify-content: center;
	margin-top: 2.5rem;
}
#rent-calculator-form .form__controls .btn {
	border: 1px solid #005CDD;
}

#rent-calculator-form .close-modal:hover, #storage-calculator-form .close-modal:hover, #rent-calculator-form .form__controls .btn:hover {
  background-color: transparent;
  color: #005CDD;
}
@media (max-width: 768px) {
  #rent-calculator-form, #storage-calculator-form {
    max-width: 100%;
    height: 100%;
    border-radius: unset;
    padding: 1.5rem 1rem;
  }
  #rent-calculator-form h3, #storage-calculator-form h3 {
    font-size: 1.375rem;
  }
  #rent-calculator-form .form__grid, #storage-calculator-form .form__grid {
    margin-bottom: 1rem;
  }
  #rent-calculator-form .cost-label, #storage-calculator-form .cost-label {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }
  #rent-calculator-form .cost, #storage-calculator-form .cost {
    font-size: 1.875rem;
  }

  #rent-calculator-form .close-modal-wrapper, #storage-calculator-form .close-modal-wrapper {
    height: 100%;
    display: flex;
    align-items: flex-end;
  }
	#rent-calculator-form .form__controls {
		margin-top: 0;
	}
	#rent-calculator-form .form__controls .btn {
		width: 100%;
	}
}

.reviews h1 {
  margin-bottom: 4rem;
}
.reviews p {
  font-size: 1.125rem;
  line-height: 150%;
}
.reviews .reviews-summary {
  border: 1px solid #E5E5E5;
  border-radius: 0.75rem;
  padding: 3rem;
  display: flex;
  justify-content: space-between;
}
.reviews .reviews-summary + .all-reviews {
  margin-top: 2rem;
}
.reviews .total-rating {
  display: flex;
  flex-direction: column;
}
.reviews .total-rating h2 {
  margin-bottom: 0.75rem;
}
.reviews .stars {
  --percent: calc(var(--rating) / 5 * 100%);
  font-size: 2rem;
  margin-bottom: 1.25rem;
}
.reviews .stars:before {
  content: "★★★★★";
  letter-spacing: 0.3em;
  background: linear-gradient(90deg, #005CDD var(--percent), #DFDFDF var(--percent));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.reviews .reviews-details {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.reviews .stars-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.reviews .starts-label {
  width: 5.25rem;
}
.reviews .stars-amount {
  position: relative;
  width: 16rem;
  height: 1rem;
  background-color: #E5E5E5;
}
.reviews .stars-amount:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
  width: calc(var(--percent) * 100%);
  background-color: #005CDD;
}
.reviews .all-reviews {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.reviews .all-reviews + form {
  margin-top: 6rem;
}
.reviews .review {
  border-radius: 0.75rem;
  border: 1px solid #E5E5E5;
  padding: 2rem;
}
.reviews .review .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.reviews .review .stars {
  font-size: 1.25rem;
  margin-bottom: 0;
}
.reviews .review .heading-subrow {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.reviews .review .review-title {
  font-weight: 600;
}
.reviews .review .review-title, .reviews .review .review-message {
  font-style: italic;
}
.reviews .review .review-message + .reply {
  margin-top: 1.25rem;
}
.reviews .review .reply {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.reviews .review .section_divider {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.reviews .review .like-count {
  font-size: 0.75rem;
}
.reviews .review .review-likes {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.reviews .review .review-likes-label {
  font-size: 0.875rem;
  font-weight: 700;
}
.reviews .review h4 {
  text-transform: none;
}
.reviews .review .review-reaction-counter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.reviews .review .review-reaction-counter.active svg path, .reviews .review .review-reaction-counter:hover svg path {
  stroke: #005CDD;
}
.reviews .review .review-reaction-counter[data-review-reaction=dislikes] svg {
  transform: scale(-1, -1);
}
@media (max-width: 1200px) {
  .reviews .reviews-summary {
    flex-direction: column;
    gap: 2rem;
  }
  .reviews .reviews-summary .leave-review {
    width: fit-content;
  }
}
@media (max-width: 768px) {
  .reviews h1 {
    margin-bottom: 1rem;
  }
  .reviews p {
    font-size: 0.875rem;
  }
  .reviews .reviews-summary {
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.25rem 1rem;
  }
  .reviews .reviews-summary + .all-reviews {
    margin-top: 1rem;
  }
  .reviews .reviews-summary .leave-review {
    width: 100%;
  }
  .reviews .stars {
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
  }
  .reviews .total-rating h2 {
    margin-bottom: 0.25rem;
  }
  .reviews .starts-label {
    width: 25%;
    max-width: 6rem;
  }
  .reviews .stars-amount {
    width: 60%;
  }
  .reviews .stars-review-percent {
    width: 15%;
  }
  .reviews .leave-review {
    height: 3.25rem;
  }
  .reviews .all-reviews {
    gap: 1rem;
  }
  .reviews .all-reviews + form {
    margin-top: 2rem;
  }
  .reviews .review {
    padding: 1.25rem 1rem;
  }
  .reviews .review .heading {
    margin-bottom: 0.75rem;
    align-items: flex-start;
  }
  .reviews .review .review-message + .reply {
    margin-top: 0.75rem;
  }
  .reviews .review .reply {
    gap: 0.75rem;
  }
  .reviews .review .heading-subrow {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  .reviews .review .section_divider {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .reviews .review .stars {
    font-size: 1rem;
  }
  .reviews .review .review-reaction-counter:hover svg path {
    stroke: #7C7C7C;
  }
  .reviews .review .review-reaction-counter.active:hover svg path {
    stroke: #005CDD;
  }
}

#review-form {
  position: relative;
  width: 100%;
  padding: 2.5rem 3rem;
  background-color: #2C2C2C;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
}
#review-form h2 {
  margin-bottom: 2.5rem;
  color: #ffffff;
}
#review-form .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
#review-form .full-row {
  grid-column: span 2;
}
#review-form .rating-row {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
#review-form .review-rating {
  color: #ffffff;
  margin-bottom: 0.5rem;
}
#review-form .fill-rating {
  cursor: pointer;
  display: flex;
  align-items: center;
}
#review-form .fill-rating input {
  display: none;
}
#review-form .fill-rating > div {
  width: 40px;
  height: 35px;
  padding-right: 0.5rem;
}
#review-form .fill-rating > div:last-child {
  padding-right: 0;
}
#review-form .fill-rating > div.active svg path {
  fill: #005CDD;
}
#review-form .rating-description {
  color: #ffffff;
}
#review-form #send-review {
  margin-top: 2.5rem;
  align-self: flex-end;
  height: 3.25rem;
  background-color: #005CDD;
  border: 1px solid #005CDD;
}
#review-form #send-review:hover {
  background-color: transparent;
  color: #005CDD;
}
#review-form .successful-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 3rem;
  background-color: #2C2C2C;
  border-radius: inherit;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#review-form .successful-modal.open {
  display: flex;
}
#review-form .successful-modal .successful-modal__container {
  display: flex;
  flex-direction: column;
}
#review-form .successful-modal img {
  margin-bottom: 2.5rem;
  height: 2rem;
}
#review-form .successful-modal h3 {
  margin-bottom: 1rem;
  text-align: center;
  color: #ffffff;
}
#review-form .successful-modal p {
  text-align: center;
  color: #ffffff;
}
#review-form .successful-modal .btn {
  align-self: center;
  width: 10rem;
  height: 3.25rem;
  font-size: 1.125rem;
  line-height: 100%;
  margin-top: 2.5rem;
  background-color: #005CDD;
  border: 1px solid #005CDD;
}
#review-form .successful-modal .btn:hover {
  background-color: transparent;
  color: #005CDD;
}
@media (max-width: 768px) {
  #review-form {
    padding: 2rem 1rem;
  }
  #review-form h2 {
    margin-bottom: 1.5rem;
  }
  #review-form .form-grid {
    grid-template-columns: 1fr;
  }
  #review-form .full-row {
    grid-column: unset;
  }
  #review-form .fill-rating {
    -webkit-tap-highlight-color: transparent;
  }
  #review-form .fill-rating > div {
    width: 30px;
    height: 24px;
    padding-right: 0.25rem;
  }
  #review-form .fill-rating > div svg {
    width: 25px;
    height: 24px;
  }
  #review-form #send-review {
    margin-top: 1.5rem;
    width: 100%;
  }
  #review-form .successful-modal {
    padding: 3rem 1.5rem;
    justify-content: space-between;
  }
  #review-form .successful-modal .successful-modal__container {
    height: 100%;
    justify-content: center;
  }
  #review-form .successful-modal br {
    display: none;
  }
  #review-form .successful-modal .btn {
    margin-top: 0;
    width: 100%;
  }
}
#callback-form {
  position: relative;
  max-width: 700px;
  width: 100%;
  position: relative;
  padding: 2.5rem 3rem 3rem 3rem;
  background-color: #2C2C2C;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3019607843);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
}
#callback-form .heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
  margin-bottom: 2.5rem;
}
#callback-form .heading .close-modal {
	cursor: pointer;
}
#callback-form h2, #callback-form > p {
  color: #ffffff;
}
#callback-form p {
  margin-bottom: 1.5rem;
}
#callback-form .form__grid {
  margin-bottom: 2.5rem;
}
#callback-form .btn {
  margin-top: 2.5rem;
  align-self: center;
  height: 3.25rem;
  font-size: 1.125rem;
  line-height: 100%;
  border: 1px solid #005CDD;
}
#callback-form .btn:hover {
  background-color: transparent;
  color: #005CDD;
}
#callback-form .successful-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 3rem;
  background-color: #2C2C2C;
  border-radius: inherit;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#callback-form .successful-modal.open {
  display: flex;
}
#callback-form .successful-modal .successful-modal__container {
  display: flex;
  flex-direction: column;
}
#callback-form .successful-modal img {
  margin-bottom: 2.5rem;
  height: 2rem;
}
#callback-form .successful-modal h3 {
  margin-bottom: 1rem;
  text-align: center;
  color: #ffffff;
}
#callback-form .successful-modal p {
  text-align: center;
  color: #ffffff;
}
#callback-form .successful-modal .btn {
  align-self: center;
  width: 10rem;
  height: 3.25rem;
  font-size: 1.125rem;
  line-height: 100%;
  margin-top: 2.5rem;
  background-color: #005CDD;
  border: 1px solid #005CDD;
}
#callback-form .successful-modal .btn:hover {
  background-color: transparent;
  color: #005CDD;
}
@media (max-width: 768px) {
  #callback-form {
    max-height: 100%;
    height: 100%;
    width: 100%;
    padding: 1.5rem 1rem;
  }
  #callback-form .heading {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
  }
  #callback-form .heading .close-modal {
    display: block;
  }
  #callback-form .form__grid {
    gap: 1.25rem;
    margin-bottom: 1.5rem;
  }
  #callback-form .successful-modal {
    padding: 3rem 1.5rem;
    justify-content: space-between;
  }
  #callback-form .successful-modal .successful-modal__container {
    height: 100%;
    justify-content: center;
  }
  #callback-form .successful-modal br {
    display: none;
  }
  #callback-form .successful-modal .btn {
    margin-top: 0;
    width: 100%;
  }
  #callback-form .btn {
    width: 100%;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

#apply-for-rent-form {
  position: relative;
  max-width: 700px;
  width: 100%;
  position: relative;
  padding: 2.5rem 3rem 3rem 3rem;
  background-color: #2C2C2C;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3019607843);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
}
#apply-for-rent-form .heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2.5rem;
}
#apply-for-rent-form .heading .close-modal {
  cursor: pointer;
}
#apply-for-rent-form h2, #apply-for-rent-form > p {
  color: #ffffff;
}
#apply-for-rent-form p {
  margin-bottom: 1.5rem;
}
#apply-for-rent-form .form__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
#apply-for-rent-form .btn {
  margin-top: 2.5rem;
  align-self: center;
  height: 3.25rem;
  font-size: 1.125rem;
  line-height: 100%;
  border: 1px solid #005CDD;
}
#apply-for-rent-form .btn:hover {
  background-color: transparent;
  color: #005CDD;
}
#apply-for-rent-form .successful-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 3rem;
  background-color: #2C2C2C;
  border-radius: inherit;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#apply-for-rent-form .successful-modal.open {
  display: flex;
}
#apply-for-rent-form .successful-modal .successful-modal__container {
  display: flex;
  flex-direction: column;
}
#apply-for-rent-form .successful-modal img {
  margin-bottom: 2.5rem;
  height: 2rem;
}
#apply-for-rent-form .successful-modal h3 {
  margin-bottom: 1rem;
  text-align: center;
  color: #ffffff;
}
#apply-for-rent-form .successful-modal p {
  text-align: center;
  color: #ffffff;
}
#apply-for-rent-form .successful-modal .btn {
  align-self: center;
  width: 10rem;
  height: 3.25rem;
  font-size: 1.125rem;
  line-height: 100%;
  margin-top: 2.5rem;
  background-color: #005CDD;
  border: 1px solid #005CDD;
}
#apply-for-rent-form .successful-modal .btn:hover {
  background-color: transparent;
  color: #005CDD;
}
@media (max-width: 768px) {
  #apply-for-rent-form {
    max-height: 100%;
    height: 100%;
    width: 100%;
    padding: 1.5rem 1rem;
  }
  #apply-for-rent-form .heading {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
  }
  #apply-for-rent-form .heading .close-modal {
    display: block;
  }
  #apply-for-rent-form .form__grid {
    gap: 1.25rem;
    margin-bottom: 1.5rem;
  }
  #apply-for-rent-form .successful-modal {
    padding: 1.5rem;
    justify-content: space-between;
  }
  #apply-for-rent-form .successful-modal .successful-modal__container {
    height: 100%;
    justify-content: center;
  }
  #apply-for-rent-form .successful-modal br {
    display: none;
  }
  #apply-for-rent-form .successful-modal p {
    margin-bottom: 1rem;
  }
  #apply-for-rent-form .successful-modal .btn {
    margin-top: 0;
    width: 100%;
  }
  #apply-for-rent-form .btn {
    width: 100%;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

#apply-for-rent-modal {
	z-index: 1000;
}

.contact__phones {
	display: flex;
	align-items: center;
	gap: 2rem;
	margin-bottom: 2rem;
}

.contact__phones a {
	font-family: "Russo One", sans-serif;
    text-decoration: none;
}

@media (max-width: 768px) {
	.contact__phones {
		flex-direction: column;
		gap: 1rem;
		margin-bottom: 1rem;
	}
}

.wp-block-preformatted {
	all: unset;
}

.wp-block-preformatted br {
	display: none;
}

#wpadminbar {
	display: none;
}

/*# sourceMappingURL=main.css.map */