.doc-style {
    padding: 10px 0;
    display: flex;
    font: 300 14px "Open Sans", sans-serif;
    list-style: none;
 
}

.doc-style a {
    color: #4c4c4c;
    font: 300 14px "Open Sans", sans-serif;
}

.doc-style a {
    font: 300 14px "Open Sans", sans-serif;
    color: #1d1d1f;
}

.doc-style-kurumsal {
    padding-left: 4px;
}

.doc-style-kurumsal::before {
    content: "/";
    padding-right: 4px;
    font: 300 14px "Open Sans", sans-serif;
    color: #1d1d1f;
}

.content {
    margin-top: 50px;
    margin-left: -12px;
    margin-right: -12px;
    display: flex;
}

.container {
    margin: 0 auto;
    padding: 0 12px;
}

.left-content {
    padding: 0 12px;
    width: 25%;
}

.box {
    background-color: #15f5ba;
    padding: 30px;
}

.box ul {
    list-style: none;
}

.box li {
    padding: 10px;
}

.box li:hover,
.box li:active {
    background-color: #00000026;
}

.box a { 
    color: #000;
    font-weight: 400;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    display: block;
}

.active {
    background-color: rgba(0, 0, 0, .05);;
}

.contect {
    border-top: 3px solid #fff;
}

.contect a {
    color: white;
    font-weight: 700;
}

.right-content {
    width: 75%;
    padding: 0 12px 0 70px;
}

.right-content h1 {
    font-size: 70px;
    margin-bottom: 25px;
    letter-spacing: -2px;
    line-height: 1.3em;
    font-weight: 500;
    font-family: "merriweather", serif;
}

.right-content p {
    margin-bottom: 1.5em;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
}

strong {
    font-weight: 400;
    font-size: inherit;
}

a strong:hover {
    color: #59348b;
}