.services_box--boxed {padding: 30px; background:#fff; margin: 0; position:relative; margin-bottom: 30px; border-radius:5px; z-index: 1;border:1px solid #ddd}
.services_box--boxed:hover {z-index: 2; }
.services_box--boxed .services_box__inner {position: relative;}
.services_box--boxed .services_box__title {font-size: 1.5rem; font-weight: 600; line-height: 1.3; color: #0f2666; margin: 0 0 15px; vertical-align: middle; z-index: 2;position: relative;}
.services_box--boxed .services_box__desc {z-index: 2;position: relative;}
.services_box--boxed .services_box__icon { max-height:80px; position: relative; z-index: 2; min-height: 50px;}
/* image */
.services_box--boxed .services_box__iconimg {transition:opacity .2s ease-out;}
.services_box--boxed .services_box__iconimg-hover { position: absolute; left:0; top:0; opacity:0; }
.services_box--boxed:hover .sb--hashover .services_box__iconimg-main {opacity:0; }
.services_box--boxed:hover .services_box__iconimg-hover {opacity:1}
/* icon */
.services_box--boxed .services_box__fonticon {color: #cd2122; font-size: 50px; -webkit-transition: color .2s ease-out .1s;
    transition: color .2s ease-out .1s; }
.services_box--boxed:hover .services_box__fonticon {color:#0f2666; }
/* list */
.services_box--boxed .services_box__list-wrapper {position: absolute; width: 100%;top: -30px;opacity: 0;visibility: hidden; transition:all .2s ease-out;}
.services_box--boxed:hover .services_box__list-wrapper {opacity: 1;visibility: visible;}
.services_box--boxed .services_box__list-bg {position: absolute; width: calc(100% + 60px); height: calc(100% + 30px); background:#fff;
    box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;; z-index: 1; opacity:1;left: -30px;border-radius: 5px;}
.services_box--boxed .services_box__list { list-style:none; margin:0; padding:0; padding-top: 250px; z-index: 1; position: relative;}
.services_box--boxed .services_box__list li {    font-size: 14px;position: relative; line-height: 26px; padding: 10px 0; border-top: 1px solid #eee; color: #0f2666;
    opacity:0; visibility: hidden; transition:all .25s ease-out;}
.services_box--boxed .services_box__list li:nth-child(1) { transform:translateY(10px); transition-delay:0.025s; }
.services_box--boxed .services_box__list li:nth-child(2) { transform:translateY(20px); transition-delay:0.05s; }
.services_box--boxed .services_box__list li:nth-child(3) { transform:translateY(30px); transition-delay:0.075s; }
.services_box--boxed .services_box__list li:nth-child(4) { transform:translateY(40px); transition-delay:0.1s; }
.services_box--boxed .services_box__list li:nth-child(5) { transform:translateY(50px); transition-delay:0.125s; }
.services_box--boxed .services_box__list li:nth-child(6) { transform:translateY(60px); transition-delay:0.15s; }
.services_box--boxed .services_box__list li:nth-child(7) { transform:translateY(70px); transition-delay:0.175s; }
.services_box--boxed .services_box__list li:nth-child(8) { transform:translateY(80px); transition-delay:0.2s; }
.services_box--boxed .services_box__list li:nth-child(9) { transform:translateY(90px); transition-delay:0.225s; }
.services_box--boxed .services_box__list li:nth-child(10) { transform:translateY(100px); transition-delay:0.25s; }
.services_box--boxed:hover .services_box__list li {opacity:1; visibility: visible; -webkit-transform:translateY(0);
    -ms-transform:translateY(0); transform:translateY(0);}
.services_box__icon-inner {
    margin-bottom: 15px;
}
.services_box__icon-inner svg {
    width: 50px;
    height: 50px;
}
ul.services_box__list a {
    color: #0f2666;
}

/* Görsel tabanlı servis kutuları için ek stiller */
.services_box__icon-inner img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.services_box--boxed:hover .services_box__icon-inner img {
    transform: scale(1.05);
}

.services_box__icon-inner {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 5px;
}

/* Görsel boyutları için özel ayarlar */
.services_box--boxed .services_box__icon {
    max-height: none;
    min-height: auto;
}

/* Liste arka planı için düzeltme */
.services_box--boxed .services_box__list-bg {
    height: calc(100% + 60px);
    top: -30px;
}

/* Görsel tabanlı servis kutuları için yeni stiller */
.image_service_box {
    background: #fff;
    margin: 0;
    position: relative;
    margin-bottom: 30px;
    border-radius: 5px;
    z-index: 1;
    border: 1px solid #ddd;
}
.image_service_box__content {
    padding: 15px;
}
.image_service_box:hover {
    z-index: 2;
}

.image_service_box__inner {
    position: relative;
}

.image_service_box__title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3;
    color: #0f2666;
    margin: 0 0 15px;
    vertical-align: middle;
    z-index: 2;
    position: relative;
}

.image_service_box__desc {
    z-index: 2;
    position: relative;
}

.image_service_box__image {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    overflow: hidden;
}

.image_service_box__image img {
    width: 100%;
    height: auto;
border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: transform 0.3s ease;
}

.image_service_box:hover .image_service_box__image img {
    transform: scale(1.05);
}

.image_service_box__list-wrapper {
    position: absolute;
    width: 100%;
    top: 110px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out;
}

.image_service_box:hover .image_service_box__list-wrapper {
    opacity: 1;
    visibility: visible;
}

.image_service_box__list-bg {
    position: absolute;
    width: calc(100% + 0px);
    height: calc(100% + 30px);
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 29px 29px 0px;
    z-index: 1;
    opacity: 1;
    left: -15px;
    border-radius: 5px;
}

.image_service_box__list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 250px;
    z-index: 1;
    position: relative;
}

.image_service_box__list li {
    font-size: 14px;
    position: relative;
    line-height: 26px;
    padding: 10px 0;
    border-top: 1px solid #eee;
    color: #0f2666;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-out;
}

.image_service_box__list li:nth-child(1) { transform: translateY(10px); transition-delay: 0.025s; }
.image_service_box__list li:nth-child(2) { transform: translateY(20px); transition-delay: 0.05s; }
.image_service_box__list li:nth-child(3) { transform: translateY(30px); transition-delay: 0.075s; }
.image_service_box__list li:nth-child(4) { transform: translateY(40px); transition-delay: 0.1s; }
.image_service_box__list li:nth-child(5) { transform: translateY(50px); transition-delay: 0.125s; }
.image_service_box__list li:nth-child(6) { transform: translateY(60px); transition-delay: 0.15s; }

.image_service_box:hover .image_service_box__list li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.image_service_box__list a {
    color: #0f2666;
    text-decoration: none;
}