.ForPcNavbar{
    z-index: 15 !important;
}
.ForSlider {
    position: relative;
    left: -1px;
    z-index: 5;
}
nav{
    z-index: 515 !important;
    position: relative !important;
}
/* .ForSlider .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: absolute;
    left: 14%;
    top: 70%;
    transform: translate(0% , -70%);
} */

.ForSlider .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #2E72AD;
    z-index: 10 !important;
}
.ForSlider .owl-theme .owl-dots .owl-dot span {
    
    width: 18px;
    height: 18px;
    margin: 5px 7px;
    background: white;
    display: block;
    border: 1px solid #2E72AD;
    visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    z-index: 10 !important;
}
.slider-carousel .owl-dots {
    position: absolute;
    bottom: 11rem;
    max-width: 1287px;
    display: flex;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
}
.Formobileslider{
    display: none;
}
.MobilHizmetCardImg{
    width: 60px;
    height: 60px;
    border: 2px solid #BFBFBF;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.MobilHizmetCardText{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #2b2b2b;
    margin-top: 9px;
}

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

.card-title{
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translate(-20%, -50%);
    font-family: Poppins;
    font-size: 42px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: 0.04em;
    text-align: left;
    color: #fff !important;    
}

.ForHoverAnimation1{
    opacity: 0;
    transition: .4s;
}
.tasimacilik-banner{
    position: relative;
}
.carousel-container{
    position: absolute;
    top: 0;
}
.carousel-banner{
    height: 322px;

}

.ForHoverAnimation2{
    opacity: 0;
    transition: .4s;
}

.ForHoverAnimation3{
    opacity: 0;
    transition: .4s;
}

.card-img{
    height: 650px !important; 
}

.slider-img-alt{
    margin-top: 7px;
    height: 391px !important;
}

.BannerAltCard1{
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    row-gap: 1rem; 
    border-right: 1px solid #FFFFFF3D;
    transition: .4s;
}

.BannerAltCard1:hover .ForHoverAnimation1{
    opacity: 1;
    transition: .4s;
}

.BannerAltCard2{
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    row-gap: 1rem; 
    border-right: 1px solid #FFFFFF3D;
    transition: .4s;
}

.BannerAltCard2:hover .ForHoverAnimation2{
    opacity: 1;
    transition: .4s;
}

.BannerAltCard3{
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    row-gap: 1rem; 
    border-right: 1px solid #FFFFFF3D;
    transition: .4s;
}

.BannerAltCard3:hover .ForHoverAnimation3{
    opacity: 1;
    transition: .4s;
}

.CardTittle{
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    color: #fff;    
}

.CardText{
    width: 85%;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #FFFFFF;    
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
    overflow:hidden;

}

.DetayliIncele{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #98B9D6;
    transition: .4s;
}

.icerik-banner{
    border-bottom: 7px solid rgba(152, 185, 214, 1) !important;
    border-radius: 0 !important;
}
.DegerCard:hover .DegerNumber{
    background-color: white !important;
    color: #023B6D;
    font-weight: 500;
}
.DegerTittle{
    margin-top: 85px;
    color: #03559C;
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;    
}

.DegerText{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    color: #363636;  
    margin-top: 1.3rem;  
}

.DigerCardSutun1{
    display: flex;
    justify-content: space-between;
    margin-top: 2.2rem;
}

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

.DigerCardSutun2Alt{
    display: flex; 
    column-gap: 2rem; 
    margin-top: 1.5rem; 
}

.DegerCard{
    display: flex;
    align-items: center;
    width: 280px;
    background: #EBEBEB;
    border-radius: 26px;
    padding: 17px 12px;
    transition: .2s;
}

.DegerNumber{
    width: 41px;
    height: 41px;
    background: #03559C;
    color: #fff;
    text-align: center;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 13px;
}
.blog-incele{
    margin-top: 1rem !important;
}
.referance-card img{
    filter: grayscale(100%);
    transition: .2s;
}
.referance-card:hover img{
    filter: grayscale(0);   
    transition: .2s;
}
.DegerNumberText{
    margin-left: 1rem;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #000000;    
    transition: .2s;
}

.ForMobileDeger{
    display: none;
}

.DegerCard:hover{
    background: #023B6D;
    transition: .2s;
    .DegerNumberText{color: #fff;}
}



.BlogTittle{
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;    
}
.BlogCard a{
    color: rgba(74, 74, 74, 1) !important;
}
.BlogCard:hover a{
    color: white !important;
}
.blog-carousel .owl-dot{
    display: none !important;
}
.BlogCard {
    background: #FFFFFF;
    color: rgba(74, 74, 74, 1) !important;
    border-radius: 26px;
    transition: .4s;
    padding-bottom: 1rem;
    height: 661px;
}
.BlogCard:hover{
    background: #03559C;
    .BlogCardDate{color: white; transition: .4s;}
    .BlogCardBusImgHover{display: block; transition: .4s;}
    .BlogCardBusImg{display: none; transition: .4s;}
    .BlogCardImgText{background: #03559C; color: #FFFFFF; transition: .4s;}
    .BlogCardTittle{color: #FFFFFF; transition: .4s;}
    .BlogCardText{color: #FFFFFF; transition: .4s;}
    .BlogCardHoverLink{opacity: 1; transition: .4s; color: #FFFFFF;}
}
.BlogCardDate{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    transition: .4s;
}

.BlogCardBusImg{
    transition: .4s;
}

.BlogCardBusImgHover{
    display: none;
    transition: .4s;
}

.BlogCardImg{
    position: relative;
}

.BlogCardImgText{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;    
    position: absolute;
    left: 5px;
    bottom: 20px;
    padding: 12px 24px;
    background-color: #FFFFFF;
    border-top-right-radius: 13px;
    transition: .4s;
}

.BlogCardTittle{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    padding: 0px 25px 0px 25px;
    transition: .4s;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /*Kaç Stırda sınırlamak istiyorsanız */
    -webkit-box-orient: vertical !important; 
    overflow:hidden !important;
}

.BlogCardText{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    margin-top: 1rem;
    padding: 0px 25px 0px 25px;
    transition: .4s;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.BlogCardHoverLink{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left; 
    padding-left: 25px;   
    transition: .4s;
    opacity: 0;
}

.DahaFazlaButon{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 24.43px;
    color: #FFFFFF;
    background: #03559C;
    border: none;
    border-radius: 26px;
    padding: 12px 24px;
}

.ReferansTittle{
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;    
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.RerferansCard{
    width: 190px;
    height: 142px;
    margin: 10px;
    border-radius: 13px;
    box-shadow: 3.51px 3.51px 33.35px 0px #0000000D;
    align-items: center;
    display: flex;
    justify-content: center;
}

.RerferansCard:hover .ReferansImg{
    opacity: 1;
    transition: 0.4;
}

.ReferansImg{
    opacity: 0.4;
    transition: .4s;
}

.SliderAltIcerik{
    position: absolute; top: 50%; left: 20%; transform: translate(-7%, -50%);
}

.FormobileSliderAlt{
    display: none;
}

.DigerCardAll{
    display: flex; justify-content: space-around;
}

.MobilHizmetAll{
    display: flex; column-gap: 3rem; justify-content: center;
}

.SliderText {
    font-family: Poppins;
    font-size: 42px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: 0.04em;
    text-align: left;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.blog-button{
    margin-top: 5rem;
    text-align: center;
}
.DegerCardDec{
    display: flex; 
    flex-direction: column; 
    row-gap: 1rem;
}
.referans-img{
    object-fit: contain;
    width: 143px !important;
    height: 70px !important;
}
.referance-card{
    height: 12vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 23px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 3.51px 3.51px 33.35px 0px rgba(0, 0, 0, 0.05);
}
.referans-carousel .owl-stage-outer{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.forz-index{
    position: absolute;
    top: 0;
}
.hizmet-title{
    display: none !important;
}
.image1, .image2 {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease-in-out;
}
.image1 {
    opacity: 1;
}
.referance-card:hover .image1 {
    opacity: 0;
}
.referance-card:hover .image2 {
    opacity: 1;
}
.image2 {
    opacity: 0;
}
@media only screen and (width <= 1650px) {
    /* .ForSlider .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 10px;
        position: absolute;
        left: 13%;
        top: 70%;
        transform: translate(-13% , -70%);
    } */
}

@media only screen and (width <= 1440px) {
    .DigerCardSutun1{
        column-gap: 2rem;
    }
    .DegerNumberText {
        font-size: 17px;
    }
    .SliderAltIcerik {
        position: absolute;
        top: 50%;
        left: 13%;
        transform: translate(-7%, -50%);
    }
}
@media only screen and (width <= 1399px) {
    .slider-carousel .owl-dots {
        max-width: 1140px;
    }
}
@media only screen and (width <= 1199px) {
    
    .slider-carousel .owl-dots {
        max-width: 940px;
    }
}

@media only screen and (width <= 1024px) {
    .DegerCard {
        display: flex;
        align-items: center;
        width: 211px;
        background: #EBEBEB;
        border-radius: 26px;
        padding: 17px 12px;
        transition: .92s;
    }
    /* .ForSlider .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 10px;
        position: absolute;
        left: 10%;
        top: 66%;
        transform: translate(-13% , -70%);
    } */
}

@media only screen and (width <= 991px) {
    .slider-carousel .owl-dots {
        width: 93%;
        bottom: 1rem;
    }
    .blog-carousel .owl-dot{
        display: block !important;
    }
    .yan{
        display: flex;
    width: 100% !important;
    align-items: center;
    column-gap: 1rem;
    }
    .SliderText {
        left: 195px;
        top: 80% !important;
    }
    .hizmet-title{
        display: block !important;
        font-family: Poppins;
font-size: 24px;
font-weight: 600;
line-height: 36px;
text-align: center;
margin-top: 4rem;
color: #000000;
    }
    .navbar-mobile {
        background-color: unset !important;
        display: flex;
        align-items: center;
        position: absolute;
        padding: 31px;
        justify-content: space-between;
        top: 0;
        width: 100%;
    }
    .blog-carousel .owl-dot{
        margin-top: 2rem;
    }
    .blog-button{
        margin-top: 2rem;
    }
    .DegerTittle {
        margin-top: 15px;
    }
    .ana-carousel{
        display: none;
    }
    .deger-orta {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .DegerCard{
        width: 100% !important;
    }
    .SliderText {
        font-family: Poppins;
        font-size: 23px;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0.04em;
        text-align: left;
        color: #fff;
        position: absolute;
        top: 60%;
        transform: translate(-51%, -75%);
    }
    .MobilHizmetAll{
        margin-top: 3rem;
        flex-wrap: unset!important;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        justify-content: center !important;
    }
    .MobilHizmetAll::-webkit-scrollbar{
        display: none;
    }
    .DegerCardDec{
        width: 100%;
    }
    .DigerCardAll{
        padding-top: 2rem;
    }
    .FormobileSliderAlt{
        display: block;
        margin-bottom: 2rem;
    }
    .Forpc{
        display: none;
    }
    .ForAyar .FooterBottomLink{
        margin-top: 4rem;
    }
    .col-sm-12 .FooterBottomLink{
        margin-top: 4rem;
    }
    .ForMobileDeger {
        display: block;
        padding-bottom: 3rem;
        padding-top: 1rem;
    }
    .ForPcDeger{
        display: none;
    }
    .DegerCard {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 80px;
        background: #EBEBEB;
        border-radius: 26px;
        padding: 17px 12px;
        transition: .2s;
    }
    .DegerNumber {
        width: 35px;
        height: 35px;
        background: #03559C;
        color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 13px;
    }
    .Formobileslider{
        display: block;
    }
    .Forpcslider{
        display: none;
    }
    .card-img{
        height: 391px !important; 
    }
    .BlogCard {
        height: 100%;
    }
    .card-title{
        display: none;
    }
    .slider-img-alt{
        height: 391px !important;
    }
    .DegerNumber{
        border-radius: 50%;
    }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #2E72AD;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 18px;
        height: 18px;
        margin: 5px 7px;
        background: white;
        display: block;
        border: 1px solid #2E72AD;
        visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
    }
    /* .ForSlider .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 10px;
        position: absolute;
        left: 14%;
        top: 80%;
        transform: translate(-13% , -70%);
    } */
    .DegerNumberText {
        margin-left: 10px;
        width: 191px;
    }
    .RerferansCard {
        width: 100%;
        height: 142px;
        border-radius: 13px;
        box-shadow: 3.51px 3.51px 33.35px 0px #0000000D;
        align-items: center;
        display: flex;
        justify-content: center;
    }
}

@media only screen and (width <= 768px) {
    .DegerCard{
        width: 100% !important;
    }
    .DegerCard {
        display: flex;
        align-items: center;
        width: 100%;
        height: 80px;
        background: #EBEBEB;
        border-radius: 26px;
        padding: 17px 12px;
        transition: .2s;
    }
    .DegerNumber {
        width: 32px;
        height: 29px;
        background: #03559C;
        color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 13px;
    }
    /* .ForSlider .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 10px;
        position: absolute;
        left: 12%;
        top: 76%;
        transform: translate(-13% , -70%);
    } */
    .BlogCardTittle{
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Satır sayısını buradan belirleyebilirsiniz */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media only screen and (max-width:700px) {
    .slider-carousel .owl-dots {
        width: 85%;
        bottom: 1rem;
    }
}
@media only screen and (max-width:555px) {
    .DegerNumber{
        display: none !important;
    }
    .DegerNumberText {
        margin-left: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    .DegerCard {
        padding: 17px 4px !important;
    }
    .yan {
        column-gap: 0.5rem !important;
    }
    .DegerNumberText {
        font-size: 14px !important;
    }
}
@media only screen and (width <= 508px) {
    .SliderText {
        font-size: 20px;
            transform: translate(-59%, -75%);
    }
    .slider-carousel .owl-dots {
        bottom: 1rem;
    }
}
@media only screen and (width <= 475px) {
    .DegerNumber {
        width: 30px !important;
        height: 30px !important;
    }
    .DegerNumberText {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: #000000;
        transition: .2s;
    }
    .DegerNumberText {
        margin-left: 10px;
        width: 152px;
    }
    /* .ForSlider .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 10px;
        position: absolute;
        left: 8%;
        top: 76%;
        transform: translate(-13% , -70%);
    } */
    .DegerCard {
        display: flex;
        align-items: center;
        width: 100%;
        height: 80px;
        background: #EBEBEB;
        border-radius: 26px;
        padding: 17px 12px;
        transition: .2s;
    }
    .DegerNumber {
        width: 25px;
        height: 25px;
        background: #03559C;
        color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 13px;
    }
}

@media only screen and (max-width:466px) {
    .ForSlider .owl-theme .owl-dots .owl-dot span {
        width: 15px;
        height: 15px;
    }
    .slider-carousel .owl-dots {
        bottom: 1rem;
    }
    .SliderText {
        width: 17rem;
        font-size: 20px;
        transform: translate(-59%, -50%);
    }
}
@media only screen and (width <= 425px) {
  
    .DegerNumberText {
        margin-left: 10px;
        width: 152px;
    }

    .DegerCard {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 80px;
        background: #EBEBEB;
        border-radius: 26px;
        padding: 17px 12px;
        transition: .2s;
    }
    .MobilHizmetAll{
        flex-wrap: unset!important;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        justify-content: start !important;
    }
    .DegerNumberText {
        font-size: 16px;
    }
    .DegerNumber {
        width: 25px;
        height: 21px;
    }
}
@media only screen and (max-width:391px) {
    .SliderText {
        font-size: 20px;
    }
}
@media only screen and (max-width:339px) {
    .SliderText {
        font-size: 18px;
    }
}
@media only screen and (width <= 320px) {
    .DegerCard {
        display: flex;
        align-items: center;
        width: 100%;
        height: 80px;
        background: #EBEBEB;
        border-radius: 26px;
        padding: 17px 12px;
        transition: .2s;
    }
    .DegerNumber {
        width: 24px;
        height: 24px;
        background: #03559C;
        color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 13px;
        font-size: 13px;
    }
}