.c-blog-body-item-blog { display: flex; justify-content: space-between; width: 100%; align-items: flex-start; } .c-blog-content { display: flex; width: 100%; align-items: flex-start; flex-direction: column; gap: 4rem; } .c-blog-content-text-div { display: none; width: 100%; align-items: flex-start; flex-direction: column; gap: 1rem; width: 100%; } .c-blog-content-text { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(255, 255, 255, 1); margin: 0; } .c-blog-content-img { display: none; grid-template-rows: 1fr; grid-template-columns: repeat(4, 1fr); gap: 8px 20px; width: 100%; } .c-blog-content-img-item { width: 100%; position: relative; border-image: linear-gradient(to bottom, rgba(112, 111, 111, 1) 0%, rgba(22, 22, 22, 1) 100%) 1; border-width: 1px; border-style: solid; overflow: hidden; } .c-blog-content-img-item img { width: 100%; } .c-blog-content-list { display: none; width: 100%; align-items: flex-start; flex-direction: column; gap: 3.2rem; } .c-blog-content-list-p { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(255, 255, 255, 1); margin: 0; } .c-blog-content-list-ul { margin: 0; padding: 0; width: 100%; } .c-blog-content-list-ul-p { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(255, 255, 255, 1); margin: 0; } .c-blog-content-list-ul-li { font-family: "Stolzl", sans serif; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(255, 255, 255, 1); margin: 0; padding: 0.5rem 0; list-style: none; } .c-blog-content-list-ul-li > span { margin-right: 1rem; } .c-blog-body-img-3 { width: 50%; height: 100%; position: absolute; right: -145px; right: 10px; } .c-blog-content-btns { display: none; gap: 2rem; width: 100%; } .c-blog-also { font-size: 32px; line-height: 32.8px; } @media (max-width: 990px) { .c-blog-body-special { flex-basis: auto; } .c-blog-body-item-blog { flex-direction: column; align-items: center; } .c-blog-body-description { width: 100%; gap: 14rem; } } @media (max-width: 767px) { .c-blog-body-special { width: 100%; } } @media (max-width: 650px) { .c-blog-body-special { width: 100%; } .c-blog-content-img { grid-template-columns: repeat(1, 1fr); gap: 2.4rem; } .c-blog-body-description { padding: 3.2rem 0rem; } } @media (max-width: 480px) { .c-blog-content-list-p { font-size: 12px; line-height: 14.4px; } .c-blog-content-list-ul-p { font-size: 12px; line-height: 14.4px; } .c-blog-content-list-ul-li { font-size: 12px; line-height: 14.4px; } .c-blog-content-text { font-size: 12px; line-height: 14.4px; } .c-blog-body-description-p { font-size: 12px; line-height: 14.4px; } .c-blog-content-btns { flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; gap: 1rem; } .c-blog-body-description { padding: 3.2rem 0rem; padding-left: 1.99rem; padding-right: 4.24rem; } .c-blog-card-1-description { gap: 0; } } @media (max-width: 330px) { .c-blog-body-description { padding: 3.2rem 0rem; padding-left: 1.99rem; padding-right: 0; } }