body {
    font-family: "Raleway", sans-serif;
    font-family: "Josefin Sans", sans-serif;
}

:root {
    --renk: #e53e29;
    --renk2: #518c3f;
    --baslik: "Lobster", sans-serif;
}

.lyt1 {
    position: fixed;
    z-index: 666;
    padding: 20px 20px;
    transition: .5s all;
}

.lyt2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    padding: 10px;
    position: relative;
    width: 25%;
    /*width: 100%;*/
}

    .logo a {
        transition: .5s all;
    }

    .logo img {
        max-height: 150px;
    }

.lyt3 {
    width: 75%;
}

    .lyt3 ul {
        list-style: none;
        padding: 10px 0;
    }

.lyt5 {
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid rgba(255,255,255,.4);
    padding-bottom: 15px;
}

    .lyt5 ul {
        display: flex;
    }

.lyt1_fixed {
    background: #fff;
    padding: 0;
    border-bottom: 2px solid var(--renk2);
    transition: .5s all;
}

.lyt5_fixed {
    display: none;
}

.lyt2_fixed {
    align-items: flex-start;
    position: relative;
    transition: .5s all;
}

.lyt4_fixed a {
    color: #000 !important;
}

.lyt2_fixed > .logo a {
    position: absolute;
    background: #fff;
    padding: 7px 15px 25px 15px;
    border-radius: 15px;
    transition: .5s all;
}

.lyt2_fixed > .logo img {
    max-height: 135px;
}

.lyt7 li {
    color: #fff;
    padding: 0 20px;
    /*opacity: .8;*/
}

.lyt7 a {
    color: #fff;
}

.lyt8 li {
    color: #fff;
    padding: 0 10px;
    /*opacity: .8;*/
}

.lyt8 a {
    color: #fff;
}

.lyt6 {
    border-left: 1px solid rgba(255,255,255,.4);
}

.lyt4 {
    padding: 20px 0;
}

    .lyt4 a {
        color: #fff;
    }

    .lyt4 ul {
        display: flex;
        justify-content: flex-end;
        gap: 15px;
        color: #fff;
    }


.sldvideo1 {
    overflow: hidden;
    position: relative;
    height: 80vh;
}

    .sldvideo1 video {
        width: 100%;
        height: 98%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }

.sld1 {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.sld2 {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgb(34 34 34 / 38%);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .sld2 h2 {
        font-family: var(--baslik);
        font-size: 55px;
        color: #fff;
    }

    .sld2 p {
        font-size: 21px;
    }

    .sld2 h4 {
        background: var(--renk);
        padding: 10px 30px;
        font-size: 18px;
    }

#owl-carouselslide .owl-nav {
    display: block;
}

#owl-carouselslide .owl-dots {
    display: none;
}

#owl-carouselslide .owl-prev {
    position: absolute;
    top: 40%;
    left: 5%;
}

    #owl-carouselslide .owl-prev:hover {
        background: transparent;
    }

#owl-carouselslide .owl-next:hover {
    background: transparent;
}

#owl-carouselslide .owl-next {
    position: absolute;
    top: 40%;
    right: 5%;
}

#owl-carouselslide .owl-prev span {
    font-size: 80px;
}

#owl-carouselslide span {
    color: #000;
}

    #owl-carouselslide span:hover {
        color: #000;
    }

#owl-carouselslide .owl-next span {
    font-size: 80px;
}

.scrolldown {
    position: relative;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    display: block;
}

    .scrolldown > svg {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .scrolldown > .svg-wrapper {
        top: -45px;
    }

    .scrolldown > .angle-bottom {
        top: -35px;
        animation-delay: 1s;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-name: scrolldown-anim;
    }

@keyframes scrolldown-anim {
    0%,20%,50%,80%,to {
        -webkit-transform: translateY(0) translateX(-50%);
        transform: translateY(0) translateX(-50%)
    }

    40% {
        -webkit-transform: translateY(5px) translateX(-50%);
        transform: translateY(5px) translateX(-50%)
    }

    60% {
        -webkit-transform: translateY(3px) translateX(-50%);
        transform: translateY(3px) translateX(-50%)
    }
}

.hak1 {
    padding: 50px 0;
}

.hak2 {
    position: relative;
    overflow: hidden;
    padding: 0;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
}

.hak3 {
    padding-left: 50px;
    padding-top: 25px;
}

    .hak3 h2 {
        font-family: var(--baslik);
        color: var(--renk2);
        padding-bottom: 15px;
    }

.hakimg {
    position: absolute;
    z-index: 2222;
    bottom: -90px;
    left: -125px;
    max-width: 300px;
}

.hakimg2 {
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
}

.urn1 {
    padding: 50px 0;
}

.urn2 {
    text-align: center;
    padding-bottom: 25px;
}

    .urn2 h1 {
        font-family: var(--baslik);
        color: var(--renk2);
        padding-bottom: 15px;
    }

.urn3 {
    padding: 10px;
}

    .urn3 a {
        position: relative;
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
        display: block;
        border-radius: 15px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        overflow: hidden;
        color: #333;
    }

        .urn3 a:hover {
            transform: scale(1.03);
            box-shadow: 0 12px 24px rgba(0,0,0,0.15);
        }

    .urn3 h2 {
        text-align: center;
        font-size: 21px;
        padding-top: 25px;
        padding-bottom: 25px;
        transition: color 1.5s ease;
    }

    .urn3 a:hover .urn3 h2 {
        color: #2a7f4f;
        transition: color 1.5s ease;
    }

    .urn3 a:hover .urunimg2 {
        /*opacity:.8;*/

        transition: 1.5s all;
        transform: rotateZ(45deg);
    }

    .urn3 a:hover .urunimg {
        /*bottom: 15px;*/
        transition: .5s all;
        opacity: 0;
    }

.urn4, .urn04 {
    position: relative;
    /*height: 300px;*/
    aspect-ratio: 1 / 1;
    width: 100%;
    /*overflow: hidden;*/
}

.one, .two {
    height: 50%;
    /*overflow: hidden;*/
    position: absolute;
}

.one {
    position: absolute;
    left: 0;
    height: 51%;
    width: 100%;
    overflow: hidden;
    transition: all 1.5s ease;
    top: 0;
}

.two {
    position: absolute;
    left: 0;
    height: 50%;
    width: 100%;
    overflow: hidden;
    transition: all 1.5s ease;
    bottom: 0;
}

    .two > .urunimg2 {
        bottom: 0;
        position: absolute;
        width: 100%;
        height: 200%;
    }

.one > .urunimg2 {
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
}

.urn3 a:hover .one {
    top: -40px;
}

.urn3 a:hover .two {
    bottom: -40px;
}

.urn4 img, .urn04 img {
}

.urn3 a:hover h2 {
    opacity: 0;
    transition: .5s ease;
}

.caption h3 {
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 40px));
    opacity: 0;
    transition: .3s all;
    text-align: center;
    font-size: 21px;
    color: var(--renk);
}

.urn3 a:hover .caption h3 {
    opacity: 1;
    transition: 1.5s all;
}

.urunimg2 {
    padding: 50px;
    transition: 1.5s all;
}

.urunimg {
    position: absolute;
    bottom: 0;
    right: 10px;
    max-height: 75px;
    transition: .3s all;
}

.fayda1 {
    padding: 50px 0;
}

.fayda2 {
    text-align: center;
    padding-bottom: 25px;
}

    .fayda2 h1 {
        font-family: var(--baslik);
        color: var(--renk2);
        padding-bottom: 15px;
    }

.fayda4 {
    text-align: center;
    min-height: 65vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .fayda4 img {
        max-width: 20vw;
    }

.fayda3 {
    display: flex;
    justify-content: center;
}

.hazelnut-diagram {
    position: relative;
}


    .hazelnut-diagram .point {
        position: absolute;
        text-align: center;
        color: #333;
        font-family: sans-serif;
        font-size: 14px;
    }


        .hazelnut-diagram .point::before {
            content: "";
            position: absolute;
            background: #d1ae87;
            z-index: 1;
            display: none;
        }


        .hazelnut-diagram .point::after {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            background: #d1ae87;
            /*      top: 10px;
            left: -16px;*/
            display: none;
            border-radius: 50%;
        }

        .hazelnut-diagram .point a {
            display: inline-block;
            width: 6px;
            height: 6px;
            margin-top: 4px;
            margin-left: 4px;
            border: solid #c69c6d;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            text-decoration: none;
        }

            .hazelnut-diagram .point a:hover {
                border-color: #a57c52;
                cursor: pointer;
            }

.point h3 {
    font-size: 24px;
    font-family: var(--baslik);
    color: var(--renk);
}


.home1.newsletter {
    background-attachment: fixed !important;
}

    .home1.newsletter .overlay {
        /*background: rgb(10 10 10 / 55%);*/
        background: rgb(10 10 10 / 17%);
        padding: 100px 0;
    }

    .home1.newsletter .content {
        position: relative;
    }

        .home1.newsletter .content:before {
            content: '';
            width: 96px;
            height: 108px px;
            /* background: url(../images/home1/newsletter/mail-img.png) no-repeat; */
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            left: -130px;
        }

        .home1.newsletter .content h1 {
            /*font-weight: 700;*/
            color: #fff;
            font-size: 52px;
            /*font-family: 'Montserrat', sans-serif;*/
        }

.srd10 span {
    font-size: 48px;
    font-weight: 300;
}

.ft1 {
    padding: 50px 0;
}

.ft2 img {
    max-height: 150px;
    margin-bottom: 25px;
}

.ft2 ul {
    display: flex;
    list-style: none;
    padding: 10px 0;
}

.ft2 li {
    color: #000;
    padding: 0 10px;
}

.ft2 a {
    color: #000;
    font-size: 18px;
}

.ft3, .ft4 {
    padding-top: 25px;
}

    .ft3 ul, .ft4 ul {
        list-style: none;
    }

    .ft3 li:before, .ft4 li:before {
        content: '✓';
        color: #fff;
        color: var(--renk);
        border-radius: 50%;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
    }

    .ft3 a {
        color: #000;
    }

    .ft4 a {
        color: #000;
    }

.ft5 {
    padding-left: 40px;
    padding-top: 25px;
}

    .ft5 p {
        margin-bottom: 0;
        display: inline-block;
        font-weight: 600;
    }

    .ft5 i {
        color: var(--renk);
    }

    .ft5 a {
        display: block;
        color: #000;
    }

.ftr5 {
    margin-bottom: 20px;
}

.cp1 {
    padding: 25px;
    border-top: 1px solid #8d8d8d;
    display: flex;
    justify-content: space-between;
}

    .cp1 img {
        max-height: 25px;
    }

    .cp1 p {
        color: #000;
        margin-bottom: 0;
    }



.hakd3 {
    padding-left: 50px;
    padding-top: 25px;
}

    .hakd3 h2 {
        font-family: var(--baslik);
        color: var(--renk2);
        padding-bottom: 15px;
    }

.hakd1 {
    padding: 50px 0;
}

.history1 {
    position: relative;
}

.history2 {
    height: 100%;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.history3 span {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: var(--renk2);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: 0 0 0 4px #fff;
    -moz-box-shadow: 0 0 0 4px #fff;
    -o-box-shadow: 0 0 0 4px #fff;
    box-shadow: 0 0 0 4px #fff;
}

.history3 > .dot:before {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 12px 7px;
    border-color: transparent transparent #3b8f5b transparent;
    position: absolute;
    content: "";
    top: -7px;
    left: -2px;
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    -o-transform: rotate(-22deg);
    transform: rotate(-22deg);
}

.history3 > .dot2:before {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 12px 7px;
    border-color: transparent transparent #3b8f5b transparent;
    position: absolute;
    content: "";
    top: 7px;
    left: 6px;
    -webkit-transform: rotate(22deg);
    -moz-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    -o-transform: rotate(22deg);
    transform: rotate(22deg);
}

.history4 {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    height: 350px;
}

    .history4 h5 {
        font-size: 24px;
        letter-spacing: -1px;
        font-weight: 500;
        color: var(--renk);
        font-family: var(--baslik)
    }

    .history4 p {
        /*font-size: 14px;*/
        line-height: 1.35;
        font-weight: 500;
        /*max-height: 180px;*/
        overflow: auto;
        /*padding-bottom: 20px;*/
        padding-right: 10px;
    }

.history5 {
    height: 350px;
}

.history6:before {
    position: absolute;
    width: 100%;
    content: "";
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--renk2);
    margin-top: -1.5px;
}

#owl-carouselHISTORY .owl-prev, #owl-carouselHISTORY .owl-next {
    position: absolute;
    top: 50%;
    background-color: #1e9036;
    width: 40px;
    height: 40px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-top: -20px;
}

#owl-carouselHISTORY .owl-prev {
    left: 0;
}

#owl-carouselHISTORY .owl-next {
    right: 0;
}

#owl-carouselHISTORY .owl-dots, #owl-carouselHISTORY .owl-nav {
    display: none;
}

.btn2 > .customNextBtn {
    position: absolute;
    right: 0%;
    top: 15px;
    font-size: 24px;
    color: #fff;
    padding: 0;
    position: absolute;
    top: 50%;
    background-color: #1e9036;
    width: 40px;
    height: 40px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-top: -20px;
    z-index: 44;
}

.btn2 > .customPreviousBtn {
    position: absolute;
    left: 0%;
    top: 15px;
    font-size: 24px;
    color: #fff;
    padding: 0;
    position: absolute;
    top: 50%;
    background-color: #1e9036;
    width: 40px;
    height: 40px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-top: -20px;
    z-index: 44;
}

.history7 {
}

    .history7 h1 {
        font-family: var(--baslik);
        color: var(--renk2);
        padding-bottom: 15px;
        text-align: center;
    }

.history8 {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    padding: 20px;
    overflow-y: scroll;
    scrollbar-width: none;
    height: 250px;
}

.history9 {
    position: relative;
}

.urund1 {
    padding: 50px 0;
    position: relative;
}

.urund2 {
    position: relative;
}

.urunimgd2 {
    padding: 50px;
    transition: 1.5s all;
}

.urunimgd {
    position: absolute;
    bottom: 0;
    right: 10px;
    max-height: 125px;
    transition: .3s all;
}

.urund3 {
    /*padding-top: 25px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .urund3 h3 {
        font-size: 18px;
        color: var(--renk);
    }

.digerurun1 {
    position: absolute;
    top: -75px;
    right: 0;
    background: #fff;
    padding: 50px;
    z-index: 444;
}

    .digerurun1 h3 {
        padding-bottom: 15px;
        opacity: .2;
        font-size: 36px;
    }

    .digerurun1 ul {
        list-style: none;
    }

    .digerurun1 li {
        padding: 10px 0;
        border-bottom: 1px solid #e5e7eb;
    }

    .digerurun1 a {
        font-size: 18px;
        font-weight: 500;
        color: #333;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        transition: .3s all;
    }

    .digerurun1 img {
        max-height: 45px;
        padding-right: 10px;
    }

    .digerurun1 h2 {
        font-size: 18px;
        margin-bottom:0;
    }

.kryr1 {
    padding: 50px 0;
}

.tp72:hover {
    background: #fff;
    color: var(--renk2);
    border: 1px solid var(--renk2);
}

.tp72 {
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid transparent;
    color: #ffffff;
    background: var(--renk2);
    transition: all 0.3s ease;
}

.ilet1 {
    padding: 50px 0;
}

.ilet2 {
    position: relative;
}

.ilet3 {
    margin-right: 0;
    background: var(--renk2);
    border-radius: 5px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 16px;
    right: 20px;
    right: 25px;
    top: -16px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
}

.ilet4 {
    background: rgba(123, 93, 73, 0.1);
    border-radius: 5px;
    padding-left: 25px;
    padding-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
}

    .ilet4 span {
        text-transform: uppercase;
        /*color: #7b5d49;*/
        font-size: 16px;
        font-weight: 800;
    }

    .ilet4 p {
        color: #999;
        /*font-size: 13px;*/
        padding-top: 5px;
        line-height: 1.4;
        padding: 1px 0;
        margin-bottom: 0;
    }

.ilet6 h1 {
    margin-bottom: 8px;
    /* color: #fff; */
    font-size: 40px;
    font-weight: 500;
    font-family: var(--baslik);
    margin-bottom:15px;
}

.ilet5 {
    padding-top: 50px;
}

.ilet6 span {
    color: var(--renk2);
}

.iletif{
    padding:50px 0 0 0 ;
}
.iletif iframe{
    width:100%;
    height:450px;

}
.tesis2{
    padding:25px 0;
    position:relative;
}
.tesis3 {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 13%);
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 50px;
}
    .tesis3 h2 {
        font-family: var(--baslik);
        margin-bottom: 25px;
        color: var(--renk2);
    }
.tesis4, .tesis3{
    width:45%;
}
.tesis4 img {
    border-radius: 20px;
    overflow: hidden;
}
.tesis5 {
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15%;
    border-top: 2px dotted #845400;
}

.tesis6 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 2px;
    background-image: /* dikey noktalı desen */ linear-gradient(to bottom, #845400 33%, rgba(255, 255, 255, 0) 0%);
    background-size: 2px 8px;
    background-repeat: repeat-y;
    height: 50%;
    margin: 0 10px;
}
.tesisiframe1 {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 13%);
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 5px;
}
    .tesisiframe1 iframe {
        width: 100%;
        height: 450px;
        border-radius: 20px;
    }
.surd1 {
    padding: 50px 0;
}
.surd3{
   margin-top:25px;
}
.surd4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background: #fff;
    margin-right: -50px;
    z-index: 555;
    position: relative;
    padding:25px;
}
.surd04 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background: #fff;
    margin-left: -50px;
    z-index: 555;
    position: relative;
    padding:25px;
}
    .surd4 h2, .surd04 h2 {
        font-family: var(--baslik);
        color: var(--renk2);
        margin-bottom: 15px;
    }
.surd5 {
    padding: 10px 0 10px 10px;
   
}
.surd05 {
    padding: 10px 10px 10px 0;
   
}
.surd6{
    padding:0;
}
.dr1 ul {
    background: #fff;
    min-width: 100%;
    text-align: center;
    display:none;
}
.dr1 img {
    max-height: 21px;
}
.dr1 {
    border-left: 1px solid rgba(255,255,255,.4);
    padding-left: 10px;
}
.dr2 a{
    color:#000;
}
.dr01 ul {
    background: #fff;
    min-width: 100%;
    text-align: center;
    display:none;
}
.dr01 img {
    max-height: 21px;
}
.dr01 {
    /*border-left: 1px solid rgba(255,255,255,.4);*/
    /*padding-left: 10px;*/
}
.dr02 a{
    color:#000;
}

.klt1 {
}

.klt2 {
    padding: 25px 10px;
}

.klt3 a {
    padding: 10px;
    background: #fff;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    display: block;
    min-height: 335px;
}

.klt3 img {
    margin-bottom: 25px;
    border-radius: 5px;
    /*border: 2px solid #bababa;*/
}

.klt4 {
    padding: 0 15px;
}

    .klt4 h2 {
        font-size: 18px;
        color: #000;
    }


.haber1 {
    padding: 50px 0;
}

.haber3 {
    color: #333;
    position: relative;
}

    .haber3:hover {
        color: #333;
    }

    .haber3.active:after {
        content: "";
        height: 2px;
        width: 50%;
        /*background: var(--kirmizi);*/
        margin-bottom: 5px;
        display: inline-block;
        margin-right: 15px;
    }

    .haber3 h1 {
        font-size: 30px;
        font-weight: 400;
    }

.haber4 a {
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    overflow: hidden;
    padding-top: 1px;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    color: #333;
    display: block;
    /*min-height: 500px;*/
}

.haber5 {
    padding: 20px 20px 40px
}

    .haber5 h2 {
        font-size: 18px;
        font-weight: 600;
    }

    .haber5 p {
        line-height: 24px;
        color: #808080;
        margin-bottom: 25px;
    }

    .haber5 strong {
        color: #a9a9a9;
        font-size: 14px;
    }

.haber6 {
    padding: 50px 0;
}

.sonhaber1 {
    position: absolute;
    top: -75px;
    right: 0;
    background: #fff;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    padding: 50px;
    z-index:555;
}

    .sonhaber1 h3 {
        padding-bottom: 15px;
        opacity: .2;
        font-size: 36px;
    }

    .sonhaber1 ul {
        list-style: none;
    }

    .sonhaber1 li {
        padding: 10px 0;
        border-bottom: 1px solid #e5e7eb;
    }

    .sonhaber1 a {
        font-size: 18px;
        font-weight: 500;
        color: #333;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        transition: .3s all;
    }

        .sonhaber1 a:hover {
            opacity: .5;
            transition: .3s all;
        }

    .sonhaber1 h2 {
        font-size: 18px;
    }

    .sonhaber1 img {
        max-height: 45px;
        padding-right: 10px;
    }

.haberd1 {
    position: relative;
    padding: 50px 0;
}

.haberd2 img {
    margin-bottom: 25px;
}

.haberd2 h3 {
    font-size: 21px;
}

.haberd2 p {
    word-wrap: break-word;
}
.habergaleri1{
    padding-top:50px;
}
.tss1 {
    margin-bottom: 20px;
    /*padding-left: 40px;*/
    padding-top: 15px;
    text-align: start;
}


    .tss1 p {
        margin-bottom: 0;
        display: inline-block;
        font-weight: 600;
        color: var(--renk)
    }

    .tss1 i {
        color: var(--renk);
    }

    .tss1 a {
        display: block;
        color: #000;
        font-size: 14px;
    }

.tss2 {
    border-right: 1px solid #d9d9d9;
}

.tss4 {
    border-bottom: 1px solid #d9d9d9;
}
.tss5 {
    padding: 10px;
    border: 1px solid rgb(0 0 0 / 13%);
}