a{
    text-decoration: none !important;
}
body{
    background-color: rgba(255, 255, 255, 1) !important;
}
.banner-title{
    position: absolute;
    bottom: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    line-height: 38.73px;
    color: rgba(255, 255, 255, 1);
}
.banner-bg{
    position: absolute;
    bottom: 0;
    border-top: 1px solid rgba(32, 89, 194, 1);
    width: 100%;
    background: rgba(255, 255, 255, 0.06);
    text-align: center;
    padding: 17px;
    color: rgba(255, 255, 255, 1);
    font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 19.36px;
text-align: center;
}
.banner-alt{
    border-top: 1px solid rgba(255, 255, 255, 0.32);
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}
.banner-detay{
    font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 19.36px;
text-align: center;
color: rgba(255, 255, 255, 1);
    height: 64px;
    width: 254px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.banner-detay.active{
    background: rgba(255, 255, 255, 0.25);
}
.banner-img{
    height: 366px;
}
.sayfa-title{
    margin-bottom: 62px;
    margin-top: 120px;
    font-family: Inter;
font-size: 32px;
font-weight: 600;
line-height: 38.73px;
text-align: left;
color: rgba(31, 31, 31, 1);
}
.uye-detay{
    font-family: Inter;
font-size: 15px;
margin-bottom: 15px;
font-weight: 400;
line-height: 26px;
color: rgba(92, 92, 92, 1);
}
.bilgi{
    margin-bottom: 32px;
    font-family: Inter;
font-size: 24px;
font-weight: 600;
line-height: 29.05px;
text-align: left;
color: rgba(31, 31, 31, 1);
}
.bilgi-2{
    margin-top: 60px;
    margin-bottom: 32px;
    font-family: Inter;
font-size: 24px;
font-weight: 600;
line-height: 29.05px;
text-align: left;
color: rgba(31, 31, 31, 1);
}
.form-control.form-2{
    height: 55px !important;
    color:  rgba(140, 140, 140, 1) !important;
    border: 1px solid rgba(212, 212, 212, 1) !important;   
    border-radius: 4px !important;
    background: rgba(255, 255, 255, 1) !important;
}

.form-label{
    font-family: Inter !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 16.94px !important;
text-align: left !important;
}
.form-flex{
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
}
.dosya{
    cursor: pointer;
    background-color: rgba(237, 237, 237, 1)!important;
    font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 19.36px;
width: max-content;
text-align: left;
padding: 8px 10px 8px 10px;
color: rgba(32, 89, 194, 1);
border-radius: 4px;
}
.foto-card{
    border-radius: 4px;
    height: 55px !important;
    border: 1px solid rgba(212, 212, 212, 1);
    padding: 10px;
}
.banner-img{
    object-fit: cover !important;
}
.uye{
    width: 100% !important;
    cursor: pointer !important;
    background-color: rgba(32, 89, 194, 1) !important;
    padding: 16px 46px 16px 46px !important;
    border-radius: 4px !important;
    font-family: Inter !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 18.15px !important;
text-align: center !important;
color: rgba(255, 255, 255, 1) !important;
}
.uyelik-sart{
    font-family: Inter;
font-size: 32px;
font-weight: 600;
line-height: 38.73px;
text-align: left;
color: rgba(31, 31, 31, 1);
margin-top: 126px;
margin-bottom: 46px;
}
.uyelik-title{
    margin-bottom: 46px;
    font-family: Inter;
font-size: 24px;
font-weight: 600;
line-height: 29.05px;
text-align: left;
color: rgba(31, 31, 31, 1);
}
.uyelik-detay{
    margin-bottom: 12px;
    font-family: Inter;
font-size: 15px;
font-weight: 400;
line-height: 26px;
text-align: left;
color: rgba(92, 92, 92, 1);
}
.star-text::before {
    content: "*";
    color: red; /* İsteğe bağlı: yıldızın rengini belirler */
    margin-right: 5px; /* İsteğe bağlı: yıldız ile metin arasındaki boşluğu ayarlar */
}
.form-2::placeholder {
    color: rgba(92, 92, 92, 1) !important; /* İstediğiniz rengi buraya yazın */
    opacity: 1; /* Placeholder opaklığını buraya ayarlayabilirsiniz, 0 ile 1 arasında */
}
.form-control {
    font-size: 16px !important;
    font-weight: 500 !important;
}
@media only screen and (max-width: 991px){
    .degisim-2{
        order: 2;
    }
    .degisim-1{
        order: 1;
    }
    .degisim2{
        order: 1;
    }
    .degisim1{
    margin-top: 3rem !important;
        order: 2;
    }
    .uyelik-title {
        margin-bottom: 30px;
    }
    .uyelik-sart {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .sayfa-title {
        margin-bottom: 2rem;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .uye-img{
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}
@media only screen and (max-width: 425px){
    .sayfa-title {
        font-size: 25px;
    }
}