#rates {
  padding-top: 151px;
  padding-bottom: 129px;
}
#rates .container {
  width: 1520px;
}
#rates .top {
  color: #fff;
  font-size: 21px;
  line-height: 25px;
  max-width: 719px;
  margin: 0 auto;
}
#rates .top {
  color: #fff;
  margin-bottom: 46px;
}
#rates .top h1 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 53px;
  line-height: 1em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#rates .el {
  margin-bottom: 40px;
  background: #fff;
  display: flex;
  gap: 75px;
}
#rates .el .inner {
  padding-top: 52px;
  flex-grow: 1;
  padding-right: 25px;
}
#rates .container .el:nth-child(odd) {
  flex-direction: row-reverse;
  gap: 50px;
}
#rates .container .el:last-child {
  margin-bottom: 0;
}
#rates .el .text {
  font-size: 20px;
  line-height: 33px;
  font-weight: 600;
}
#rates .el .text p:first-child strong {
  font-size: 40px;
  line-height: 46px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.06em;
  max-width: 300px;
  display: block;
  margin-bottom: 6px;
}
#rates .el .price {
  color: var(--yellow);
  font-size: 20px;
  line-height: 31px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 21px;
}
#rates .el .price strong {
  font-size: 28px;
  font-weight: 700;
}
#rates .el img {
  display: block;
  height: 100%;
  object-fit: cover;
}
#rates .el .see {
  margin-top: -3px;
  margin-left: auto;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 23px;
  letter-spacing: 0.04em;
  padding-right: 53px;
  background-size: 15px 8px;
  background-image: url('data:image/svg+xml,<svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7114 1.57838L8.19189 7.72866C8.10103 7.81467 7.99308 7.88291 7.87421 7.92947C7.75534 7.97603 7.62789 8 7.49918 8C7.37047 8 7.24303 7.97603 7.12416 7.92947C7.00529 7.88291 6.89733 7.81467 6.80648 7.72866L0.286927 1.57838C0.103211 1.40507 -3.23914e-08 1.17001 -2.34418e-08 0.924911C-1.44922e-08 0.679813 0.103211 0.444754 0.286927 0.271444C0.470643 0.0981335 0.719816 0.00076897 0.97963 0.000768974C1.23944 0.000768978 1.48862 0.0981335 1.67233 0.271444L7.5 5.76903L13.3277 0.270676C13.5114 0.0973655 13.7606 3.4876e-07 14.0204 3.55345e-07C14.2802 3.6193e-07 14.5294 0.0973655 14.7131 0.270676C14.8968 0.443986 15 0.679045 15 0.924143C15 1.16924 14.8968 1.4043 14.7131 1.57761L14.7114 1.57838Z" fill="black"/></svg>');
  background-position: calc(100% - 27px) 47%;
  background-repeat: no-repeat;
}
#rates .container .el:nth-child(odd) .see {
  margin-left: 0;
  text-align: left;
  padding-left: 54px;
  width: fit-content;
}
#rates .container .el:nth-child(odd) .inner {
  text-align: right;
}
#rates .container .el:nth-child(odd) .inner strong {
  margin-left: auto;
}
footer {
  margin-top: 0;
}
@media screen and (max-width: 1300px) {
  #rates .el .inner {
    padding-bottom: 25px;
  }
  #rates .el .see {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1200px) {
  #rates .el {
    gap: 35px;
  }
  #rates .container .el:nth-child(odd) {
    gap: 10px;
  }
  #rates .img {
    width: 45%;
  }
  #rates .el .see {
    background-position: calc(100% - 10px) 47%;
    padding-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  #rates .el .inner {
    padding-top: 27px;
    padding-right: 0;
  }
  #rates .el .text {
    font-size: 10px;
    line-height: 18px;
    margin: 0;
  }
  #rates .container .el:nth-child(odd) .text {
    margin-left: auto;
  }
  #rates .el .text p:first-child strong {
    font-size: 20px;
    line-height: 23px;
  }
  #rates .el .price {
    font-size: 10px;
    line-height: 19px;
  }
  #rates .el .price strong {
    font-size: 15px;
    line-height: 19px;
  }
  #rates .el .see {
    margin-left: 0;
    text-align: left;
    width: fit-content;
    background-size: 7px 4px;
    font-size: 10px;
    margin-top: 5px;
    padding-right: 20px;
  }
  #rates .container .el:nth-child(odd) .see {
    margin-left: auto;
  }
}
@media screen and (max-width: 567px) {
  #rates {
    padding-top: 119px;
    padding-bottom: 40px;
  }
  #rates .top {
    margin-bottom: 31px;
  }
  #rates .top h1 {
    font-size: 32px;
  }
  #rates .text {
    font-size: 18px;
    line-height: 25px;
    max-width: 300px;
    margin: 0 auto;
  }
  #rates .el .img {
    width: 153px;
    flex-shrink: 0;
  }
  #rates .el {
    gap: 18px;
    margin-bottom: 20px;
  }
  #rates .container .el:nth-child(odd) {
    gap: 19px;
  }
  #rates .el .inner {
    padding-top: 11px;
    padding-bottom: 5px;
  }
  #rates .el .text p:first-child strong {
    margin-bottom: 2px;
  }
  #rates .el .price {
    margin-top: 6px;
  }
  #bottom_cta .title {
    max-width: 300px;
  }
  #bottom_cta {
    background-size: 270%;
  }
}