@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap");
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

body {
  font-family: "Cairo", sans-serif;
  font-weight: 400; }

ul {
  list-style: none;
  margin: 0; }

a,
a:hover,
input,
button,
p {
  color: inherit;
  font: inherit;
  text-decoration: none; }

h1,
h2,
h3,
h4.h5.h6 {
  font-weight: 700; }

main .inner-row {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 0.8rem; }

main {
  margin: 2.8rem 0;
  min-height: 80vh; }
  main .inner-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem; }
    main .inner-row aside {
      flex: 0 0 22%; }
    main .inner-row .content {
      flex: 0 0 76%; }
      main .inner-row .content .img {
        width: 100%;
        min-height: 140px;
        height: 240px;
        border: 1px solid #ccc;
        box-shadow: 1px 2px 4px #ccc;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 0.8rem; }
        main .inner-row .content .img img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    @media screen and (max-width: 992px) {
      main .inner-row aside,
      main .inner-row .content {
        flex: 0 0 100%; } }
    main .inner-row .tabs {
      margin: 1.5rem 0; }
      main .inner-row .tabs p {
        margin: 1rem 0; }

footer {
  margin-top: 8rem; }