/* Custom Flaticon Icons - SVG Based */

/* Örnek: Sheep İkonu Ekleme
 * 1. Flaticon'dan SVG olarak indirin
 * 2. /public/eyyubi-assets/images/icons/sheep-icon.svg olarak kaydedin
 * 3. Aşağıdaki CSS'i kullanın
 */

.flaticon-sheep:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('/eyyubi-assets/images/icons/sheep-icon.svg');
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.plr-box > i.flaticon-sheep,
.serv-box > i.flaticon-sheep {
    position: relative;
}

/* Yeni ikon eklemek için yukarıdaki şablonu kopyalayıp:
 * 1. .flaticon-sheep class adını değiştirin (örn: .flaticon-yeni-ikon)
 * 2. SVG dosya yolunu güncelleyin
 * 3. Kullanım: <i class="flaticon-yeni-ikon"></i>
 */

/* Service Box 2 - Fixed Height & Button at Bottom */
.serv-wrap .row > div {
    display: flex !important;
    margin-bottom: 20px;
}

.serv-wrap .row > div > .srv-box2 {
    width: 100% !important;
}

.srv-box2-fixed {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    float: none !important;
    min-height: 280px;
    padding: 20px 20px 25px 20px !important;
}

.srv-box2-fixed > i {
    flex-shrink: 0;
    margin-bottom: 15px;
}

.srv-box2-fixed .srv-info2 {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    float: none !important;
    width: 100% !important;
}

.srv-box2-fixed .srv-info2 > h4 {
    flex-shrink: 0;
    margin-bottom: 10px;
    font-size: 18px;
}

.srv-box2-fixed .srv-info2 > p {
    flex-grow: 1 !important;
    margin-bottom: 0 !important;
    min-height: 60px;
    font-size: 14px;
}

.srv-box2-fixed .srv-info2 > a {
    margin-top: auto !important;
    padding-top: 12px !important;
    margin-bottom: 0 !important;
    flex-shrink: 0;
    display: inline-block !important;
    font-size: 14px;
}

/* Faaliyetler kutuları hover efekti */
.srv-box2-fixed:hover {
    background-color: #fff !important;
    border-color: #2D4140 !important;
}

.srv-box2-fixed:hover .srv-info2 > h4,
.srv-box2-fixed:hover .srv-info2 > p,
.srv-box2-fixed:hover .srv-info2 > a {
    color: #000 !important;
}

.srv-box2-fixed:hover > i,
.srv-box2-fixed:hover .icon-kurban-svg,
.srv-box2-fixed:hover .icon-gida-yardimlari-svg,
.srv-box2-fixed:hover .icon-su-kuyusu-svg,
.srv-box2-fixed:hover .icon-yetim-destek-svg,
.srv-box2-fixed:hover .icon-saglik-egitim-svg,
.srv-box2-fixed:hover .icon-acil-yardim-svg {
    color: #000 !important;
}

/* Şeffaflık ve Güven kutuları hover efekti */
.srv-box2:hover {
    background-color: #fff !important;
    border-color: #2D4140 !important;
}

.srv-box2:hover .srv-info2 > h4,
.srv-box2:hover .srv-info2 > p,
.srv-box2:hover .srv-info2 > a {
    color: #000 !important;
}

.srv-box2:hover > i {
    color: #000 !important;
}

/* Kurban SVG Icon */
.icon-kurban-svg {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url('/eyyubi-assets/images/kurban-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-kurban-svg svg {
    width: 100%;
    height: 100%;
}

/* SVG icon support for activities */
.srv-box2-fixed .icon-kurban-svg,
.srv-box2-fixed .icon-gida-yardimlari-svg,
.srv-box2-fixed .icon-su-kuyusu-svg,
.srv-box2-fixed .icon-yetim-destek-svg,
.srv-box2-fixed .icon-saglik-egitim-svg,
.srv-box2-fixed .icon-acil-yardim-svg {
    width: 64px !important;
    height: 64px !important;
    font-size: 0;
    line-height: 0;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 auto 15px !important;
    display: block !important;
    flex-shrink: 0;
}

.srv-box2-fixed > .icon-kurban-svg {
    background-image: url('/eyyubi-assets/images/kurban-icon.svg') !important;
    width: 74px !important;
    height: 74px !important;
    margin-top: -5px !important;
    margin-bottom: 10px !important;
}

.srv-box2-fixed > .icon-gida-yardimlari-svg {
    background-image: url('/eyyubi-assets/images/gida-yardimlari-icon.svg') !important;
}

.srv-box2-fixed > .icon-su-kuyusu-svg {
    background-image: url('/eyyubi-assets/images/su-kuyusu-icon.svg') !important;
}

.srv-box2-fixed > .icon-yetim-destek-svg {
    background-image: url('/eyyubi-assets/images/yetim-destek-icon.svg') !important;
}

.srv-box2-fixed > .icon-saglik-egitim-svg {
    background-image: url('/eyyubi-assets/images/saglik-egitim-icon.svg') !important;
}

.srv-box2-fixed > .icon-acil-yardim-svg {
    background-image: url('/eyyubi-assets/images/acil-yardim-icon.svg') !important;
    width: 50px !important;
    height: 64px !important;
}