@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

a {
    text-decoration: none;
    color: white;
}

a:focus {
    color: white;
}

body {
    font-family: 'Montserrat', sans-serif;
}


/*
HEADER BASLANGIC KISMI
*/
header {
    background-color: #753178;
    border-radius: 0 0 15px 15px;
    position: fixed;
    top: 0;
    border-bottom: 3px solid black;
    z-index: 99999999;
}

.hamburger {
    border-radius: 6px;
    margin: 6px;
    padding: 24px 15px 8px;
    cursor: pointer;

}

.hamburger i {
    font-size: 35px;
    color: white;
}

.nav-offcanvas {
    width: 280px;
    background: rgb(89, 0, 90);
    background: linear-gradient(225deg, rgba(89, 0, 90, 1) 0%, rgba(155, 88, 186, 1) 100%);
    height: 100vh;
    position: fixed;
    overflow-x: auto;
    z-index: 2000;
    padding: 50px 0;
    top: 0;
    left: -300px;
    transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.nav-offcanvas .close {
    position: absolute;
    right: 10px;
    top: 20px;
    outline: 0;
    opacity: 1;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    transition: .3s ease;
}

.nav-offcanvas i {
    font-size: 30px;
    color: white;
    text-shadow: none;
}

.nav-offcanvas-menu ul {
    margin-top: 40px;
    margin-bottom: 90px;
    padding-left: 0;
    list-style: none;
}

.nav-offcanvas-menu li a {
    color: white;
    font-size: 22px;
    font-weight: 700;
    padding: 20px 30px;
    display: block;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .05s;
}

.open {
    left: 0;
}

.offcanvas-overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .2);
    z-index: 1999;
    transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    visibility: hidden;
    opacity: 0;
}

.on {
    opacity: 1;
    visibility: visible;
}

.menu-cizgi {
    width: 220px;
    height: 1px;
    background-color: #AAAAAA;
}

.header-fallar {
    background-color: #f1f1f1;
    font-size: 11px;
    padding: 5px 0;
    border-radius: 10px;
    font-weight: 600;
    text-align: center;
}

.header-fallar img {
    padding: 0 10px;
    margin-bottom: 3px;
}

/*
POPULER YORUMCULAR BASLANGIC
*/
.ust-bosluk {
    margin-top: 200px;
}

.populer-yorumcular h2 {
    font-size: 20px;
    color: black;
    font-weight: bolder;
}

.slick-prev {
    left: -21px;
    width: 20px;
    height: 30px;
    top: 40%;
}

.slick-next {
    right: -30px;
    width: 20px;
    height: 30px;
    top: 43%;
}

.slick-prev:before,
.slick-next:before {
    font-size: 0;
}

.slick-prev:hover,
.slick-prev:focus {
    background-image: url("../img/SolOk.png");
    background-repeat: no-repeat;
}

.slick-next:hover,
.slick-next:focus {
    background-image: url("../img/SağOk.png");
    background-repeat: no-repeat;
}

button.slick-prev {
    background-image: url("../img/SolOk.png");
    background-repeat: no-repeat;
}

button.slick-next {
    background-image: url("../img/SağOk.png");
    background-repeat: no-repeat;
}

.fal-baktir-buton {
    padding: 8px 16px;
    background: rgb(190, 79, 194);
    background: linear-gradient(225deg, rgba(190, 79, 194, 1) 0%, rgba(213, 156, 216, 1) 100%);
    border-radius: 20px;
}

.slider-item {
    background-color: #f1f1f1;
    border-radius: 20px;
    width: 95% !important;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
    margin-bottom: 5px;
}

.slider-cizgi {
    margin-top: 16px;
    height: 1px;
    background-color: #AAAAAA;
}

/*
FAL YORUM BASLANGIC KISMI
*/
.fal-yorum .yorumcu {
    font-size: 10px;
    font-weight: bold;
}

.kahve-fali {
    padding: 15px 0;
    background-color: #DD8AE0;
    border-radius: 10px;
}

.katina-fali {
    padding: 15px 0;
    background-color: #E08A8A;
    border-radius: 10px;
}

.tarot-fali {
    padding: 4px 0;
    background-color: #E0C88A;
    border-radius: 10px;
}

.yildiz-fali {
    padding: 4px 0;
    background-color: #8AE0AC;
    border-radius: 10px;
}

.su-fali {
    padding: 4px 0;
    background-color: #8AC1E0;
    border-radius: 10px;
}

.el-fali {
    padding: 3px 0;
    background-color: #A68AE0;
    border-radius: 10px;
}

.tarot .fal-baktir-buton {
    background: rgb(234, 186, 64);
    background: linear-gradient(225deg, rgba(234, 186, 64, 1) 0%, rgba(243, 225, 178, 1) 100%);
    border-radius: 20px;
}

.katina .fal-baktir-buton {
    background: rgb(224, 71, 71);
    background: linear-gradient(225deg, rgba(224, 71, 71, 1) 0%, rgba(226, 157, 157, 1) 100%);
    border-radius: 20px;
}

.yidizname .fal-baktir-buton {
    background: rgb(70, 211, 126);
    background: linear-gradient(225deg, rgba(70, 211, 16, 1) 0%, rgba(190, 237, 208, 1) 100%);
    border-radius: 20px;
}

/*
BURCLAR BASLANGIC KISMI
*/
.burclar-item-yukselen {
    background: rgb(103, 153, 126);
    background: linear-gradient(225deg, rgba(70, 211, 16, 1) 0%, rgba(145, 252, 194, 1) 100%);
    border-radius: 15px;
    padding: 15px 10px;
}

.burclar-item-burcuyum {
    background: rgb(240, 120, 9);
    background: linear-gradient(225deg, rgba(240, 120, 9, 1) 0%, rgba(241, 202, 166, 1) 100%);
    border-radius: 15px;
    padding: 15px 10px;
}

.burclar-item-cin {
    background: rgb(255, 80, 96);
    background: linear-gradient(225deg, rgba(255, 80, 96, 1) 0%, rgba(250, 156, 164, 1) 100%);
    border-radius: 15px;
    padding: 15px 10px;
}

.burclar-item-ruya {
    background: rgb(28, 30, 73);
    background: linear-gradient(225deg, rgba(28, 30, 73, 1) 0%, rgba(129, 127, 203, 1) 100%);
    border-radius: 15px;
    padding: 15px 10px;
}

.yukselenburc {
    font-size: 25px;
    color: white;
    padding: 0 17px;
    text-align: center;
}

.burcuyum {
    font-size: 24px;
    color: white;
    padding: 0 17px;
    text-align: center;
}

.cinburc {
    font-size: 24px;
    color: white;
    padding: 0 17px;
    text-align: center;
}

.ruyatabirleri {
    font-size: 24px;
    color: white;
    padding: 0 17px;
    text-align: center;
}

/*
GUNLUK BURC YORUMLARI BASLANGIS KISMI
*/

.burc-item {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 50%;
    width: 95% !important;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
    margin-bottom: 5px;
    padding: 10px 0;

}

/*
FOOTER BASLANGIC KISMI
*/
footer {
    background-color: #753178;
    border-radius: 25px 25px 0 0;
    position: fixed;
    bottom: 0;
    border-top: 3px solid black;
    color: white;
    font-size: 12px;
    z-index: 99999999;

}


footer .alt-menu-active {
    border-radius: 50%;
    background-color: white;
    font-size: 20px;
    color: white;

}

/*
KREDİ SAYFASI BASLANGIC KISMI
*/
.kredisayfasi {
    margin-top: 180px;
}

.fallar {
    border-radius: 5px;
    background-color: #753178;
    font-size: 20px;
    color: white;
    font-weight: bold;
    padding: 4px 0;
    text-align: center;
}

.fal-sayi {
    font-size: 24px;
    color: white;
    border-radius: 10px;
    font-weight: bold;
    background-color: #AD4CB1;
    padding: 4px 0;
    text-align: center;
}
.bilgilerini-guncelle{
background-color: #2A64F8;
font-weight: bold;
padding:13px 20px ;
border-radius: 8px;
}
.fal-baktir{
    background-color: #9E38A3;
    font-size: 28px;
    border-radius: 15px;
    font-weight: bolder;
    padding: 4px 28px;
    text-align: center;
}
.kredi-yukle{
    background-color: #0A9A29;
    font-size: 28px;
    border-radius: 15px;
    font-weight: bolder;
    padding: 4px 28px;
    text-align: center;
}
.duyuru{
    border-radius: 29px;
    border:2px solid #753178;
    color: #612A64;
    padding: 3px 20px;
    font-size: 28px;
    font-weight: bolder;
}
.duyuru-text{
    font-size: 14px;
    font-weight: bolder;

}
/*
YORUMCU SAYFASI BASLANGIC KISMI
*/
.siralama{
    margin-top: 160px;
    border-radius: 25px;
    background-color: #753178;
    color: white;
}
.siralama .check{
    font-size: 12px;
}
.basari{
    background-color: white;
    color: #646464;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bolder;
    padding: 5px 8px;
}
.siralama button{
    border-radius: 8px;
    background-color: white;
    color: #753178;
    font-weight: bolder;
    padding: 1px 12px;
}
.siralama .check input{
    font-size: 20px;
}
.hemen-fal-baktir-buton {
    padding: 8px 3px;
    background: rgb(190, 79, 194);
    background: linear-gradient(225deg, rgba(190, 79, 194, 1) 0%, rgba(213, 156, 216, 1) 100%);
    border-radius: 20px;
}

.yorumcular-item {
    background-color: #f1f1f1;
    border-radius: 20px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
    margin-bottom: 5px;
}
.yorumcular .durum-online{
    background-color: #00B112;
    display: inline-flex;
    font-size: 14px;
    border-radius: 7px;
    padding: 0 2px;
    color: white;
    font-weight: bolder;
}
.yorumcular .durum-offline{
    background-color: #B10000;
    display: inline-flex;
    font-size: 14px;
    border-radius: 7px;
    padding: 0 2px;
    color: white;
    font-weight: bolder;
}
.yorumcular .durum-mesgul{
    background-color: #DE5D00;
    display: inline-flex;
    font-size: 14px;
    border-radius: 7px;
    padding: 0 2px;
    color: white;
    font-weight: bolder;
}
.yorumcular .fst-italic{
font-size: 11px;
}

/*
YORUMCULAR DETAY SAYFASI BASLANGIC
*/
.yorumculardetay{
    margin-top: 180px;
}