.page-ciftcidestek-container {
    padding-left: 13rem;
    padding-right: 13rem;
    padding-top:2rem !important;
}


.page-ciftcidestek-second-container {
    padding-left: 13rem;
    padding-right: 13rem;
    padding-bottom: 7rem !important;
}


.hde-hidden {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.hde-visible {
    opacity: 1;
    transform: translateY(0);
}
.ci-mu-pagedestek-accordion-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.3s ease;
    display: block;
}

    .ci-mu-pagedestek-accordion-content.show {
        max-height: 600px;
        opacity: 1;
        display: flex;
        gap: 24px;
    }

        .ci-mu-pagedestek-accordion-content.show > p {
            margin-top: 56px;
        }
.search-icon-right {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    color: #000; 
    pointer-events: none;
}
.sign-up-custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.ciftcidestek-select-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    width: 36px;
    height: 18px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36.819' height='18.036' viewBox='0 0 36.819 18.036'><g transform='translate(0.683 0.73)'><line x2='17.726' y2='16.575' stroke='%23000' stroke-width='2'/><line x1='17.726' y2='16.575' transform='translate(17.727 0)' stroke='%23000' stroke-width='2'/></g></svg>") no-repeat center center;
    background-size: contain;
    pointer-events: none;
}

.collapse-answer-detail p,
.collapse-answer-detail span,
.collapse-answer-detail strong,
.collapse-answer-detail label,
.collapse-answer-detail li,
.collapse-answer-detail ul,
.collapse-answer-detail ol,
.collapse-answer-detail a,
.collapse-answer-detail em,
.collapse-answer-detail blockquote,
.collapse-answer-detail div {
    font-size: clamp(18px, 1.3vw, 21px) !important; /*ekran boyutuan göre saoldakı en kucuk ekranlarda sağdakı buyuk ekrnalarda oalcka sekıdle ayarlandı*/
    font-weight: 300 !important;
    line-height: 1.7 !important;
    font-family: Poppins !important;
}

/*Ciftci Mesajlarim Ortak Responsive CSS*/
@media (max-width: 767.98px) {
   .ci-mu-profile-bottom-navbar {
        align-items: start !important;
        justify-content: start !important;
    }
}

/*Ciftci Mesajlarim Ortak Responsive CSS*/



@media(max-width:567.98px){
    .page-ciftcidestek-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .yeni-destek-talebi-form-container {
        margin-bottom: -96px !important;
    }

    .page-ciftcidestek-second-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .ci-mu-profile-bottom-navbar {
        align-items: start !important;
        justify-content: space-between !important;
    }
    .page-ciftcidestek-wrapper {
        transform: scale(1) !important;
        transform-origin: center center !important;
    }
}

@media(min-width:568px) and (max-width: 767.98px) {
    .page-ciftcidestek-container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin-bottom: -104px;
    }

    .yeni-destek-talebi-form-container {
        margin-bottom: -96px !important;
    }

    .page-ciftcidestek-second-container {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .ci-mu-profile-bottom-navbar {
        align-items: start !important;
        justify-content: space-between !important;
    }
    .page-ciftcidestek-wrapper {
        transform: scale(1) !important;
        transform-origin: center center !important;
    }
    .page-ciftcidestek-second-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
    }
}

@media(min-width:768px) and (max-width: 991.98px) {
    .page-ciftcidestek-container {
        padding-left: 2rem;
        padding-right: 2rem;
        margin-bottom: -104px;
    }


    .page-ciftcidestek-second-container {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        padding-bottom: 5rem !important;
        padding-top: 2rem !important
    }
    .ci-mu-profile-bottom-navbar {
        align-items: start !important;
        justify-content: space-between !important;
    }
    .page-ciftcidestek-second-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
    }
    .page-ciftcidestek-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
    }
}


@media(min-width:992px) and (max-width: 1199.98px) {
    .page-ciftcidestek-container {
        padding-left: 2rem;
        padding-right: 2rem;
        margin-bottom: -104px;
    }

    .yeni-destek-talebi-form-container {
        margin-bottom: -96px !important;
    }

    .page-ciftcidestek-second-container {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
        padding-bottom: 5rem !important;
        padding-top: 5rem !important
    }

    .page-ciftcidestek-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
    }
}

@media(min-width:1200px) and (max-width:1439.98px) {
    .page-ciftcidestek-container {
        padding-left: 6.5rem;
        padding-right: 6.5rem;
        margin-bottom: -104px;
    }
    .yeni-destek-talebi-form-container{
        margin-bottom:-96px !important;
    }

    .page-ciftcidestek-second-container {
        padding-left: 6.5rem;
        padding-right: 6.5rem;
        padding-top: 5rem;
    }
}

@media(min-width:1440px) and (max-width:1559.98px) {
    .page-ciftcidestek-container {
        padding-left: 9.25rem;
        padding-right: 9.25rem;
/*       padding-bottom:4rem;*/
    }

    .page-ciftcidestek-second-container {
        padding-left: 9.25rem;
        padding-right: 9.25rem;
        padding-bottom: 7rem;
    }
    .cnm-urun-spr-box-card.page-ciftcidestek-page-box > div{
        gap:4px !important;
    }
}

@media(min-width:1560px) and (max-width:1919.98px) {
    .page-ciftcidestek-container {
        padding-left: 10.75rem;
        padding-right: 10.75rem;
        padding-bottom: 3rem;
    }

    .page-ciftcidestek-second-container {
        padding-left: 10.75rem;
        padding-right: 10.75rem;
        padding-bottom: 7rem;
    }
    .cnm-urun-spr-box-card.page-ciftcidestek-page-box > div {
        gap: 4px !important;
    }
}

@media(min-width:2560px) {
    .page-ciftcidestek-container {
        padding-left: 15rem;
        padding-right: 15rem;
    }


    .page-ciftcidestek-second-container {
        padding-left: 15rem;
        padding-right: 15rem;
    }
}