@font-face {
    font-family: 'PlayfairDisplay-Black';
    src: url(../fonts/playfair/PlayfairDisplay-Black.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-BlackItalic';
    src: url(../fonts/playfair/PlayfairDisplay-BlackItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-Bold';
    src: url(../fonts/playfair/PlayfairDisplay-Bold.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-BoldItalic';
    src: url(../fonts/playfair/PlayfairDisplay-BoldItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-ExtraBold';
    src: url(../fonts/playfair/PlayfairDisplay-ExtraBold.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-ExtraBoldItalic';
    src: url(../fonts/playfair/PlayfairDisplay-ExtraBoldItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-Italic';
    src: url(../fonts/playfair/PlayfairDisplay-Italic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-Medium';
    src: url(../fonts/playfair/PlayfairDisplay-Medium.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-MediumItalic';
    src: url(../fonts/playfair/PlayfairDisplay-MediumItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: url(../fonts/playfair/PlayfairDisplay-Regular.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-SemiBold';
    src: url(../fonts/playfair/PlayfairDisplay-SemiBold.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-SemiBoldItalic';
    src: url(../fonts/playfair/PlayfairDisplay-SemiBoldItalic.ttf);
    font-style: normal;
}


@font-face {
    font-family: 'Poppins-Black';
    src: url(../fonts/poppins/Poppins-Black.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-BlackItalic';
    src: url(../fonts/poppins/Poppins-BlackItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url(../fonts/poppins/Poppins-Bold.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-BoldItalic';
    src: url(../fonts/poppins/Poppins-BoldItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url(../fonts/poppins/Poppins-ExtraBold.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ExtraBoldItalic';
    src: url(../fonts/poppins/Poppins-ExtraBoldItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url(../fonts/poppins/Poppins-ExtraLight.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ExtraLightItalic';
    src: url(../fonts/poppins/Poppins-ExtraLightItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Italic';
    src: url(../fonts/poppins/Poppins-Italic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Light';
    src: url(../fonts/poppins/Poppins-Light.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-LightItalic';
    src: url(../fonts/poppins/Poppins-LightItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url(../fonts/poppins/Poppins-Medium.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-MediumItalic';
    src: url(../fonts/poppins/Poppins-MediumItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url(../fonts/poppins/Poppins-Regular.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url(../fonts/poppins/Poppins-SemiBold.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-SemiBoldItalic';
    src: url(../fonts/poppins/Poppins-SemiBoldItalic.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Thin';
    src: url(../fonts/poppins/Poppins-Thin.ttf);
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ThinItalic';
    src: url(../fonts/poppins/Poppins-ThinItalic.ttf);
    font-style: normal;
}


:root {
}

body {
}

a {
    text-decoration: none;
}

/*ul {
    list-style-type: none;
    padding-left: 0;
}*/
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}

i {
    font-family: fontawesome;
    font-style: normal;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-family: 'PlayfairDisplay-Regular';
    font-size: 17.5px;
    margin-right: 20px;
}


.bg-light {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
    z-index: 9;
}

.cocuk-ergen-psikoterapi-ust {
    min-width: 100%;
    position: relative;
    background-color: #fcf7f0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding-bottom: 40px;
}

    .cocuk-ergen-psikoterapi-ust h2 {
        margin-top: 50px;
        font-family: 'PlayfairDisplay-Regular';
        font-weight: bold;
        font-size: 26px;
    }

    .cocuk-ergen-psikoterapi-ust p {
        font-family: 'Poppins-Light';
        font-size: 18px;
        margin-top: 30px;
    }


.cocuk-ergen-psikoterapi-terapi {
    min-width: 100%;
    min-height: 335px;
    position: relative;
    background-image: url(../images/21.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: relative;
    z-index: 9;
    margin-bottom: -3px;
    margin-top: -6px;
}

    .cocuk-ergen-psikoterapi-terapi .sag {
        height: 335px;
    }


        .cocuk-ergen-psikoterapi-terapi .sag ul {
        }

            .cocuk-ergen-psikoterapi-terapi .sag ul li {
                font-size: 22px;
                color: #fff;
                font-family: 'PlayfairDisplay-Regular';
                margin: 15px 0px 15px 40px;
            }


.gogle {
    min-width: 100%;
    min-height: 35px;
    position: relative;
    background-image: url(../images/golge.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.cocuk-ergen-psikoterapi-orta p {
    font-family: 'Poppins-Light';
    font-size: 18px;
    margin: 30px 0 50px 0;
}



.cocuk-ergen-psikoterapi-neden-beni-tercih-etmelisiniz {
    min-width: 100%;
    /*min-height: 600px;*/
    position: relative;
    /*background-image: url(../images/NedenBen.png);*/
    /*background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;*/
}


.box {
    color: #fff;
}

    .box .b1 {
        background-color: #c5b3a1;
        width: 100%;
        min-height: 400px;
        padding-left: 30%;
        padding-right: 5%;
        margin-left: -15px;
        width: calc(100% + 15px);
    }

    .box .b2 {
        background-color: #a59e8d;
        width: 100%;
        min-height: 400px;
        padding-right: 5%;
        padding-left: 5%;
    }

    .box .b3 {
        background-color: #d49f83;
        width: 100%;
        min-height: 400px;
        padding-right: 5%;
        padding-left: 5%;
    }

    .box .b4 {
        background-color: #c5b3a1;
        width: 102%;
        min-height: 400px;
        padding-left: 5%;
        padding-right: 30%;
    }


    .box .sayi {
        font-family: 'Poppins-Light';
        font-size: 32px;
    }

    .box h2 {
        font-family: 'Poppins-Medium';
        font-size: 24px;
        min-height: 76px;
    }

    .box p {
        font-family: 'Poppins-Light';
        font-size: 14px;
    }


.konusma-terapisi {
    background-color: #fffcf9;
    padding-top: 75px;
}

    .konusma-terapisi p {
        font-family: 'Poppins-Light';
        font-size: 18px;
        margin-top: 4px;
    }

    .konusma-terapisi h2 {
        font-family: 'PlayfairDisplay-Regular';
        font-weight: bold;
        font-size: 26px;
    }

    .konusma-terapisi .dh2 {
        min-width: 135px;
    }


    .konusma-terapisi .alttan50 {
        margin-bottom: 50px;
    }

    .konusma-terapisi .ustten100 {
        margin-top: 50px;
    }

    .konusma-terapisi .ustten20 {
        margin: 25px 0;
    }

.ustten1002 {
    margin-top: 50px;
}

.ustten320 {
    margin: 0 0 25px 0;
}

.bireysel-terapi {
    background-image: linear-gradient(#fffcf9, #f1eae1);
    min-height: 500px;
    padding: 50px 0;
}

    .bireysel-terapi .b4 {
        min-height: 500px;
    }

    .bireysel-terapi h2 {
        font-family: 'PlayfairDisplay-Regular';
        font-weight: bold;
        font-size: 28px;
        margin-top: 30px;
    }

    .bireysel-terapi p {
        font-family: 'Poppins-Light';
        font-size: 18px;
        padding-right: 10%;
        margin-top: 20px;
    }

.virgul {
    height: 38px;
    margin-right: 20px;
    margin-top: 20px;
}

.cizgi {
    width: 35%;
    height: 3px;
    margin-top: 51px;
    margin-left: 20px;
}

.form-terapi {
    padding: 100px 0;
    background-color: #fffcf9;
}

    .form-terapi .heading22 {
        font-family: 'PlayfairDisplay-Regular';
        font-weight: bold;
        font-size: 28px;
        margin-bottom: 25px;
        color: #000;
    }


    .form-terapi label {
        font-family: 'Poppins-Medium';
        color: #a7a7a7;
    }

    .form-terapi input {
        border: none;
        border-bottom: 1px solid #a7a7a7;
        background-color: transparent;
    }

    .form-terapi textarea {
        border: none;
        border-bottom: 1px solid #a7a7a7;
        background-color: transparent;
    }

    .form-terapi .btn-primary {
        background-color: #c0bba5;
        color: #fff;
        border: none;
        font-size: 20px;
        padding: 15px 70px;
        border-radius: 50px;
    }

    .form-terapi .sag {
        color: #8c8c8c;
        padding-left: 10%;
    }

        .form-terapi .sag a {
            margin-bottom: 1rem;
            font-family: 'Poppins-SemiBold';
            font-size: 16px;
            color: #8c8c8c;
        }

        .form-terapi .sag p {
            font-family: 'Poppins-Regular';
            font-size: 16px;
        }

        .form-terapi .sag .web {
            color: #c0bba5;
            font-size: 23px;
            font-family: 'Poppins-Bold';
        }

            .form-terapi .sag .web a {
                color: #c0bba5;
                font-size: 23px;
                font-family: 'Poppins-Bold';
            }

        .form-terapi .sag .social {
            margin-top: 3rem;
        }

            .form-terapi .sag .social i {
                margin-right: 15px;
                font-size: 16px;
                color: #c0bba5;
            }


.footer {
    min-width: 100%;
    min-height: 238px;
    position: relative;
    background-image: url(../images/footer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}


    .footer .b4 {
        min-height: 238px;
    }

    .footer h1 {
        margin-top: 50px;
        font-family: 'PlayfairDisplay-Regular';
        font-weight: bold;
        font-size: 32px;
    }

    .footer p {
        font-family: 'Poppins-Light';
        font-size: 14px;
        margin-top: 30px;
    }


.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #bfbba4;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(191 187 164 / 20%);
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: #b3b3b3;
    border-color: #9f9b88;
}

@media (min-width: 1201px) {
    .navbar-brand img {
        padding: 50px 0;
    }

    .navbar > .container-fluid {
        display: block;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
        text-align: -webkit-center;
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: center;
    }
}

.d-flexim {
    display: flex;
}

.res {
    display: none;
}

.webdegorunsun {
    display: block;
}

.mobildegorunsun {
    display: none;
}

.fs {
    border: none !important;
    background-color: transparent !important;
    font-family: 'PlayfairDisplay-Regular';
    font-size: 17.5px;
    margin-top: 2px;
}

    .fs:focus {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: #bfbba4;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgb(191 187 164 / 20%);
    }

@media (max-width: 1200px) {
    .footer .justify-content-center {
        text-align: center;
    }

    .box h2 {
        min-height: 24px;
    }

    .cocuk-ergen-psikoterapi-ust h2 {
        font-size: 22px;
    }

    .form-terapi .sag .web a {
        font-size: 18px;
    }

    .webdegorunsun {
        display: none;
    }

    .mobildegorunsun {
        display: block;
    }


    .res {
        display: block;
        min-width: 100%;
        min-height: 155px;
        position: relative;
        background-image: url(../images/212.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        padding-bottom: 40px;
        z-index: 999;
        /*
        margin-top: -5px;
        position: relative;
        */
    }

    .navbar-brand img {
        width: 100%;
        margin-top: 30px;
    }

    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer;
        margin-left: 43%;
    }

    .cocuk-ergen-psikoterapi-terapi {
        background-image: none;
        background-color: #bfbba4;
    }

        .cocuk-ergen-psikoterapi-terapi .sag ul li {
            margin: 15px 0px 15px 0px;
        }

    .box .b1 {
        width: 100%;
        min-height: 250px;
        padding-left: 5%;
        padding-right: 5%;
        margin-left: 0;
        width: 100%;
    }

    .box .b2 {
        min-height: 250px;
    }

    .box .b3 {
        min-height: 250px;
    }


    .box .b4 {
        width: 100%;
        min-height: 250px;
    }

    .d-flexim {
        display: grid;
    }

    .bireysel-terapi {
        background-image: linear-gradient(#f9f6f2, #f1eae1);
        min-height: auto;
        padding: 0;
    }

        .bireysel-terapi .b4 {
            min-height: auto;
        }

    .cizgi {
        display: none;
    }

    .form-terapi .sag {
        padding-left: 0;
        margin-top: 50px;
    }

    .form-terapi {
        padding: 100px 0 50px 0;
    }
}