﻿.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; }
}

.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; }

.section-title { text-align: center; margin-bottom: 40px; font-size: 32px; color: #fff; }

.content-wrapper ul { padding-left: 20px; margin-top: 10px; }
.content-wrapper li { margin-bottom: 8px; }
.tf-support-redirect { padding: 60px 0 30px; }
.support-main h1 { font-family: "Urbanist", sans-serif; font-size: 85px; font-weight: 800; line-height: 105px; text-underline-position: from-font; text-decoration-skip-ink: none; }
.hint-title { font-family: "Urbanist", sans-serif; font-size: 30px; font-weight: 200; line-height: 50px; color: #6E7A88; text-align: center; }
.support-faq-section { padding: 60px 0 30px; background: linear-gradient(to top, #080808 0%, #161616 100%); }
.support-faq-section .accordion-item { margin-bottom: 16px; border-bottom: 2px solid rgb(54 54 54); }
.support-faq-section .accordion-header h3 { color: var(--primary-color5); }
.support-box { background: transparent; border: 2px solid #262626; padding: 30px; margin-bottom: 30px; position: relative; transition: all 0.3sease; display: flex; flex-direction: column; justify-content: space-evenly; min-height: 280px; border-radius: 15px; align-items: center; }
.support-box p { text-align: center; }
.support-top-title { border-bottom: 1px solid rgb(255 255 255 / 50%); text-align: center; padding: 30px; font-family: 'Alexandria', sans-serif; font-size: 20px; line-height: 33px; font-weight: 600; margin-bottom: 40px; color: #F4F6F8; }
.tf-support-redirect .tf-work-container { display: flex; flex-wrap: wrap; justify-content: center; }
.tf-slider.home2.support-bg { position: relative; background: url(/Assets/images/background/support/bg-01.png) center center no-repeat; background-size: cover; display: flex; align-items: flex-start; justify-content: flex-end; padding: 50px; flex-direction: row-reverse; height: 900px; overflow: hidden; margin-bottom: 100px; }
.bist.support-bg .tf-slider-item.style-2 { padding: 6% 0% 11.4%; position: relative; }
.bist.support-bg .tf-slider-item.style-2 .heading { font-size: 65px; line-height: 85px; color: #ffffff; margin-bottom: 20px; text-align: left; font-family: "Urbanist", sans-serif; }
.bist.support-bg .tf-slider-item.style-2 .sub-heading { font-size: 27.53px; line-height: 72px; font-weight: 300; color: #ffffff; margin-bottom: 30px; text-align: left; font-family: 'Alexandria', sans-serif; }
.header-icon { width: 60px; height: 60px; }
.tf-support-sss { padding: 60px 0px 100px; }
.tf-support-sss .accordion-header h3 { text-transform: capitalize; }
.accordion-content ul { padding: 0; margin: 0 0 20px 20px; }
.accordion-content ul li { list-style-type: none; position: relative; margin-bottom: 10px; padding-left: 20px; font-family: "Alexandria", sans-serif; font-size: 15px; font-weight: 500; line-height: 44px; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFFFFF; }
.accordion-content ul li::before { content: '•'; position: absolute; left: 0; color: #c2c3c5; font-size: 18px; }
.section-title h2 { color: #ffffff; font-size: 2.5rem; margin-bottom: 1rem; }
.section-title p { font-size: 20px; line-height: 1.6; color: #6c757d; margin-bottom: 1rem; }
.market-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; }
.market-column { display: flex; flex-direction: column; }
.market-header { height: 80px; display: flex; align-items: center; margin-bottom: 30px; border-bottom: 2px solid #FFB800; padding-bottom: 15px; }
.market-header h3 { color: #ffffff; font-size: 1.8rem; margin: 0; font-weight: 600; }
.market-section { margin-bottom: 40px; flex: 1; }
.market-section-title { color: #FFB800; font-size: 20px; font-weight: 500; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #FFB800; min-height: 50px; display: flex; align-items: center; }
.market-description { font-size: 16px; line-height: 24px; color: #ffffff; margin-bottom: 20px; min-height: 48px; display: flex; align-items: flex-start; }
.holiday-list { display: flex; flex-direction: column; gap: 8px; }
.holiday-item { border-bottom: 1.65px solid #646464; padding: 15px 0; font-size: 16px; line-height: 22px; }
.holiday-item:last-child { border-bottom: none; }
.highlight { font-weight: 500; color: #FFB800; }
.full-width-section { margin-top: 60px; grid-column: 1 / -1; }
.bank-holidays { background-color: rgba(255, 255, 255, 0.11); border-radius: 12px; padding: 30px; margin-top: 20px; }
.bank-holidays-title { color: #FFB800; font-size: 22px; font-weight: 500; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #FFB800; }
.bank-holidays-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; }
.bank-holiday-item { border-bottom: 1px solid #646464; padding: 12px 0; font-size: 15px; line-height: 20px; }

.tf-support { padding: 60px 0 30px; background: linear-gradient(to bottom, #080808 0%, #161616 100%); }
.support-main { display: flex; flex-direction: column; align-items: center; gap: 50px; }
.support-main img { max-width: 50%; }
.search-bar { display: flex; align-items: center; background-color: #161616; border: 2px solid #FFB800; border-radius: 10px; padding: 18px 15px; width: 55%; }
.search-icon { width: 25px; height: 25px; margin-right: 10px; }
.search-bar input[type="text"] { border: none; background: transparent; outline: none; color: #6E7A88; font-family: 'Urbanist', sans-serif; font-size: 20px; width: 100%; }
.search-bar input::placeholder { color: #AAA; }
.support-section.section-work { padding: 30px 0; }

.header-content { display: flex; align-items: center; gap: 1rem; }
.header-content h1 { font-family: 'Alexandria', sans-serif; font-size: 40px; line-height: 42px; font-weight: 300; }

.breadcrumb { margin-top: 0.5rem; background-color: transparent; }
.breadcrumb a { font-family: 'Alexandria', sans-serif; font-size: 20px; font-weight: 300; color: #FBB034; text-decoration: none; }
.breadcrumb span { font-family: 'Alexandria', sans-serif; font-size: 20px; font-weight: 300; color: #FBB034; text-decoration: none; }

.reverse { flex-direction: row-reverse; }
