@import url(./font/font.css);

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body.yb i {
    display: inline-block;
}

    body.yb i.icon-01 {
        background: url(../img/online_bayi_nedir.svg) no-repeat;
        width: 121px;
        height: 121px;
    }

    body.yb i.icon-02 {
        background: url(../img/avantajlari_nedir.svg) no-repeat;
        width: 121px;
        height: 121px;
    }

    body.yb i.icon-03 {
        background: url(../img/kimlerdir.svg) no-repeat;
        width: 121px;
        height: 121px;
    }

    body.yb i.check-icon {
        background: url(../img/check.svg) no-repeat;
        width: 25px;
        height: 19px;
    }

    body.yb i.uncheck-icon {
        background: url(../img/cancel.svg) no-repeat;
        width: 19px;
        height: 19px;
    }

body.yb .black {
    color: #000000;
}

body.yb .red {
    color: #e13232;
}

body.yb {
    font-family: "League Medium", sans-serif;
}

    body.yb p {
        margin: 0;
    }

    body.yb section.first {
        background-color: #f5f5f5;
        padding: 38px 0 70px 0;
    }

        body.yb section.first p {
            font-family: "League Medium";
            font-size: 26px;
            color: #000;
        }

            body.yb section.first p strong {
                font-size: 28px;
                color: #e13232;
            }

    body.yb section.second {
        padding: 60px 0 70px 0;
        background-color: #fff;
        ;
    }

        body.yb section.second ul {
            list-style-type: none;
        }

            body.yb section.second ul li {
                position: relative;
                min-height: 255px;
            }

                body.yb section.second ul li::after {
                    border-right: 3px solid #e13232;
                    content: "";
                    position: absolute;
                    right: -20px;
                    height: 213px;
                    bottom: 20px;
                }

                body.yb section.second ul li:last-child::after {
                    border-left: unset;
                    content: unset;
                }

                body.yb section.second ul li figure {
                    margin: 0;
                    min-height: 109px;
                    margin-bottom: 18px;
                }

                body.yb section.second ul li h3 {
                    margin: 0;
                    color: #e13232;
                    font-size: 22px;
                    font-family: "League Bold";
                    margin-bottom: 18px;
                }

                body.yb section.second ul li p {
                    margin: 0;
                    color: #000;
                    font-size: 16px;
                    font-family: "League Regular";
                }

    body.yb section.third {
        padding: 80px 0;
        background-color: #f5f5f5;
    }

        body.yb section.third h4 {
            font-size: 24px;
            font-family: "League Bold";
            color: #000;
        }

        body.yb section.third p {
            font-size: 18px;
            font-family: "League Medium";
            color: #000;
        }

        body.yb section.third a {
            text-decoration: underline;
            color: #e13232;
        }

    body.yb section.fourth {
        padding: 80px 0;
        background-color: #fff;
    }

        body.yb section.fourth h4 {
            font-size: 24px;
            font-family: "League Bold";
            color: #000;
        }

        body.yb section.fourth p {
            font-size: 18px;
            font-family: "League Medium";
            color: #000;
        }

        body.yb section.fourth table {
            margin-bottom: 10px;
            margin-top: 80px;
        }

            body.yb section.fourth table th {
                background-color: #e33131;
                color: #fff;
                text-align: center;
                vertical-align: middle !important;
            }

                body.yb section.fourth table th:first-child {
                    font-size: 30px;
                    font-family: "League Bold";
                }

                body.yb section.fourth table th:nth-child(2) {
                    font-size: 15px;
                    font-family: "League Bold";
                    background-color: #cc2f2f;
                }

                body.yb section.fourth table th:last-child {
                    font-size: 14px;
                    font-family: "League Bold";
                }

            body.yb section.fourth table td {
                text-align: center;
                color: #000000;
            }

            body.yb section.fourth table tr {
                border: 1px solid #e13232;
            }

                body.yb section.fourth table tr td {
                    border-right: 1px solid #e13232;
                    font-size: 11px;
                    vertical-align: middle;
                }

                    body.yb section.fourth table tr td:first-child {
                        font-size: 14px;
                    }

                    body.yb section.fourth table tr td:last-child {
                        border-right: unset
                    }

                body.yb section.fourth table tr td {
                    background-color: #fff;
                }

                    body.yb section.fourth table tr td:nth-child(2) {
                        background-color: #f2f2f2;
                    }

        body.yb section.fourth span.ps {
            font-size: 9px;
            font-family: "League Regular";
            color: #000;
        }


@media screen and (max-width: 960px) {
    body.yb section.first p {
        font-size: 16px;
    }

        body.yb section.first p strong {
            font-size: 16px;
        }

    body.yb section.second ul li {
        margin-bottom: 30px;
    }

        body.yb section.second ul li::after {
            display: none;
        }

    body.yb section.third h4 {
        font-size: 18px;
    }

    body.yb section.third p {
        font-size: 14px;
    }

    body.yb section.third div.uk-flex {
        flex-direction: column;
    }

        body.yb section.third div.uk-flex i {
            margin-bottom: 15px;
        }

    body.yb section.third .uk-margin-medium-left {
        margin-left: 0 !important;
    }

    body.yb section.fourth div.uk-flex {
        flex-direction: column;
    }

        body.yb section.fourth div.uk-flex i {
            margin-bottom: 15px;
        }

    body.yb section.fourth .uk-margin-medium-left {
        margin-left: 0 !important;
    }

    body.yb section.fourth table tr td {
        border: 0;
    }
}

@media screen and (max-width: 768px) {
    body.yb section.fourth table th:first-child,
    body.yb section.fourth table th:nth-child(2),
    body.yb section.fourth table th:last-child {
        font-size: 10px;
    }

    body.yb section.fourth table tr td:first-child,
    body.yb section.fourth table tr td:nth-child(2),
    body.yb section.fourth table tr td {
        font-size: 8px;
    }

    body.yb section.fourth span.ps {
        line-height: 22px;
    }
}