.text-baner .only-text {
  padding: 10px 0; }
  .text-baner .only-text .title {
    margin-bottom: 23px; }
    .text-baner .only-text .title .icon {
      width: 56px;
      height: 56px;
      margin: 0 auto;
      margin-bottom: 30px; }
      .text-baner .only-text .title .icon .image {
        margin: 0; }
      .text-baner .only-text .title .icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center; }
    .text-baner .only-text .title h3 {
      margin: 0;
      font-family: "Playfair Display", sans-serif;
      font-size: 36rem; }
  .text-baner .only-text .text {
    border-radius: 16px;
    background-color: var(--dark-bg);
    width: 900px;
    max-width: 100%;
    margin: 0px auto;
    padding: 50px; }
    .text-baner .only-text .text .text-inner {
      padding: 0 75px; }
    .text-baner .only-text .text p, .text-baner .only-text .text ul li, .text-baner .only-text .text ol li, .text-baner .only-text .text h1, .text-baner .only-text .text h2, .text-baner .only-text .text h3, .text-baner .only-text .text h4 {
      color: var(--secondary-text);
      text-align: center;
      margin-bottom: 25px; }
    .text-baner .only-text .text p, .text-baner .only-text .text ul li, .text-baner .only-text .text ol li, .text-baner .only-text .text a {
      line-height: 1.6;
      font-weight: 300;
      font-size: 17rem; }
      .text-baner .only-text .text p strong, .text-baner .only-text .text ul li strong, .text-baner .only-text .text ol li strong, .text-baner .only-text .text a strong {
        color: var(--element1-color);
        font-weight: 700; }
    .text-baner .only-text .text p:nth-child(2):nth-last-child(2) {
      font-size: 15px;
      opacity: 0.6;
      width: 548px;
      max-width: 100%;
      margin: 0 auto;
      margin-bottom: 25px; }
    .text-baner .only-text .text .btn {
      font-size: 16rem !important;
      font-weight: 600; }

.only-text .buttons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  flex-wrap: wrap; }
  .only-text .buttons a {
    margin: 5px; }

@media (max-width: 575.5px) {
  .text-baner .only-text .title h3 {
    font-size: 24rem; }
  .text-baner .only-text .title .icon {
    margin-bottom: 15px;
    width: 40px;
    height: 40px; }
  .text-baner .only-text .text {
    width: 720px;
    padding: 30px 15px; }
    .text-baner .only-text .text .buttons .btn {
      font-size: 12px !important; }
    .text-baner .only-text .text .text-inner {
      padding: 0px; }
    .text-baner .only-text .text p, .text-baner .only-text .text ul li, .text-baner .only-text .text ol li, .text-baner .only-text .text a {
      font-size: 14px; }
    .text-baner .only-text .text p, .text-baner .only-text .text ul, .text-baner .only-text .text ol, .text-baner .only-text .text h1, .text-baner .only-text .text h2, .text-baner .only-text .text h3, .text-baner .only-text .text h4 {
      margin-bottom: 12px; }
    .text-baner .only-text .text p:nth-child(2):nth-last-child(2) {
      font-size: 13px; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .text-baner .only-text .title h3 {
    font-size: 25rem; }
  .text-baner .only-text .title .icon {
    margin-bottom: 15px;
    width: 40px;
    height: 40px; }
  .text-baner .only-text .text {
    width: 720px;
    padding: 30px 15px; }
    .text-baner .only-text .text .buttons .btn {
      font-size: 15px; }
    .text-baner .only-text .text .text-inner {
      padding: 0 35px; }
    .text-baner .only-text .text p, .text-baner .only-text .text ul li, .text-baner .only-text .text ol li, .text-baner .only-text .text a {
      font-size: 14px; }
    .text-baner .only-text .text p, .text-baner .only-text .text ul, .text-baner .only-text .text ol, .text-baner .only-text .text h1, .text-baner .only-text .text h2, .text-baner .only-text .text h3, .text-baner .only-text .text h4 {
      margin-bottom: 12px; }
    .text-baner .only-text .text p:nth-child(2):nth-last-child(2) {
      font-size: 13px; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .text-baner .only-text .title h3 {
    font-size: 28rem; }
  .text-baner .only-text .title .icon {
    margin-bottom: 15px;
    width: 40px;
    height: 40px; }
  .text-baner .only-text .text {
    width: 720px;
    padding: 30px; }
    .text-baner .only-text .text p, .text-baner .only-text .text ul li, .text-baner .only-text .text ol li, .text-baner .only-text .text a {
      font-size: 15rem; }
    .text-baner .only-text .text p:nth-child(2):nth-last-child(2) {
      font-size: 13px; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .text-baner .only-text .title h3 {
    font-size: 30rem; }
  .text-baner .only-text .title .icon {
    margin-bottom: 15px;
    width: 40px;
    height: 40px; }
  .text-baner .only-text .text {
    width: 720px;
    padding: 30px; }
    .text-baner .only-text .text p, .text-baner .only-text .text ul li, .text-baner .only-text .text ol li, .text-baner .only-text .text a {
      font-size: 15rem; }
    .text-baner .only-text .text p:nth-child(2):nth-last-child(2) {
      font-size: 13px; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .text-baner .only-text .title h3 {
    font-size: 33rem; }
  .text-baner .only-text .title .icon {
    margin-bottom: 20px;
    width: 48px;
    height: 48px; }
  .text-baner .only-text .text {
    width: 770px;
    padding: 30px; }
    .text-baner .only-text .text p, .text-baner .only-text .text ul li, .text-baner .only-text .text ol li, .text-baner .only-text .text a {
      font-size: 16rem; }
    .text-baner .only-text .text p:nth-child(2):nth-last-child(2) {
      font-size: 14px; } }

/*# sourceMappingURL=only_text.css.map */
