.tf-slider-item .content-inner .heading { text-align: center; }
.tf-slider.home2 { background: url(../images/slider/bg-slider-2.jpg) 50% no-repeat; background-size: cover; }
.btn-slider-1 { display: flex; justify-content: center; align-items: center; flex-direction: row; gap: 30px; }
.bist .tf-slider-item.style-2 { padding: 0.4% 13% 7.4%; position: relative; }
.bist .tf-slider-item.style-2 .content-inner { position: relative; z-index: 2; margin: 10px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.bist .tf-slider-item.style-2 .heading { font-size: 84.26px; line-height: 1.2; color: #ffffff; margin-bottom: 20px; text-align: left; font-family: "Urbanist", sans-serif; }
.bist .tf-slider-item.style-2 .sub-heading { font-size: 33.7px; font-weight: 300; color: #ffffff; margin-bottom: 30px; text-align: left; font-family: 'Alexandria', sans-serif; }
.special-btn-slider-1 { display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; }

@media screen and (max-width: 1430px) {
  .tf-slider-item .content-inner .heading { font-size: 44px; line-height: 44px; }
}

@media screen and (max-width: 768px) {
  .tf-slider-item .content-inner .heading { font-size: 50px; line-height: 60px; }
}

@media screen and (max-width: 425px) {
  .tf-slider-item .content-inner .heading { font-size: calc(32px + (43 - 32) * ((100vw - 320px) / (425 - 320))); line-height: calc(64px + (80 - 64) * ((100vw - 320px) / (425 - 320))); }
}

@media screen and (max-width: 320px) {
  .tf-slider-item .content-inner .heading { font-size: 32px; line-height: 64px; }
}

@media screen and (max-width: 768px) {
  .accordion-content .heading { font-size: 50px; line-height: 60px; }
}

@media screen and (max-width: 425px) {
  .accordion-content .heading { font-size: calc(32px + (43 - 32) * ((100vw - 320px) / (425 - 320))); line-height: calc(64px + (80 - 64) * ((100vw - 320px) / (425 - 320))); }
}

@media screen and (max-width: 320px) {
  .accordion-content .heading { font-size: 32px; line-height: 64px; }
}

.mb60 { margin-bottom: 60px; }
.faq-section { padding: 50px 0; color: #fff; }

.tf-container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; width: 1440px; max-width: 100%; }

.tf-work-container { display: flex; flex-wrap: wrap; justify-content: space-between; }
.tf-work-bist { background: var(--primary-color8); padding: 30px; margin-bottom: 30px; position: relative; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: space-evenly; min-height: 380px; align-items: center; border-radius: 15px; }
.tf-work-bist .content { text-align: center; }

.mb-3 { margin-bottom: 1rem !important; }

.main-exp { font-size: 16px; font-weight: 500; line-height: 34px; text-align: justified; text-underline-position: from-font; text-decoration-skip-ink: none; color: #F4F6F8; }
.main-exp ul { padding: 0; margin: 0 0 20px 20px; }
.main-exp ul li { list-style-type: none; position: relative; margin-bottom: 10px; padding-left: 20px; font-family: "Alexandria", sans-serif; font-size: 16px; font-weight: 500; line-height: 44px; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFFFFF; }
.main-exp ul li::before { content: '•'; position: absolute; left: 0; color: #c2c3c5; font-size: 18px; }
.secondary-title { font-size: 26px; font-weight: 800; line-height: 74px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFFFFF; }
.tf-slider.home2.chat-bg { background: url(/Assets/images/background/content/chatgpt.png) 85% no-repeat; background-size: contain; background-color: #080808; }
.bist.chat-bg .tf-slider-item.style-2 { padding: 6.4% 13% 2.4%; position: relative; }
.chatgpt-section { padding: 50px 0; }
.bist.chat-bg .tf-slider-item.style-2 .heading { line-height: 1.2; color: #ffffff; margin-bottom: 20px; text-align: left; font-family: "Urbanist", sans-serif; }
.bist.chat-bg .tf-slider-item.style-2 .sub-heading { font-weight: 300; color: #ffffff; margin-bottom: 30px; text-align: left; font-family: 'Alexandria', sans-serif; }
.campaign-detail { padding: 50px 15px; }
.tf-campaign, .tf-campaign-list { padding: 50px 0px; }
.campaign-card { background: var(--product-color20); border-radius: 15px; padding: 40px; height: 100%; text-align: center; transition: transform 0.3s ease; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; gap: 20px; }
.campaign-image { width: 100%; object-fit: cover; border-radius: 10px; margin-bottom: 1.5rem; }
.campaign-title { font-family: 'Alexandria', sans-serif; font-weight: bold; margin-bottom: 1rem; color: #ffffff; }
.campaign-description { font-family: 'Alexandria', sans-serif; font-weight: 300; margin-bottom: 1rem; }
.campaign-card.campaign-disabled { position: relative; opacity: 0.6; filter: grayscale(100%); cursor: not-allowed; pointer-events: none; }
.custom-badge { position: absolute; top: 18px; right: 18px; padding: 6px 14px; font-size: 13px; font-weight: 600; font-family: 'Alexandria', sans-serif; color: #fff; border-radius: 20px; letter-spacing: 0.5px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); z-index: 3; backdrop-filter: blur(4px); transition: all 0.3s ease-in-out; }
.active-badge { background: linear-gradient(135deg, #f1c446, #ffdd57); color: #000; }
.inactive-badge { background: linear-gradient(135deg, #6c757d, #adb5bd); }
.campaign-card.campaign-upcoming { position: relative; background: linear-gradient(145deg, #141B22 0%, #1a1a1a 100%); opacity: 0.9; border: 1px solid rgba(255, 184, 0, 0.15); box-shadow: 0 0 20px rgba(255, 184, 0, 0.05); cursor: not-allowed; pointer-events: none; transition: all 0.3s ease; }
.upcoming-badge { background: linear-gradient(90deg, #FFB800 0%, #C2C3C5 100%); color: #080808; box-shadow: 0 0 10px rgba(255, 184, 0, 0.3); }
.tf-slider.home2.petrol-bg { background: url(/Assets/images/campaign/petrol/petrol-bg.png) 100% no-repeat; background-size: cover; background-color: #080808; }
.bist.petrol-bg .tf-slider-item.style-2 { padding: 9.4% 12%; position: relative; }
.heading-2 { text-align: left; font-family: "Urbanist", sans-serif; }
.campaign-button { background-color: var(--primary-color5); color: #141B22; padding: 5px 20px; border-radius: 8px; font-family: 'Alexandria', sans-serif; font-size: 14.8px; line-height: 37.2px; text-align: center; cursor: pointer; font-weight: 600; display: inline-flex; align-items: center; gap: 10px; border: 1.34px solid #FFB800; transition: all 0.3s ease; }
.campaign-button:hover, .campaign-button:focus { background-color: #FFB800; color: #141B22; outline: none; }
.campaign-button-list { display: flex; justify-content: flex-start; flex-direction: row; align-items: flex-start; gap: 30px; }
.text-responsive-center { text-align: center; }
.condition-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 20px; }
.condition-icon { flex-shrink: 0; width: 15px; height: 15px; margin-top: 10px; }
.condition-text { flex: 1; line-height: 1.6; }
.gap-1 { gap: 10px; }
.tf-slider.home2.gayrimenkul-bg { background: url(/Assets/images/campaign/gayrimenkul/gayrimenkul-bg.png) 100% no-repeat; background-size: cover; background-color: #080808; }
.bist.gayrimenkul-bg .tf-slider-item.style-2 { padding: 9.4% 12%; position: relative; }
.d-table { display: table; }
.d-table-row { display: table-row; }
.d-table-cell { display: table-cell; vertical-align: top; }

.bist-campaign { background-color: var(--primary-color5); color: #141B22; padding: 5px 10px; border-radius: 13px; font-family: 'Alexandria', sans-serif; font-size: 14.8px; line-height: 37.2px; text-align: center; cursor: pointer; border-radius: 8px; font-weight: 600; display: inline-flex; align-items: center; gap: 10px; border: 1.34px solid #FFB800; }
.bist-campaign:hover { background-color: #080b0e; }
.bist-campaign:focus, .bist-campaign:focus-visible { background-color: var(--primary-color5); color: #141B22; outline: 2px solid #141B22; outline-offset: 2px; }
.bist-campaign:focus:not(:focus-visible) { outline: none; }

.section-title { text-align: center; margin-bottom: 40px; font-size: 32px; color: #fff; }

.accordion-container { margin: 0 auto; }
.accordion-item { margin-bottom: 16px; border-bottom: 1px solid rgb(255 255 255 / 50%); }
.accordion-header { padding: 20px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: all 0.3s ease; }
.accordion-header h3 { margin: 0; font-size: 24px; color: #fff; }
.accordion-icon { width: 20px; height: 20px; transition: transform 0.3s ease; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.content-wrapper { padding: 0 20px 20px; color: #ccc; line-height: 1.6; }
.accordion-content h2 { margin-bottom: 15px; }
.tf-content-row { display: flex; flex-direction: column; align-items: center; gap: 30px; }
.ref-images-box {max-width: 100%;width: 100%;gap: 14px;flex-direction: column;align-items: center;}
.ref-img {width: 100%;max-width: 350px;border-radius: 15px;border: 1px solid #f1c446;object-fit: contain;}
@media (min-width: 768px) {
    .ref-images-box {flex-direction: row;max-width: 555px;justify-content: center;}
    .ref-img {width: calc(50% - 7px); max-width: none;}
}
@media (max-width: 767px) {
    .col-md-4.text-white {padding-left: 1rem;padding-right: 1rem;}
    .col-md-8 {padding-left: 1rem;padding-right: 1rem;}
}
@media (max-width: 576px) {
    .px-5 {padding-left: 1.5rem !important;padding-right: 1.5rem !important;padding-top: 3rem !important;padding-bottom: 3rem !important;}
    .secondary-title {font-size: 1.25rem;}
    .main-exp.campaing ul {padding-left: 0px;margin-left: 0px;}
}