.card-kolonu{
    padding-left: 20px !important;
    padding-right: 20px !important;
}

@media (max-width: 767px) {
    .card-kolonu{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.card{
    border-radius: 25px !important;
    background-color: #ffffff !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border: 1px solid #e5e5e5 !important;
    background-image: url("/build/images/logo-card5.png") !important;
    background-size: cover;
    transition: box-shadow 0.5s ease;
}

.card:hover{
    box-shadow: 0px 0px 100px #ccc !important;
    border: 1px solid #eee !important;
}

.card .card-kurs-resmi{
    width: 85% !important;
    margin-top: -50px !important;
    border-radius: 25px !important;
    height: 200px !important;
}

.card-yuzyuze-online{
    position: absolute !important;
    margin-top: -42px !important;
    margin-right: 9% !important;
    color: #ffffff !important;
    padding: 2px 10px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
}

.card-edevlet{
    width: 70px !important;
    position: absolute !important;
    top: 5px !important;
    left: 5px !important;
}

.card-yuzyuze{
    background-color: #127232 !important;
}

.card-online{
    background-color: #0b5ed7 !important;
}

.card .card-kurs-kategorisi{
    font-size: 13px !important;
    text-align: center !important;
    color: #212529 !important;
}

.card-kurs-ismi-div{
    text-align: center !important;
    height: 56px !important;
}

.card-kurs-ismi{
    font-size: 20px !important;
    color: #212529 !important;
    line-height: 28px !important;
    text-align: center !important;
    width: 100% !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card:hover .card-kurs-ismi{
    color: #127232 !important;
}

.card .card-egitmen{
    background-color: #ba8b00;
    padding: 4px 8px;
    color: #ffffff;
    border-radius: 8px;
    text-align: center;
}

.card .card-egitmen-icon{
    margin-right: 8px;
}

.card .card-egitmen-adi{
    font-size: 14px;
}

.card-kontenjan-saat{
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px !important;
    margin-bottom: 15px !important;
}

@media (max-width: 767px) {
    .card-kontenjan-saat{
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 13px !important;
        margin-bottom: 15px !important;
    }
}

.card-kontenjan-saat .col{
    text-align: center !important;
}

.card-kontenjan-saat .bi{
    color: #127232 !important;
}

.card-kontenjan-saat .card-kontenjan-saat-baslik{
    color: #127232 !important;
}

.card-indirimli{
    text-align: center !important;
}

.card-fiyat .card-indirilmli-fiyat{
    font-size: 32px !important;
    color: #212529 !important;
    text-align: center !important;
}

.card-kaydol-detaylar{
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.card:hover .card-kaydol-detaylar{
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.card-kaydol-detaylar .card-kaydol-butonu{
    background-color: #127232 !important;
    text-align: center !important;
    border-radius: 0px 0px 0px 20px !important;
    padding: 10px 0px 10px 0px !important;
    border: 1px solid #127232;
}

.card-kaydol-detaylar .card-kaydol-butonu:hover{
    background-color: #eee !important;
    color: #127232 !important;
    border: 1px solid #eee;
}

.card-kaydol-detaylar .card-detaylar-butonu{
    background-color: #212529 !important;
    text-align: center !important;
    border-radius: 0px 0px 20px 0px !important;
    padding: 10px 0px 10px 0px !important;
    border: 1px solid #212529;
}

.card-kaydol-detaylar .card-detaylar-butonu:hover{
    background-color: #eee !important;
    color: #212529 !important;
    border: 1px solid #eee;
}

/* KURS KATEGORİLER İÇİN YAZILANLAR */

.kategori-back{
    background-color: rgb(45,62,80,.08) !important;
    border-radius: 40px !important;
}

.urun-kategori-div{
    position: relative;
    max-height: 120px !important;
    min-height: 119.98px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
}

.urun-kategori-resim{
    width: 100% !important;
    height: auto !important;
    min-height: 119.98px !important;
}

.urun-kategori-adi{
    width: 100% !important;
    position: absolute !important;
    top: 78% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.9) 85%);

}

.urun-kategori-adi p{
    color: #ffffff !important;
    padding: 30px 10px 15px 10px !important;
    margin: 0 !important;
    font-size: 15px !important;
    transition: padding-bottom 0.3s ease !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    font-weight: 600 !important;
}

.scrolltab{
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

.baslik-buyuk-div h2{
    font-size: 30px !important;
    position: relative !important;
    z-index: 100 !important;
}

@media (max-width: 991.98px) {
    .baslik-buyuk-div h2{
        font-size: 23px !important;
    }
}

.buyuk-baslik-hr10{
    height: 30px !important;
    margin-top: -44px !important;
    z-index: 99 !important;
    transform: rotate(-3deg) !important;
    position: relative !important;
    opacity: 15% !important;
    width: 23% !important;
}

.buyuk-baslik-hr20{
    height: 24px !important;
    margin-top: -35px !important;
    z-index: 99 !important;
    transform: rotate(-3deg) !important;
    position: relative !important;
    opacity: 15% !important;
    width: 80% !important;
}