/* Add here all your CSS customizations */



.LeftMenuArea {
    padding-bottom: 30px;
    position: relative;
    bottom: 0px;
    z-index: 999;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(81,84,86,0.23);
    background-color: #004277;
    min-height: 300px;
}


    .LeftMenuArea:before {
        position: absolute;
        content: "";
        border-style: solid;
        border-width: 35px 240px 0px 0px;
        border-color: #004277 transparent transparent transparent;
        left: 0%;
        top: 100%;
    }

    .LeftMenuArea .MenuTitle {
        padding-top: 15px;
        padding-bottom: 20px;
        padding-left: 0px;
        color: #FFFFFF;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        border-bottom: solid 1px #004F8E;
        line-height: 30px;
        background-image: -webkit-linear-gradient(270deg,rgba(0,66,119,1.00) 0%,rgba(0,45,81,1.00) 100%);
        background-image: -moz-linear-gradient(270deg,rgba(0,66,119,1.00) 0%,rgba(0,45,81,1.00) 100%);
        background-image: -o-linear-gradient(270deg,rgba(0,66,119,1.00) 0%,rgba(0,45,81,1.00) 100%);
        background-image: linear-gradient(180deg,rgba(0,66,119,1.00) 0%,rgba(0,45,81,1.00) 100%);
        background-color: #004277;
    }



    .LeftMenuArea ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

        .LeftMenuArea ul li {
        }

            .LeftMenuArea ul li a {
                padding-left: 20px;
                padding-top: 10px;
                padding-bottom: 10px;
                display: block;
                white-space: nowrap;
                font-size: 14px;
                font-weight: 400;
                box-sizing: border-box;
                color: #FFFFFF;
                border-bottom: solid 1px #004D8C;
            }


                .LeftMenuArea ul li a:before {
                color: inherit;
	            opacity: 0.5;
	            font-family: 'Font Awesome 5 Free';
	            content: "\f105";
	            padding: 0 7px 0 5px;
	            font-weight: 900;
                }


                .LeftMenuArea ul li a:hover {
                    transition-property: all;
                    transition-duration: 0.2s;
                    color: #FFF !important;
                    background-color: #003867;
                    border-bottom: solid 1px #00325C;
                }

                .LeftMenuArea ul li a.Selected {
                    font-weight: 700;
                    color: #404142;
                    background-color: #FFFFFF;
                    border-bottom: solid 1px #003C6C;
                }

                    .LeftMenuArea ul li a.Selected:hover {
                        border-bottom: solid 1px #004D8C;
                        background-color: #004277;
                        color: #FFFFFF;
                    }


.text-color-icon {
    color: #fbca00 !important;
}


/** Hizmetlerimiz kartları **/
.hizmet-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2rem 1.5rem;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

    .hizmet-card:hover,
    .hizmet-card:focus {
        transform: translateY(-6px);
        border-color: #dc0000;
        box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
        color: inherit;
        text-decoration: none;
    }

    .hizmet-card .icon-box,
    .hizmet-card .icon-box-info {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    .hizmet-card .hizmet-card-img {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 130px;
        margin-bottom: 1.5rem;
    }

        .hizmet-card .hizmet-card-img img {
            max-height: 130px;
            max-width: 100%;
            width: auto;
        }

        /* düşük çözünürlüklü logolar (ör. TTS) için görsel denge */
        .hizmet-card .hizmet-card-img img.hizmet-card-logo {
            width: 190px;
            max-height: none;
        }

    .hizmet-card .hizmet-card-more {
        margin-top: auto;
        padding-top: .5rem;
    }