.container {
  overflow: hidden; }

.container > .navbar .nav-items a,
.container > .navbar .profile .item {
  color: #f5f5f5;
  text-shadow: 2px 2px 2px rgba(50, 50, 50, 0.8); }

.container > .slideshow {
  position: relative; }

.container > .slideshow .item img {
  height: 100vh;
  min-height: 750px;
  object-fit: cover; }

.container > .slideshow .item .overlay {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(40, 40, 40, 0.7); }

.container > .slideshow .item .overlay .details {
  position: absolute;
  bottom: 150px;
  left: 150px;
  width: 600px;
  color: #f5f5f5;
  text-shadow: 2px 2px 2px rgba(50, 50, 50, 0.8); }

.container > .slideshow .item .overlay .details .title {
  margin: 0;
  font-size: 32px;
  font-weight: 800; }

.container > .slideshow .item .overlay .details .divider {
  width: 70%;
  height: 5px;
  margin: 20px 0 40px;
  background: linear-gradient(to right, #00a6e8 0%, #003459 100%);
  border-radius: 10px; }

.container > .slideshow .item .overlay .details .description {
  margin: 0;
  font-size: 22px; }

.container > .slideshow .item .overlay .details .btn {
  display: inline-block;
  margin-top: 40px;
  padding: 15px 35px;
  background: linear-gradient(to right, #00a6e8 0%, #003459 100%);
  background-color: #00a6e8;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.8);
  font-size: 26px;
  font-weight: 800; }

.container > .slideshow .item .overlay .details .btn:hover {
  background: #003459;
  transition: background-color 2s; }

.container > .slideshow .mouse {
  position: absolute;
  left: calc(50% - 10px);
  bottom: 20px;
  z-index: 10;
  width: 20px;
  text-align: center;
  cursor: pointer; }

.container > .slideshow .mouse .oval {
  position: relative;
  width: calc(100% - 4px);
  height: 30px;
  border: 2px solid #f5f5f5;
  border-radius: 20px;
  box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.8); }

.container > .slideshow .mouse .oval .wheel {
  position: absolute;
  top: 15%;
  left: calc(50% - 1px);
  width: 2px;
  height: 40%;
  background-color: #f5f5f5;
  animation: mouse-wheel 0.5s infinite linear alternate;
  box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.8); }

@keyframes mouse-wheel {
  0% {
    top: 15%; }
  100% {
    top: 45%; } }

.container > .slideshow .mouse .chevron-downs .chevron-down:nth-child(1) {
  animation: slideshow-chevron-down 1s infinite linear alternate;
  margin-top: 3px; }

.container > .slideshow .mouse .chevron-downs .chevron-down:nth-child(2) {
  animation: slideshow-chevron-down 1s infinite linear alternate 0.2s;
  margin-top: -7px; }

.container > .slideshow .mouse .chevron-downs .chevron-down:nth-child(3) {
  animation: slideshow-chevron-down 1s infinite linear alternate 0.4s;
  margin-top: -7px; }

@keyframes slideshow-chevron-down {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.3; } }

.container > .slideshow .mouse .chevron-downs .chevron-down i {
  color: #f5f5f5;
  text-shadow: 2px 2px 2px rgba(50, 50, 50, 0.8);
  font-size: 12px; }

.container > .slideshow .owl-dots {
  display: none; }

.container > .companies {
  display: flex;
  margin: 200px 150px; }

.container > .companies .item {
  flex: 1;
  text-align: center; }

.container > .companies .item img {
  height: 80px; }

.container > .about-us {
  display: flex;
  margin: 0 150px;
  background: url("../../assets/img/home/blob.svg") no-repeat center;
  background-size: 60%; }

.container > .about-us .description {
  flex: 1;
  padding: 100px 40px 100px 0; }

.container > .about-us .description .title {
  margin: 0 0 100px;
  font-size: 34px;
  font-weight: 800; }

.container > .about-us .description .item {
  display: flex;
  align-items: center;
  margin-bottom: 50px; }

.container > .about-us .description .item:last-child {
  margin-bottom: 0; }

.container > .about-us .description .item img {
  width: 60px;
  height: 60px;
  align-items: center; }

.container > .about-us .description .item span {
  align-items: center;
  margin-left: 30px;
  color: #808080;
  font-size: 24px; }

.container > .about-us .description .btn {
  display: inline-block;
  margin-top: 40px;
  padding: 15px 35px;
  color: #f5f5f5;
  background: linear-gradient(to right, #00a6e8 0%, #003459 100%);
  background-color: #00a6e8;
  border-radius: 10px;
  font-size: 26px;
  font-weight: 800; }

.container > .about-us .description .btn:hover {
  background: #003459;
  transition: background-color 2s; }

.container > .about-us .pictures {
  display: flex;
  flex: 1; }

.container > .about-us .pictures .items {
  flex: 1; }

.container > .about-us .pictures .items .item {
  perspective: 500px;
  position: relative;
  width: calc(100% - 20px);
  margin: 10px; }

.container > .about-us .pictures .items .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px; }

.container > .about-us .pictures .items .item .details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 183, 255, 0.9) 0%, rgba(0, 44, 75, 0.9) 100%);
  text-align: center;
  border-radius: 10px;
  transform: rotateX(100deg);
  transform-origin: bottom;
  opacity: 0;
  overflow: hidden;
  transition: 0.7s; }

.container > .about-us .pictures .items .item:hover .details {
  transform: none;
  opacity: 1; }

.container > .about-us .pictures .items .item .details .detail {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 15px 40px;
  transform: translateY(-200%);
  transition: 0.7s; }

.container > .about-us .pictures .items .item:hover .details .detail {
  transform: translateY(-50%); }

.container > .about-us .pictures .items .item .details .detail .title {
  display: inline-block;
  margin: 0 0 30px;
  padding: 0 20px 10px;
  color: #f5f5f5;
  text-shadow: 2px 2px 2px rgba(50, 50, 50, 0.8);
  font-size: 30px;
  font-weight: 800;
  border-bottom: 3px solid #f5f5f5; }

.container > .about-us .pictures .items .item .details .detail .description {
  margin: 0;
  padding: 0;
  color: #f5f5f5;
  text-shadow: 2px 2px 2px rgba(50, 50, 50, 0.8);
  font-size: 22px; }

.container > .about-us .pictures .items:nth-child(1) .item:nth-child(1),
.container > .about-us .pictures .items:nth-child(2) .item:nth-child(2) {
  height: calc(55% - 20px); }

.container > .about-us .pictures .items:nth-child(1) .item:nth-child(2),
.container > .about-us .pictures .items:nth-child(2) .item:nth-child(1) {
  height: calc(45% - 20px); }

.container > .shipments {
  margin: 150px 150px 0;
  text-align: center; }

.container > .shipments .title {
  margin: 0;
  font-size: 40px;
  font-weight: 800; }

.container > .shipments .divider {
  width: 30%;
  height: 7px;
  margin: 50px auto 40px;
  background: linear-gradient(to right, #003459 0%, #02c39a 100%);
  border-radius: 10px; }

.container > .shipments .transport-types span {
  margin: 0 20px;
  font-size: 22px; }

.container > .shipments .shipments-count {
  color: #f9b70f;
  margin: 40px 0 15px;
  font-size: 42px; }

.container > .shipments .successful-shipmens {
  font-size: 22px; }

.container > .shipments .map {
  width: 90%;
  margin: 50px auto 0; }

.container > .shipments .map img {
  width: 100%; }