.ravago-faq-list {
    margin: 20px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;

}
.ravago-faq-list img {
    height: 300px;
border-radius:10px;
}
.ravago-faq-item {
    margin-bottom: 10px;
    overflow: hidden;


}
.ravago-faq-header {
    background-color: rgba(3, 69, 174, 0.76);
    padding: 10px;
    margin: 0;
    border: 1px solid #0345ae;
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: -15px;
    width: 100%;
    height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius:10px;
}
.ravago-faq-header:hover {
    background-color: #0345ae;
} 

.ravago-faq-question {
    cursor: pointer;
    position: relative;
    bottom:0;
    max-height: 300px;
}


.ravago-faq-answer {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.ravago-faq-list.noimage {
     display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; /* Her soru arasındaki boşluk */
}
.ravago-faq-list.noimage  .ravago-faq-question {
	
	
}
.ravago-faq-list.noimage .ravago-faq-item {
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
	border-radius:4px;
}


.ravago-faq-list.noimage .ravago-faq-header {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
	color:#0345ae !important;
background-color: #fff !important;
    margin: 0;
    padding:20px 0px;
position:static !important;
}

.ravago-faq-list.noimage .ravago-faq-answer {
    font-size: 16px;
    display: none; /* Varsayılan olarak gizli */
    border:none;
	padding-top:20px;
	
}

.ravago-faq-list.noimage .active .ravago-faq-header{
	background-color: #0345ae !important;
	border:none !important;
	color:#fff !important;

}

/* Açıldığında cevap görünür yapmak için */
.ravago-faq-list.noimage .ravago-faq-item.active .ravago-faq-answer {
    display: block; 
}
.ravago-faq-list.noimage .ravago-faq-item.active .ravago-faq-header {
	background-color: #fdcb00 !important;
}
@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */
    .ravago-faq-list {
        grid-template-columns: 2fr;

    }

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    /* CSS */
    .ravago-faq-list, .ravago-faq-list.noimage {
        grid-template-columns: 1fr;

    }
	.ravago-faq-list.noimage .ravago-faq-header {
		text-align:center !important;
		padding:10px !important;
	}

}