.cargoklik-kalkulator {
    font-family: "Montserrat", Sans-serif;
}
.cargoklik-kalkulator h3 {
    font-size: 1.5rem;
    text-align: center;
}
.select-cargo-type {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cargo-type {
    border: 1px solid #23418A;
    margin: 10px;
    padding: 40px 80px;
    text-align: center;
    transition: 0.3s;
}
.select-cargo-type.opened .cargo-type {
    margin: 0px;
    padding: 10px 40px;
}
.cargo-type img {
    height: 60px !important;
}
.select-cargo-type.opened .cargo-type img {
    height: 35px !important;
}
.cargo-type h5 {
    font-size: 0.9rem;
}

.cargo-type:hover,
.cargo-type.active {
    background-color: #23418A;
}
.cargo-type:hover h5,
.cargo-type.active h5 {
    color: #fff;
}
.cargo-type:hover img,
.cargo-type.active img {
    filter: brightness(0) invert(1);
}
.calc-content {
    display:none;
    border: 1px solid #23418A;
    background-color: #c3c3c3;
    color: #23418A;
    padding: 20px 20px;
}
.calc-content form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.calc-content input[type="text"],
.calc-content input[type="number"] {
    max-width: 200px;
    margin: 5px 5px 15px 5px;
}
.calc-content input[type="text"]{
    background: url(https://cargoklik.pl/wp-content/uploads/2024/04/poland-flag-icon.svg) no-repeat -25px 0px;
    background-color: #fff;
    padding-left: 40px;
}
.calc-button {
    background-color: #23418A;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    letter-spacing: 0px;
    word-spacing: 0em;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #467FF7;
    border-radius: 100px 100px 100px 100px;
    padding: 15px 35px 15px 35px;
}
#promo-pricesFTL,
#promo-pricesLTL {
    margin-top: 40px;
}
.prices {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}
.price-box {
    padding: 20px;
    margin: 10px;
    border: 1px solid;
    min-height: 200px;
}
.price-box .price {
    font-weight: bold;
    font-size: 1.5rem;
}
.price-box p {
    font-size: 0.9rem;
    margin: 10px 0px;
}
.price-box p.trans-time {
    font-size: 1.2rem;
}
.notes {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.contact {
    margin: 10px 10px;
    text-align: center;
    font-size: 1.5rem;
}
.wrap{
  position: absolute;
  height: 150px;
  bottom: 0px;
  left: 0;
  width: 100%;
}
.image{
  width: 150px;
  position: absolute;
}
.truck-img{
  bottom: 0;
  left: 0px;
  z-index: 2;
  animation: truck 6s linear;
}
@keyframes truck{
  40%, 70%{
    left: 60%;
  }
  100%{
    left: 100%;
  }
}
.box-img{
  width: 35px;
  z-index: 1;
  top: 55%;
  left: 60%;
  opacity: 0;
  animation: box 4s linear;
}
.box-img2{
  animation-delay: 1s;
}
@keyframes box{
  0%, 40%{
    opacity: 0;
    left: 55%;
  }
  50%{
    opacity: 1;
    left: 60%;
  }
  60%, 100%{
    opacity: 0;
    left: 60%;
  }
}