.nopad{padding-left: 0!important;padding-right: 0!important;}
.pv-0{padding-left:0!important; padding-right:0!important;}
.pv-5{padding-left:5px!important; padding-right:5px!important;}
.pv-10{padding-left:10px!important; padding-right:10px!important;}
.pv-15{padding-left:15px!important; padding-right:15px!important;}
.pv-20{padding-left:20px!important; padding-right:20px!important;}
.pv-25{padding-left:25px!important; padding-right:25px!important;}
.pv-30{padding-left:30px!important; padding-right:30px!important;}
.pv-35{padding-left:35px!important; padding-right:35px!important;}
.pv-40{padding-left:40px!important; padding-right:40px!important;}
.pv-45{padding-left:45px!important; padding-right:45px!important;}
.pv-50{padding-left:50px!important; padding-right:50px!important;}
.pv-55{padding-left:55px!important; padding-right:55px!important;}
.pv-60{padding-left:60px!important; padding-right:60px!important;}
.pv-65{padding-left:65px!important; padding-right:65px!important;}
.pv-70{padding-left:70px!important; padding-right:70px!important;}
.pv-75{padding-left:75px!important; padding-right:75px!important;}
.pv-80{padding-left:80px!important; padding-right:80px!important;}
.pv-85{padding-left:85px!important; padding-right:85px!important;}
.pv-90{padding-left:90px!important; padding-right:90px!important;}
.pv-95{padding-left:95px!important; padding-right:95px!important;}
.pv-100{padding-left:100px!important; padding-right:100px!important;}

.ph-0{padding-top:0!important; padding-bottom:0!important;}
.ph-5{padding-top:5px!important; padding-bottom:5px!important;}
.ph-10{padding-top:10px!important; padding-bottom:10px!important;}
.ph-15{padding-top:15px!important; padding-bottom:15px!important;}
.ph-20{padding-top:20px!important; padding-bottom:20px!important;}
.ph-25{padding-top:25px!important; padding-bottom:25px!important;}
.ph-30{padding-top:30px!important; padding-bottom:30px!important;}
.ph-35{padding-top:35px!important; padding-bottom:35px!important;}
.ph-40{padding-top:40px!important; padding-bottom:40px!important;}
.ph-45{padding-top:45px!important; padding-bottom:45px!important;}
.ph-50{padding-top:50px!important; padding-bottom:50px!important;}
.ph-55{padding-top:55px!important; padding-bottom:55px!important;}
.ph-60{padding-top:60px!important; padding-bottom:60px!important;}
.ph-65{padding-top:65px!important; padding-bottom:65px!important;}
.ph-70{padding-top:70px!important; padding-bottom:70px!important;}
.ph-75{padding-top:75px!important; padding-bottom:75px!important;}
.ph-80{padding-top:80px!important; padding-bottom:80px!important;}
.ph-85{padding-top:85px!important; padding-bottom:85px!important;}
.ph-90{padding-top:90px!important; padding-bottom:90px!important;}
.ph-95{padding-top:95px!important; padding-bottom:95px!important;}
.ph-100{padding-top:100px!important; padding-bottom:100px!important;}

.pt-0{padding-top:0!important;}
.pt-5{padding-top:5px!important;}
.pt-10{padding-top:10px!important;}
.pt-15{padding-top:15px!important;}
.pt-20{padding-top:20px!important;}
.pt-25{padding-top:25px!important;}
.pt-30{padding-top:30px!important;}
.pt-35{padding-top:35px!important;}
.pt-40{padding-top:40px!important;}
.pt-45{padding-top:45px!important;}
.pt-50{padding-top:50px!important;}
.pt-55{padding-top:55px!important;}
.pt-60{padding-top:60px!important;}
.pt-65{padding-top:65px!important;}
.pt-70{padding-top:70px!important;}
.pt-75{padding-top:75px!important;}
.pt-80{padding-top:80px!important;}
.pt-85{padding-top:85px!important;}
.pt-90{padding-top:90px!important;}
.pt-95{padding-top:95px!important;}
.pt-100{padding-top:100px!important;}
/* ====================================== */
.pb-0{padding-bottom:0!important;}
.pb-5{padding-bottom:5px!important;}
.pb-10{padding-bottom:10px!important;}
.pb-15{padding-bottom:15px!important;}
.pb-20{padding-bottom:20px!important;}
.pb-25{padding-bottom:25px!important;}
.pb-30{padding-bottom:30px!important;}
.pb-35{padding-bottom:35px!important;}
.pb-40{padding-bottom:40px!important;}
.pb-45{padding-bottom:45px!important;}
.pb-50{padding-bottom:50px!important;}
.pb-55{padding-bottom:55px!important;}
.pb-60{padding-bottom:60px!important;}
.pb-65{padding-bottom:65px!important;}
.pb-70{padding-bottom:70px!important;}
.pb-75{padding-bottom:75px!important;}
.pb-80{padding-bottom:80px!important;}
.pb-85{padding-bottom:85px!important;}
.pb-90{padding-bottom:90px!important;}
.pb-95{padding-bottom:95px!important;}
.pb-100{padding-bottom:100px!important;}

/* ====================================== */
.pl-0{padding-left:0!important;}
.pl-5{padding-left:5px!important;}
.pl-10{padding-left:10px!important;}
.pl-15{padding-left:15px!important;}
.pl-20{padding-left:20px!important;}
.pl-25{padding-left:25px!important;}
.pl-30{padding-left:30px!important;}
.pl-35{padding-left:35px!important;}
.pl-40{padding-left:40px!important;}
.pl-45{padding-left:45px!important;}
.pl-50{padding-left:50px!important;}
.pl-55{padding-left:55px!important;}
.pl-60{padding-left:60px!important;}
.pl-65{padding-left:65px!important;}
.pl-70{padding-left:70px!important;}
.pl-75{padding-left:75px!important;}
.pl-80{padding-left:80px!important;}
.pl-85{padding-left:85px!important;}
.pl-90{padding-left:90px!important;}
.pl-95{padding-left:95px!important;}
.pl-100{padding-left:100px!important;}

/* ====================================== */
.pr-0{padding-right:0!important;}
.pr-5{padding-right:5px!important;}
.pr-10{padding-right:10px!important;}
.pr-15{padding-right:15px!important;}
.pr-20{padding-right:20px!important;}
.pr-25{padding-right:25px!important;}
.pr-30{padding-right:30px!important;}
.pr-35{padding-right:35px!important;}
.pr-40{padding-right:40px!important;}
.pr-45{padding-right:45px!important;}
.pr-50{padding-right:50px!important;}
.pr-55{padding-right:55px!important;}
.pr-60{padding-right:60px!important;}
.pr-65{padding-right:65px!important;}
.pr-70{padding-right:70px!important;}
.pr-75{padding-right:75px!important;}
.pr-80{padding-right:80px!important;}
.pr-85{padding-right:85px!important;}
.pr-90{padding-right:90px!important;}
.pr-95{padding-right:95px!important;}
.pr-100{padding-right:100px!important;}


/* ===================================
   Margin
====================================== */
.mv-0{margin-left:0!important; margin-right:0!important;}
.mv-5{margin-left:5px!important; margin-right:5px!important;}
.mv-10{margin-left:10px!important; margin-right:10px!important;}
.mv-15{margin-left:15px!important; margin-right:15px!important;}
.mv-20{margin-left:20px!important; margin-right:20px!important;}
.mv-25{margin-left:25px!important; margin-right:25px!important;}
.mv-30{margin-left:30px!important; margin-right:30px!important;}
.mv-35{margin-left:35px!important; margin-right:35px!important;}
.mv-40{margin-left:40px!important; margin-right:40px!important;}
.mv-45{margin-left:45px!important; margin-right:45px!important;}
.mv-50{margin-left:50px!important; margin-right:50px!important;}
.mv-55{margin-left:55px!important; margin-right:55px!important;}
.mv-60{margin-left:60px!important; margin-right:60px!important;}
.mv-65{margin-left:65px!important; margin-right:65px!important;}
.mv-70{margin-left:70px!important; margin-right:70px!important;}
.mv-75{margin-left:75px!important; margin-right:75px!important;}
.mv-80{margin-left:80px!important; margin-right:80px!important;}
.mv-85{margin-left:85px!important; margin-right:85px!important;}
.mv-90{margin-left:90px!important; margin-right:90px!important;}
.mv-95{margin-left:95px!important; margin-right:95px!important;}
.mv-100{margin-left:100px!important; margin-right:100px!important;}

.mh-0{margin-top:0!important; margin-bottom:0!important;}
.mh-5{margin-top:5px!important; margin-bottom:5px!important;}
.mh-10{margin-top:10px!important; margin-bottom:10px!important;}
.mh-15{margin-top:15px!important; margin-bottom:15px!important;}
.mh-20{margin-top:20px!important; margin-bottom:20px!important;}
.mh-25{margin-top:25px!important; margin-bottom:25px!important;}
.mh-30{margin-top:30px!important; margin-bottom:30px!important;}
.mh-35{margin-top:35px!important; margin-bottom:35px!important;}
.mh-40{margin-top:40px!important; margin-bottom:40px!important;}
.mh-45{margin-top:45px!important; margin-bottom:45px!important;}
.mh-50{margin-top:50px!important; margin-bottom:50px!important;}
.mh-55{margin-top:55px!important; margin-bottom:55px!important;}
.mh-60{margin-top:60px!important; margin-bottom:60px!important;}
.mh-65{margin-top:65px!important; margin-bottom:65px!important;}
.mh-70{margin-top:70px!important; margin-bottom:70px!important;}
.mh-75{margin-top:75px!important; margin-bottom:75px!important;}
.mh-80{margin-top:80px!important; margin-bottom:80px!important;}
.mh-85{margin-top:85px!important; margin-bottom:85px!important;}
.mh-90{margin-top:90px!important; margin-bottom:90px!important;}
.mh-95{margin-top:95px!important; margin-bottom:95px!important;}
.mh-100{margin-top:100px!important; margin-bottom:100px!important;}

.mt-0{margin-top:0!important;}
.mt-5{margin-top:5px!important;}
.mt-10{margin-top:10px!important;}
.mt-15{margin-top:15px!important;}
.mt-20{margin-top:20px!important;}
.mt-25{margin-top:25px!important;}
.mt-30{margin-top:30px!important;}
.mt-35{margin-top:35px!important;}
.mt-40{margin-top:40px!important;}
.mt-45{margin-top:45px!important;}
.mt-50{margin-top:50px!important;}
.mt-55{margin-top:55px!important;}
.mt-60{margin-top:60px!important;}
.mt-65{margin-top:65px!important;}
.mt-70{margin-top:70px!important;}
.mt-75{margin-top:75px!important;}
.mt-80{margin-top:80px!important;}
.mt-85{margin-top:85px!important;}
.mt-90{margin-top:90px!important;}
.mt-95{margin-top:95px!important;}
.mt-100{margin-top:100px!important;}
/* ====================================== */

.mb-0{margin-bottom:0!important;}
.mb-5{margin-bottom:5px!important;}
.mb-10{margin-bottom:10px!important;}
.mb-15{margin-bottom:15px!important;}
.mb-20{margin-bottom:20px!important;}
.mb-25{margin-bottom:15px!important;}
.mb-30{margin-bottom:30px!important;}
.mb-35{margin-bottom:35px!important;}
.mb-40{margin-bottom:40px!important;}
.mb-45{margin-bottom:45px!important;}
.mb-50{margin-bottom:50px!important;}
.mb-55{margin-bottom:55px!important;}
.mb-60{margin-bottom:60px!important;}
.mb-65{margin-bottom:65px!important;}
.mb-70{margin-bottom:70px!important;}
.mb-75{margin-bottom:75px!important;}
.mb-80{margin-bottom:80px!important;}
.mb-85{margin-bottom:85px!important;}
.mb-90{margin-bottom:90px!important;}
.mb-95{margin-bottom:95px!important;}
.mb-100{margin-bottom:100px!important;}

/* ====================================== */

.ml-0{margin-left:0!important;}
.ml-5{margin-left:5px!important;}
.ml-10{margin-left:10px!important;}
.ml-15{margin-left:15px!important;}
.ml-20{margin-left:20px!important;}
.ml-25{margin-left:25px!important;}
.ml-30{margin-left:30px!important;}
.ml-35{margin-left:35px!important;}
.ml-40{margin-left:40px!important;}
.ml-45{margin-left:45px!important;}
.ml-50{margin-left:50px!important;}
.ml-55{margin-left:55px!important;}
.ml-60{margin-left:60px!important;}
.ml-65{margin-left:65px!important;}
.ml-70{margin-left:70px!important;}
.ml-75{margin-left:75px!important;}
.ml-80{margin-left:80px!important;}
.ml-85{margin-left:85px!important;}
.ml-90{margin-left:90px!important;}
.ml-95{margin-left:95px!important;}
.ml-100{margin-left:100px!important;}

/* ====================================== */

.mr-0{margin-right:0!important;}
.mr-5{margin-right:5px!important;}
.mr-10{margin-right:10px!important;}
.mr-15{margin-right:15px!important;}
.mr-20{margin-right:20px!important;}
.mr-25{margin-right:25px!important;}
.mr-30{margin-right:30px!important;}
.mr-35{margin-right:35px!important;}
.mr-40{margin-right:40px!important;}
.mr-45{margin-right:45px!important;}
.mr-50{margin-right:50px!important;}
.mr-55{margin-right:55px!important;}
.mr-60{margin-right:60px!important;}
.mr-65{margin-right:65px!important;}
.mr-70{margin-right:70px!important;}
.mr-75{margin-right:75px!important;}
.mr-80{margin-right:80px!important;}
.mr-85{margin-right:85px!important;}
.mr-90{margin-right:90px!important;}
.mr-95{margin-right:95px!important;}
.mr-100{margin-right:100px!important;}
/* Match Select2 single select to Bootstrap form-control */
.select2-container--default .select2-selection--single {
    height: calc(2.25rem + 2px); /* same as .form-control */
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
}

/* Placeholder & text */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #495057;
    line-height: 1.5;
}

/* Arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 0.75rem;
}

/* Focus style */
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Make it full width */
.select2-container, .select2-container .selection {
    width: 100% !important;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100% !important;
    padding: 0!important;
}
body .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 11px 0;
    padding-inline-start: 10px !important;
    padding-inline-end: 48px !important;
}
.bg-gray {
    background: #edeff7;
}
.color-dark{
    color: #000!important;
}
.left_menu p{
    margin-bottom: 15px;
}
.left_menu a{
    color: #000!important;
}
.left_menu a.active{
    color: #f37739!important;
}
.img-radius{
    border-radius:12px;
}
.image_item {
    position: relative;
}
.image_item button{
    position: absolute;
    top: 10px;
    right: 10px;
}
li.page-item.active a {
    background-color: var(--main-600) !important;
    color: #fff !important;
}
.detail_gallery_slide img{
    height:500px;
    width:100%;
    object-fit: cover;
}

.slick-prev, .slick-next {
    background-color: rgba(0,0,0,0.6);
    color: white;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.slick-prev:hover, .slick-next:hover {
    background-color: rgba(0,0,0,0.9);
}

.slick-prev {
    left: -10px;
    top: 48px;
    bottom: 0;
    margin: auto;
}
.slick-next {
    right: -10px;
    top: 48px;
    bottom: 0;
    margin: auto;
}

.slick-prev i, .slick-next i {
    font-size: 24px;
}

.detail_gallery_slide ul.slick-dots {
    padding: 0;
    top: -50px;
    z-index: 999999;
    position: relative;
}
.slick-dots li button{
    border: none;
    background-color: hsl(0deg 0% 100% / 40%);
    color: hsl(var(--white));
    margin: 0 3px;
    width: 15px;
    height: 15px;
    border-radius: 1px!important;
    border-radius: 50%!important;
    text-indent: -9999px;
    transition: 0.3s linear;
}
.detail_gallery_slide ul.slick-dots {
    padding: 0;
    position: relative;
    top: -40px;
}
.slick-dots li.slick-active button {
    background-color: hsl(208.93deg 94.26% 40.98%);
    width: 40px;
    border-radius: 10px !important;
}

a.school_tag {
    background: #e8eef5;
    padding: 4px 13px;
    border-radius: 13px;
    color: #000;
    font-size: 15px;
}

.blog-two-slider2.slick-slider .slick-track {
    display: flex;
    width: 100% !important;
}
.head_dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* animasyonu engellememek için */
}

button.head_dropdown {
    background: #2595d8;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}
.footer-menu {
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: thin;           /* Firefox */
    scrollbar-color: #bbb #fff; /* Firefox */
}
/* Chrome, Edge, Safari */
.footer-menu::-webkit-scrollbar {
    width: 3px;
}

.footer-menu::-webkit-scrollbar-track {
    background: #fff;
}

.footer-menu::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 4px;
}

.dashbord-body.flex-grow-1 {
    max-width: calc(100% - 288px) !important;
}
section.breadcrumb {
    background: #ddecf5 !important;
}


.date-slider {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.date-slider .slick-slide {
    display: block;
    margin: 0;
    padding: 0 5px;
}
.date-slider li h4 {
    font-weight: 500;
    font-size: 14px;
    color: #B9B9B9;
    margin-bottom: 5px;
}
@media (max-width: 1199.98px) {
    .date-slider li h4 {
        font-size: 13px;
    }
}
@media (max-width: 991.98px) {
    .date-slider li h4 {
        font-size: 16px;
    }
}
.date-slider li p {
    color: #D4D4D4;
    margin-bottom: 0;
}
.date-slider li.active h4 {
    color: #000000;
}
.date-slider li.active p {
    color: #AAAAAA;
}
.date-slider .slick-prev:before {
    content: " \e92f";
}
.date-slider .slick-next:before {
    content: " \e930";
}

.date-slider .slick-prev,
.date-slider .slick-next {
    background: transparent;
    color: #000000;
    line-height: normal;
    box-shadow: none;
    width: 30px;
    height: 30px;
}

.date-slider .slick-prev:hover,
.date-slider .slick-prev:focus,
.date-slider .slick-next:hover,
.date-slider .slick-next:focus {
    background-color: transparent;
    color: #09e5ab;
    opacity: 1;
}

.date-slider .slick-prev:hover:before,
.date-slider .slick-prev:focus:before,
.date-slider .slick-next:hover:before,
.date-slider .slick-next:focus:before {
    color: #09e5ab;
}

.date-slider .slick-prev:before,
.date-slider .slick-next:before {
    font-family: "feather";
    font-size: 26px;
}

.date-slider .slick-prev {
    left: -12px;
}

.date-slider .slick-next {
    right: -12px;
}
.booking-date-slider {
    padding-bottom: 30px;
}

.date-slider {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.date-slider .slick-slide {
    display: block;
    margin: 0;
    padding: 0 5px;
}
.date-slider li h4 {
    font-weight: 500;
    font-size: 16px;
    color: #B9B9B9;
    margin-bottom: 5px;
}
@media (max-width: 1199.98px) {
    .date-slider li h4 {
        font-size: 13px;
    }
}
@media (max-width: 991.98px) {
    .date-slider li h4 {
        font-size: 16px;
    }
}
.date-slider li p {
    color: #D4D4D4;
    margin-bottom: 0;
}
.date-slider li.active h4 {
    color: #000000;
}
.date-slider li.active p {
    color: #AAAAAA;
}
.date-slider .slick-prev:before {
    content: " \e92f";
}
.date-slider .slick-next:before {
    content: " \e930";
}

.date-slider .slick-prev,
.date-slider .slick-next {
    background: transparent;
    color: #000000;
    line-height: normal;
}

.date-slider .slick-prev:hover,
.date-slider .slick-prev:focus,
.date-slider .slick-next:hover,
.date-slider .slick-next:focus {
    background-color: transparent;
    color: #09e5ab;
    opacity: 1;
}

.date-slider .slick-prev:hover:before,
.date-slider .slick-prev:focus:before,
.date-slider .slick-next:hover:before,
.date-slider .slick-next:focus:before {
    color: #09e5ab;
}

.date-slider .slick-prev:before,
.date-slider .slick-next:before {
    font-family: "feather";
    font-size: 26px;
}

.time-slot {
    text-align: center;
}
.time-slot h4 {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
}
.time-slot ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.time-slot ul li {
    display: block;
    margin-bottom: 15px;
}
.time-slot li:last-child {
    margin-bottom: 0;
}
.time-slot li .timing {
    background: #F5F5F5;
    border: 2px solid #F3F3F3;
    border-radius: 8px;
    color: #595959;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
    position: relative;
    box-shadow: inset 0 0 0 0 #ffffff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}
.time-slot li .timing:hover {
    background: #ffffff;
    box-shadow: inset 0 0 0 50px #ffffff;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
}
.time-slot li .timing.active {
    background: #09e5ab;
    border: 2px solid #09e5ab;
    color: #ffffff;
    box-shadow: inset 0 0 0 0 #09e5ab;
}
.time-slot li .timing.active:hover {
    background: #09e5ab;
    border: 2px solid #09e5ab;
    color: #ffffff;
    box-shadow: inset 0 0 0 50px #09e5ab;
}
.time-slot li .timing i {
    margin-right: 4px;
}
.time-slot li .load-more-timings a {
    font-weight: 500;
    text-decoration: underline;
    color: #09e5ab;
}
.time-slot li .load-more-timings a:hover {
    color: #000000;
}
.time-slot .time-slot-open {
    display: none;
}
@media (max-width: 991.98px) {
    .time-slot {
        padding-bottom: 15px;
    }
}
.booking-date-slider {
    position: relative;
    padding: 30px;
}
@media (max-width: 767.98px) {
    .time-slot-card-body {
        padding-bottom: 0 !important;
    }
}
.time-slot ul {
    list-style: none;
    margin: auto -5px 0 -5px;
    padding: 0;
}
.time-slot ul li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 14.28%;
}
.time-slot ul li .timing {
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    color: #757575;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px 5px;
    text-align: center;
    position: relative;
}
.time-slot ul li .timing:hover {
    background-color: #ffffff;
}
.time-slot ul li .timing:last-child {
    margin-bottom: 0;
}
.time-slot ul li .timing.selected {
    background-color: #42c0fb;
    border: 1px solid #42c0fb;
    color: #ffffff;
}
.time-slot ul li .timing.selected::before {
    color: #ffffff;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    top: 6px;
    right: 6px;
}
@media (max-width: 991.98px) {
    .time-slot ul li .timing.selected::before {
        display: none;
    }
}
.time-slot ul li .timing.selected:hover {
    color: #757575;
}
.time-slot ul li .timing.selected:hover::before {
    color: #757575;
}
img.chat_profile {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.chat_sub_content{
    width: calc(100% - 100px);
    min-width: 170px;
}

.CommendReply {
    padding: 10px;
}
.CommendReply input{
    width: 100%;
    border: 0;
    background: transparent;
    padding: 10px 15px;
}
.CommendReply button {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
 

#meeting_type label {
    background: #fafafa;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #fdf1f1;
}
#meeting_type label p{
    margin-top: 15px;
    margin-bottom: 0;
}

.card-title p {
    font-weight: 400;
    margin: 0!important;
}
#meeting_type label{
    width: 100%;
}
div#calendar_content li {
    background: transparent;
    padding: 6px;
    border-radius: 6px;
    color: #000;
}
div#calendar_content li.active {
    background: #2595d8;
    padding: 6px;
    border-radius: 6px;
    color: #fff;
}
#jobsList img{
    height: 80px;
    width: 80px;
    object-fit: cover;
    border-radius: 8px !important;
    margin-right: 10px;
}

div#jobsfilter section {
    background: #f5f5f5;
    padding: 21px 10px !important;
    border-radius: 12px;
}
.card.job-card {
    padding: 10px;
}
#jobsDetail ul, #jobsDetail ol {
    list-style: disc !important;
    padding: 0 20px;
}
a.btn.btn-xs {
    padding: 5px 15px!important;
    font-size: 14px!important;
}

#options-container .option-group {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 12px;
    margin-bottom: 20px;
}
.ProductItem img {
    height: 250px;
    object-fit: cover;
}

#addressList label, #addressList2 label {
    display: block;
    padding: 10px;
    margin-bottom: 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #fff;
    height: 100%;
}

.AddresContent.NewAddress {
    text-align: center;
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: #939faa !important;
    color: #fff!important;
    font-size: 17px;
}
#addressList input[type="radio"]:checked + label,
#addressList2 input[type="radio"]:checked + label
{
    border: 2px solid #066ccb; /* senin ana rengin */
    background-color: #f9f3f4;
}
#DateList  label {
    padding: 6px 10px;
    border-radius: 6px !important;
}

#DateList input[type="radio"]:checked + label {
    background-color: #2595d8;
    color: #fff!important;
}
#DateList .date-item {
    display: flex !important;
    align-items: center;
}
#MeetingTimes input[type="radio"]:checked + label {
    background-color: #2595d8;
    color: #fff;
}
#DateList input[type="radio"]:checked + label h6 {
    color: #fff;
}
.addressContent {
    background: #fffefd;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 12px;
}


div#MyOrdersContent .OrderCard {
    padding: 16px 24px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-property: height, width, padding, background, font-size, -webkit-box-shadow, -webkit-box-sizing, -webkit-transform;
    transition-property: height, width, padding, background, font-size, -webkit-box-shadow, -webkit-box-sizing, -webkit-transform;
    transition-property: box-shadow, height, width, box-sizing, padding, background, font-size, transform;
    transition-property: box-shadow, height, width, box-sizing, padding, background, font-size, transform, -webkit-box-shadow, -webkit-box-sizing, -webkit-transform;
    border-radius: 8px;
    border: solid 1px #eeeeee;
    -webkit-box-shadow: 0 1px 2px 0 rgba(72, 72, 72, .08);
    box-shadow: 0 1px 2px rgba(72, 72, 72, .08);
}
div#MyOrdersContent  .OrderAddresBox {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 8px;
    height:100%;
}
div#MyOrdersContent  .OrderProductItem {
    border: 1px solid #eee;
    padding: 10px 10px 10px 60px;
    border-radius: 8px;
}
.ModalOrderProductItemContent .OrderProductItem{
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 8px;
}
.OrderProductItemContent,.ModalOrderProductItemContent {
    position: relative;
    margin-bottom: 20px;

}

.OrderProductItemContent input {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 20px;
    height: 20px;
}
.OrderProductItem img{
    height: 80px;
    width: 80px;
    object-fit: cover;
    border-radius: 8px !important;
}
.AdresBox{
    padding: 16px 24px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-property: height, width, padding, background, font-size, -webkit-box-shadow, -webkit-box-sizing, -webkit-transform;
    transition-property: height, width, padding, background, font-size, -webkit-box-shadow, -webkit-box-sizing, -webkit-transform;
    transition-property: box-shadow, height, width, box-sizing, padding, background, font-size, transform;
    transition-property: box-shadow, height, width, box-sizing, padding, background, font-size, transform, -webkit-box-shadow, -webkit-box-sizing, -webkit-transform;
    border-radius: 8px;
    border: solid 1px #eeeeee;
    -webkit-box-shadow: 0 1px 2px 0 rgba(72, 72, 72, .08);
    box-shadow: 0 1px 2px rgba(72, 72, 72, .08);
}
.ExpertMeetingBox {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px;
}
#RatingsTable img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 8px !important;
    margin-right: 10px;
}
#RatingsTable .RateProduct {
    width: 100%;
    display: flex;
}

div#ajaxModalContent {
    padding: 30px !important;
}
div#ajaxModalContent .OrderProductItem img{
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 8px !important;
}
ul#ProductTab {
    background: #f1f3f5;
    padding: 10px;
    border-radius: 60px;
}
ul#ProductTab button {
    background: transparent;
    color: #000;
    margin-right: 15px;
    border-radius: 30px;
    font-weight: 500;
    padding: 14px 34px;
}
ul#ProductTab button.active {
    color: #fff;
    background: #066ccb;
}
div#ProductTabContent {
    padding: 30px 0;
}

.PoductQuestionItem .question {
    background: #f5f5f5;
    padding: 16px 20px;
    margin: 15px;
    border-radius: 20px;
    color: #646464;
}
.PoductQuestionItem .reply {
    background: #fff;
    padding: 16px 20px;
    margin: 15px;
    border-radius: 20px;
    color: #000;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 10px #00000014;
}

.ProductSeller span {
    border:1px solid #ddd;
    border-radius: 8px;
    padding: 5px 15px;
    width: max-content;
    margin-right: 10px;
}


#testcontent .QuestionsItem {
    padding: 20px !important;
}
#testcontent .option-card {
    border: 2px solid #dee2e6;
    border-radius: 10px;
    padding: 10px 15px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
    display: flex;
    align-items: center;
}

#testcontent  .option-card:hover {
    border-color: #0d6efd;
    background-color: #f0f6ff;
}
#testcontent  input{display:none;}
/* Seçili olduğunda renk değişsin */
#testcontent  input[type="radio"]:checked + .option-card {
    border-color: #0d6efd;
    background-color: #0d6efd;
    color: #fff;
    box-shadow: 0 0 5px rgba(13, 110, 253, 0.5);
}

.timeline {
    position: relative;
    margin: 20px 0;
    padding-left: 30px;
    border-left: 3px solid #dee2e6;
}

.timeline-item {
    position: relative;
    margin-bottom: 25px;
}

.timeline-marker {
    position: absolute;
    left: -9px;
    top: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0d6efd;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #dee2e6;
}

.timeline-content {
    padding-left: 24px;
}


.returncontent {
    background-color: #f8f9fa;
    padding: 2rem 0;
    font-family: Arial, sans-serif;
}

.returncontent .rc-card {
    border-radius: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.returncontent .rc-accordion-button:not(.collapsed) {
    background-color: #e9f5ff;
    color: #0d6efd;
    box-shadow: none;
}

.returncontent .rc-badge {
    font-size: 0.85rem;
}

.returncontent .rc-order-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.returncontent .rc-order-info {
    display: flex;
    flex-direction: column;
}

.returncontent .rc-order-meta {
    font-size: 0.85rem;
    color: #6c757d;
}

.returncontent .rc-btn-group .btn {
    font-size: 0.8rem;
}

.time-slot li.disabled label span {
    text-decoration: line-through;
}

div#search-results {
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: 25px;
    width: calc(100% - 50px);
    z-index: 9999;
}
div#search-results .Content {
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: 25px;
    width: calc(100% - 50px);
    border: 1px solid #eee;
    border-radius: 12px;
    z-index: 9999;
    background: #fff;
    overflow: hidden;
}
div#search-results .search-item {
    color: #000;
}

div#search-results .search-item {
    padding: 12px;
    border-bottom: 1px solid #eee;
    display: block;

}
.search-more.text-center {
    padding: 10px;
}
div#search-results .search-item:hover {
    background: #eee;
}
p.alert.alert_info {
    padding: 10px;
    font-size: 14px;
    text-align: center;
    margin: 0;
}
div#PsychologicalTest img {
    height: 300px;
    object-fit: cover;
}


/* ========================================
   FORUM STYLE - COMMUNITY DETAIL PAGE
   ======================================== */

#community-detail-page {
    padding: 30px 0;
}

#community-detail-page .container {
    max-width: 900px;
}

/* ========================================
   SORU BÖLÜMÜ
   ======================================== */
#community-detail-page .question-box {
    background: #fff;
    border: 1px solid #d6d9dc;
    border-radius: 4px;
    margin-bottom: 20px;
}

#community-detail-page .question-header {
    padding: 16px 20px;
    border-bottom: 1px solid #e8e8e8;
}

#community-detail-page .question-title {
    font-size: 22px;
    font-weight: 500;
    color: #232629;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

#community-detail-page .question-meta {
    font-size: 13px;
    color: #6a737c;
}

#community-detail-page .question-meta span {
    margin-right: 16px;
}

#community-detail-page .question-body {
    padding: 20px;
}

#community-detail-page .question-text {
    font-size: 15px;
    color: #3b4045;
    line-height: 1.7;
    margin: 0;
}

#community-detail-page .question-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background: #f8f9f9;
    border-top: 1px solid #e8e8e8;
}

/* ========================================
   OY VE ETKİLEŞİM
   ======================================== */
#community-detail-page .vote-box {
    display: flex;
    align-items: center;
    gap: 6px;
}

#community-detail-page .vote-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #d6d9dc;
    background: #fff;
    border-radius: 4px;
    color: #6a737c;
    cursor: pointer;
    transition: all 0.15s ease;
}

#community-detail-page .vote-btn:hover {
    background: #f0f0f0;
    color: #3b4045;
}

#community-detail-page .vote-btn.active {
    background: #e1ecf4;
    border-color: #7aa7c7;
    color: #2c5777;
}

#community-detail-page .vote-btn i {
    font-size: 18px;
}

#community-detail-page .vote-count {
    font-size: 17px;
    font-weight: 600;
    color: #232629;
    min-width: 24px;
    text-align: center;
}

/* ========================================
   YANIT FORMU
   ======================================== */
#community-detail-page .reply-form-box {
    padding: 16px 20px;
    border-top: 1px solid #e8e8e8;
}

#community-detail-page .reply-input-wrap {
    display: flex;
    gap: 10px;
}

#community-detail-page .reply-input {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #d6d9dc;
    border-radius: 4px;
    font-size: 14px;
    color: #232629;
    transition: border-color 0.15s ease;
}

#community-detail-page .reply-input:focus {
    outline: none;
    border-color: #6bbbf7;
    box-shadow: 0 0 0 3px rgba(107, 187, 247, 0.15);
}

#community-detail-page .reply-input::placeholder {
    color: #9199a1;
}

#community-detail-page .reply-btn {
    padding: 10px 20px;
    background: #0a95ff;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease;
}

#community-detail-page .reply-btn:hover {
    background: #0074cc;
}

/* ========================================
   YANITLAR BAŞLIĞI
   ======================================== */
#community-detail-page .answers-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    margin-bottom: 4px;
}

#community-detail-page .answers-title {
    font-size: 18px;
    font-weight: 500;
    color: #232629;
    margin: 0;
}

#community-detail-page .answers-sort {
    font-size: 13px;
    color: #6a737c;
}

/* ========================================
   YANIT KARTI
   ======================================== */
#community-detail-page .answer-box {
    background: #fff;
    border: 1px solid #d6d9dc;
    border-radius: 4px;
    margin-bottom: 12px;
}

#community-detail-page .answer-main {
    display: flex;
    padding: 16px 20px;
}

#community-detail-page .answer-vote {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 16px;
    padding-top: 4px;
}

#community-detail-page .answer-vote .vote-btn {
    width: 32px;
    height: 32px;
}

#community-detail-page .answer-vote .vote-btn i {
    font-size: 16px;
}

#community-detail-page .answer-vote .vote-count {
    font-size: 15px;
    margin: 4px 0;
}

#community-detail-page .answer-content {
    flex: 1;
    min-width: 0;
}

#community-detail-page .answer-text {
    font-size: 15px;
    color: #3b4045;
    line-height: 1.7;
    margin: 0 0 14px 0;
}

#community-detail-page .answer-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}

#community-detail-page .answer-actions {
    display: flex;
    gap: 16px;
}

#community-detail-page .action-link {
    font-size: 13px;
    color: #6a737c;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

#community-detail-page .action-link:hover {
    color: #0074cc;
}

/* ========================================
   KULLANICI BİLGİSİ
   ======================================== */
#community-detail-page .user-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #e1ecf4;
    border-radius: 4px;
}

#community-detail-page .user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: #0a95ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
}

#community-detail-page .user-avatar.expert {
    background: #2e7d32;
}

#community-detail-page .user-avatar.company {
    background: #e65100;
}

#community-detail-page .user-info {
    line-height: 1.3;
}

#community-detail-page .user-avatar-img {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    object-fit: cover;
}

#community-detail-page .user-name {
    font-size: 14px;
    font-weight: 500;
    color: #0074cc;
    margin: 0;
}

#community-detail-page .user-role {
    font-size: 12px;
    color: #6a737c;
}

/* ========================================
   ALT YANITLAR
   ======================================== */
#community-detail-page .sub-answers {
    border-top: 1px solid #e8e8e8;
    background: #f8f9f9;
    padding: 0 20px 0 68px;
}

#community-detail-page .sub-answer {
    padding: 14px 0;
    border-bottom: 1px solid #e8e8e8;
}

#community-detail-page .sub-answer:last-child {
    border-bottom: none;
}

#community-detail-page .sub-answer-content {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

#community-detail-page .sub-answer-avatar {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    background: #0a95ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    flex-shrink: 0;
}

#community-detail-page .sub-answer-avatar.expert {
    background: #2e7d32;
}

#community-detail-page .sub-answer-avatar.company {
    background: #e65100;
}

#community-detail-page .sub-answer-avatar-img {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    object-fit: cover;
    flex-shrink: 0;
}

#community-detail-page .sub-answer-body {
    flex: 1;
}

#community-detail-page .sub-answer-text {
    font-size: 14px;
    color: #3b4045;
    line-height: 1.6;
    margin: 0 0 6px 0;
}

#community-detail-page .sub-answer-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: #6a737c;
}

#community-detail-page .sub-answer-meta a,
#community-detail-page .sub-answer-meta button {
    color: #6a737c;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

#community-detail-page .sub-answer-meta a:hover,
#community-detail-page .sub-answer-meta button:hover {
    color: #0074cc;
}

#community-detail-page .sub-answer-user {
    color: #0074cc;
    font-weight: 500;
}

/* ========================================
   YANIT EKLEME FORMU (ALT YANITLAR İÇİN)
   ======================================== */
#community-detail-page .sub-reply-form {
    padding: 12px 0;
}

#community-detail-page .sub-reply-form .reply-input-wrap {
    gap: 8px;
}

#community-detail-page .sub-reply-form .reply-input {
    padding: 8px 12px;
    font-size: 13px;
}

#community-detail-page .sub-reply-form .reply-btn {
    padding: 8px 16px;
    font-size: 13px;
}

/* ========================================
   BOŞ DURUM
   ======================================== */
#community-detail-page .empty-state {
    text-align: center;
    padding: 40px 20px;
    background: #fff;
    border: 1px solid #d6d9dc;
    border-radius: 4px;
    color: #6a737c;
}

#community-detail-page .empty-state i {
    font-size: 40px;
    margin-bottom: 12px;
    opacity: 0.5;
}

#community-detail-page .empty-state h5 {
    font-size: 16px;
    font-weight: 500;
    color: #3b4045;
    margin: 0 0 6px 0;
}

#community-detail-page .empty-state p {
    font-size: 14px;
    margin: 0;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    #community-detail-page {
        padding: 16px 0;
    }

    #community-detail-page .question-title {
        font-size: 18px;
    }

    #community-detail-page .question-footer {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    #community-detail-page .reply-input-wrap {
        flex-direction: column;
    }

    #community-detail-page .reply-btn {
        width: 100%;
    }

    #community-detail-page .answer-main {
        flex-direction: column;
    }

    #community-detail-page .answer-vote {
        flex-direction: row;
        margin-right: 0;
        margin-bottom: 12px;
        gap: 8px;
    }

    #community-detail-page .answer-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    #community-detail-page .sub-answers {
        padding-left: 20px;
    }

    #community-detail-page .user-card {
        width: 100%;
    }
}




/* ========================================
   QUIZ PAGE STYLES
   ======================================== */

#quiz-page {
    background: #f6f6f6;
    min-height: 100vh;
    padding: 40px 0;
}

#quiz-page .container {
    max-width: 800px;
}

/* ========================================
   QUIZ HEADER
   ======================================== */
#quiz-page .quiz-header {
    background: #fff;
    border: 1px solid #d6d9dc;
    border-radius: 6px;
    padding: 24px;
    margin-bottom: 24px;
    text-align: center;
}

#quiz-page .quiz-title {
    font-size: 24px;
    font-weight: 600;
    color: #232629;
    margin: 0 0 12px 0;
}

#quiz-page .quiz-info {
    display: flex;
    justify-content: center;
    gap: 24px;
    font-size: 14px;
    color: #6a737c;
}

#quiz-page .quiz-info span {
    display: flex;
    align-items: center;
    gap: 6px;
}

#quiz-page .quiz-info i {
    font-size: 18px;
}

/* ========================================
   QUESTIONS CONTAINER
   ======================================== */
#quiz-page .questions-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ========================================
   QUESTION CARD
   ======================================== */
#quiz-page .question-card {
    background: #fff;
    border: 1px solid #d6d9dc;
    border-radius: 6px;
    padding: 20px;
    display: flex;
    gap: 16px;
}

#quiz-page .question-number {
    width: 36px;
    height: 36px;
    background: #0a95ff;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0;
}

#quiz-page .question-content {
    flex: 1;
}

#quiz-page .question-text {
    font-size: 16px;
    font-weight: 500;
    color: #232629;
    margin: 0 0 16px 0;
    line-height: 1.5;
}

/* ========================================
   OPTIONS LIST (Çoktan Seçmeli)
   ======================================== */
#quiz-page .options-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#quiz-page .option-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 2px solid #e3e6e8;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

#quiz-page .option-item:hover {
    border-color: #b3d3ea;
    background: #f8fbfd;
}

#quiz-page .option-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

#quiz-page .option-item input[type="radio"]:checked + .option-marker {
    background: #0a95ff;
    color: #fff;
    border-color: #0a95ff;
}

#quiz-page .option-item input[type="radio"]:checked ~ .option-text {
    color: #0a95ff;
    font-weight: 500;
}

#quiz-page .option-item input[type="radio"]:checked ~ .option-check {
    opacity: 1;
}

#quiz-page .option-item:has(input[type="radio"]:checked) {
    border-color: #0a95ff;
    background: #e1ecf4;
}

#quiz-page .option-marker {
    width: 28px;
    height: 28px;
    border: 2px solid #d6d9dc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 13px;
    color: #6a737c;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

#quiz-page .option-text {
    flex: 1;
    font-size: 15px;
    color: #3b4045;
    transition: all 0.2s ease;
}

#quiz-page .option-check {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a95ff;
    opacity: 0;
    transition: opacity 0.2s ease;
}

#quiz-page .option-check i {
    font-size: 20px;
}

/* ========================================
   EVET / HAYIR OPTIONS
   ======================================== */
#quiz-page .options-yesno {
    display: flex;
    gap: 16px;
}

#quiz-page .option-yesno {
    flex: 1;
    cursor: pointer;
}

#quiz-page .option-yesno input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

#quiz-page .option-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    border: 2px solid #e3e6e8;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #6a737c;
    transition: all 0.2s ease;
}

#quiz-page .option-box i {
    font-size: 22px;
}

#quiz-page .option-yesno:hover .option-box {
    border-color: #b3d3ea;
    background: #f8fbfd;
}

#quiz-page .option-yesno input[type="radio"]:checked + .option-box.yes {
    border-color: #2e7d32;
    background: #e8f5e9;
    color: #2e7d32;
}

#quiz-page .option-yesno input[type="radio"]:checked + .option-box.no {
    border-color: #c62828;
    background: #ffebee;
    color: #c62828;
}

/* ========================================
   SECTIONS (Bölümlü Sorular)
   ======================================== */
#quiz-page .sections-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#quiz-page .section-block {
    background: #fff;
    border: 1px solid #d6d9dc;
    border-radius: 8px;
    overflow: hidden;
}

#quiz-page .section-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px 24px;
    color: #fff;
}

#quiz-page .section-number {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.8;
    display: block;
    margin-bottom: 4px;
}

#quiz-page .section-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

#quiz-page .section-block .questions-container {
    padding: 20px;
    gap: 12px;
}

#quiz-page .section-block .question-card {
    border: 1px solid #e8e8e8;
    background: #fafafa;
}

/* ========================================
   QUIZ FOOTER
   ======================================== */
#quiz-page .quiz-footer {
    margin-top: 32px;
    text-align: center;
}

#quiz-page .btn-submit-quiz {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 48px;
    background: #0a95ff;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

#quiz-page .btn-submit-quiz:hover {
    background: #0074cc;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(10, 149, 255, 0.3);
}

#quiz-page .btn-submit-quiz i {
    font-size: 20px;
}

/* ========================================
   PROGRESS BAR (Opsiyonel)
   ======================================== */
#quiz-page .quiz-progress {
    background: #e3e6e8;
    height: 6px;
    border-radius: 3px;
    margin-top: 16px;
    overflow: hidden;
}

#quiz-page .quiz-progress-bar {
    background: linear-gradient(90deg, #0a95ff, #667eea);
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    #quiz-page {
        padding: 20px 0;
    }

    #quiz-page .quiz-header {
        padding: 20px;
    }

    #quiz-page .quiz-title {
        font-size: 20px;
    }

    #quiz-page .question-card {
        padding: 16px;
        flex-direction: column;
        gap: 12px;
    }

    #quiz-page .question-number {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    #quiz-page .options-yesno {
        flex-direction: column;
        gap: 12px;
    }

    #quiz-page .option-box {
        padding: 14px 20px;
    }

    #quiz-page .option-item {
        padding: 12px 14px;
    }

    #quiz-page .section-header {
        padding: 16px 20px;
    }

    #quiz-page .section-title {
        font-size: 18px;
    }

    #quiz-page .btn-submit-quiz {
        width: 100%;
        justify-content: center;
        padding: 14px 24px;
    }
}

/* ========================================
   ANIMATIONS
   ======================================== */
#quiz-page .question-card {
    animation: fadeInUp 0.4s ease forwards;
    opacity: 0;
}

#quiz-page .question-card:nth-child(1) { animation-delay: 0.05s; }
#quiz-page .question-card:nth-child(2) { animation-delay: 0.1s; }
#quiz-page .question-card:nth-child(3) { animation-delay: 0.15s; }
#quiz-page .question-card:nth-child(4) { animation-delay: 0.2s; }
#quiz-page .question-card:nth-child(5) { animation-delay: 0.25s; }
#quiz-page .question-card:nth-child(6) { animation-delay: 0.3s; }
#quiz-page .question-card:nth-child(7) { animation-delay: 0.35s; }
#quiz-page .question-card:nth-child(8) { animation-delay: 0.4s; }
#quiz-page .question-card:nth-child(9) { animation-delay: 0.45s; }
#quiz-page .question-card:nth-child(10) { animation-delay: 0.5s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}