/* ============================================================
   Extraordinarios Dark Theme Override
   Maps Lernen's green/white theme to dark/orange Netflix-like style
   Based on extraordinarios-app React color palette:
     Primary: #fd5223, Light: #ff7a54, Dark: #d94316
     BG: #1a0a05, #2d1208, #3d1a0a
     Text: #ffffff
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ============================================================
   1. GLOBAL BODY & TYPOGRAPHY
   ============================================================ */
body {
  color: #fff !important;
  background: linear-gradient(180deg, #1a0a05 0%, #2d1208 30%, #3d1a0a 50%, #2d1208 70%, #1a0a05 100%) !important;
  background-attachment: fixed !important;
  font-family: 'Inter', sans-serif !important;
}

/* Content above Three.js background */
.am-bodywrap > .am-main,
.am-bodywrap > footer,
.am-bodywrap > .am-footer {
  position: relative;
  z-index: 1;
}

.am-bodywrap > header {
  position: relative;
  z-index: 100;
}

h1, h2, h3, h4, h5, h6,
.litepicker .container__months .month-item-header div > .month-item-name,
.litepicker .container__months .month-item-header div > .month-item-year,
.am-btn-signup, .am-optioanl-or span,
.litepicker .container__days .day-item,
.litepicker .container__months .month-item-weekdays-row > div {
  font-family: 'Inter', sans-serif !important;
  color: #fff !important;
}

p {
  color: rgba(255,255,255,0.8) !important;
}

a { color: #ff7a54 !important; }
a:hover { color: #fd5223 !important; }

/* ============================================================
   2. GLOBAL GREEN → ORANGE OVERRIDE (covers all 150+ instances)
   ============================================================ */

/* --- #065A46 dark green → #fd5223 orange --- */
[style*="065A46"],
[style*="065a46"] {
  color: #fd5223 !important;
}

/* --- CSS color overrides --- */
.am-learning_title h3,
.am-steps_content_unlock > span,
.am-steps_content_start_info_redirect h3,
.am-steps_content_start_info > a:hover,
.am-feedback_content_info span,
.am-section_title > span,
.am-section_title h2 span,
.am-section_title h2 em,
.am-easysetup_list_item a,
.am-easysetup_list_item a i:before,
.am-marketplace .am-steps_content_unlock > span,
.am-explore-tutor .am-steps_content_unlock > span {
  color: #fd5223 !important;
}

/* --- Background green → orange --- */
.am-learning_video,
.am-steps_content_start_info.journey,
.am-banner,
.am-coming-soon,
.am-footer,
.am-coming-section.get-app-varient-two,
.am-coming-section.get-app-varient-five {
  background: #3d1a0a !important;
}

.am-footer {
  background: linear-gradient(0deg, #1a0a05 0%, #2d1208 100%) !important;
}

.am-steps_content_start_info > a:hover {
  background: #fd5223 !important;
  border-color: #fd5223 !important;
}

.am-feedback_content_info span::before,
.am-feedback_content_info span::after,
.am-section_title > span::before,
.am-section_title > span::after {
  background: #fd5223 !important;
}

/* ============================================================
   3. GLOBAL WHITE BG → DARK OVERRIDE
   ============================================================ */
.am-steps,
.am-feedback,
.am-learning,
.pb-themesection,
.pb-themesection:has(.easy-steps-variation-one),
.pb-themesection:has(.easy-steps-variation-two),
.pb-themesection:has(.easy-steps-variation-three),
.pb-themesection:has(.am-faqs-three),
.pb-themesection:has(.get-app-varient-two) {
  background: transparent !important;
}

.am-steps_content_start_info,
.am-aboutus_section {
  background: rgba(255,255,255,0.05) !important;
}

.am-steps_content_start_info > span {
  background: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.7) !important;
}

.am-revolutionize {
  background: #2d1208 !important;
}

.am-tracklearning_images {
  background: rgba(255,255,255,0.05) !important;
}

.am-feedback_content_list_info {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.am-learning_search {
  background: rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}

.am-learning_search_input input {
  color: #fff !important;
}

.am-learning_search_input input::placeholder {
  color: rgba(255,255,255,0.5) !important;
}

.am-learning_search_input i::before {
  color: rgba(255,255,255,0.6) !important;
}

.am-learning_search_btn {
  background: #fd5223 !important;
}

.am-learning_details > span {
  background: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.8) !important;
}

.am-learning_title h3 strong {
  color: #fff !important;
}

.am-learning_title p,
.am-steps_content_unlock p,
.am-steps_content_start_info_redirect p,
.am-feedback_content_info p,
.am-feedback_content_list_info > p {
  color: rgba(255,255,255,0.7) !important;
}

.am-steps_content_unlock h3,
.am-steps_content_start_info.journey h3,
.am-steps_content_start_info.journey p,
.am-steps_content_start_info.journey span {
  color: #fff !important;
}

.am-learning_video_tag_talent {
  background: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(253,82,35,0.25) 100%) !important;
}

.am-learning_video_tag_talent > div {
  background: #3d1a0a !important;
}

.am-learning_video_tag_talent em {
  color: #fff !important;
}

/* ============================================================
   4. HEADER
   ============================================================ */
.am-header {
  background: rgba(26,10,5,0.97) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* Ensure dropdowns are not clipped */
.am-header_two,
.am-header_two_wrap,
.am-header_three,
.am-navigation,
.am-header_user {
  overflow: visible !important;
}

.am-header-bg {
  background: rgba(26,10,5,0.95) !important;
}

.am-header_form fieldset .form-group {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

.am-header_form fieldset .form-group .form-control {
  color: #fff !important;
}

.am-header_form fieldset .form-group .form-control::placeholder,
.am-header_form fieldset .form-group span {
  color: rgba(255,255,255,0.5) !important;
}

.am-header_user_noti,
.am-header_user_notify,
.am-header_user_chat {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: none !important;
}

.am-header_user_noti i::before,
.am-header_user_notify i::before,
.am-header_user_chat i::before {
  color: #fff !important;
}

.am-header_user_menu .am-usermenu-dropdown {
  background: #2d1208 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;
}

.am-header_user_menu .am-usermenu-dropdown > ul li > a {
  color: rgba(255,255,255,0.8) !important;
}

.am-header_user_menu .am-usermenu-dropdown > ul li > a:hover {
  background: rgba(253,82,35,0.1) !important;
}

.am-header_user_menu .am-usermenu-dropdown .am-account-switch {
  background: rgba(255,255,255,0.05) !important;
}

.am-header_user_menu .am-usermenu-dropdown .am-switch-title,
.am-header_user_menu .am-usermenu-dropdown .am-switch-description {
  color: rgba(255,255,255,0.7) !important;
}

.am-header_three .am-loginbtns .am-btn,
.am-header_three .am-loginbtns .am-white-btn {
  border-color: #fd5223 !important;
}

.am-header_three .am-btn,
.am-header_three .am-navbar-toggler,
.am-header-six .am-btn {
  background: #fd5223 !important;
  border-color: #fd5223 !important;
}

/* ============================================================
   5. SIDEBAR / NAVIGATION
   ============================================================ */
.am-sidebar {
  background: #1a0a05 !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
}

.am-sidebar .am-navigation li a {
  color: rgba(255,255,255,0.7) !important;
}

.am-sidebar .am-navigation li a:hover,
.am-sidebar .am-navigation li.active > a {
  color: #fd5223 !important;
  background: rgba(253,82,35,0.1) !important;
}

.am-sidebar .am-navigation li a i svg path,
.am-sidebar .am-navigation li a svg path {
  fill: rgba(255,255,255,0.5) !important;
}

.am-navigation > ul > li > a {
  color: rgba(255,255,255,0.8) !important;
}

.am-navigation > ul > li > a:hover { color: #fd5223 !important; }

.am-navigation > ul > li > a > i::before,
.am-navigation > ul > li > a > i {
  color: rgba(255,255,255,0.6) !important;
}

.sub-menu,
.am-loginbtns .am-language-select .sub-menutwo,
.am-header_user .am-language-select .sub-menutwo {
  background: #2d1208 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

.sub-menu li a,
.am-sidebar-menu .navbar-nav li a {
  color: rgba(255,255,255,0.7) !important;
}

.sub-menu li a:hover { color: #fd5223 !important; }

.am-loginbtns .am-language-select .sub-menutwo li span,
.am-header_user .am-language-select .sub-menutwo li span {
  color: rgba(255,255,255,0.8) !important;
}

/* ============================================================
   6. ALL BUTTONS
   ============================================================ */
.am-primary-btn {
  background: #fd5223 !important;
  background-color: #fd5223 !important;
  border-color: #fd5223 !important;
  color: #fff !important;
}

.am-primary-btn:hover {
  background: #d94316 !important;
  border-color: #d94316 !important;
}

.am-primary-btn-white {
  border-color: #fd5223 !important;
  color: #fd5223 !important;
}

.am-primary-btn-white:hover {
  background: #fd5223 !important;
  color: #fff !important;
}

.am-white-btn {
  background: transparent !important;
  border-color: rgba(255,255,255,0.3) !important;
  color: #fff !important;
}

.am-white-btn:hover {
  background: rgba(255,255,255,0.1) !important;
}

.am-getstarted-btn,
.am-guidesteps_btns .am-explore-btn,
.am-limitless-features-content .am-btn,
.am-ai-btn,
.am-blogdetail .am-sidebar .am-widgets button {
  background: #fd5223 !important;
  border-color: #fd5223 !important;
  color: #fff !important;
}

.am-banner_btns .am-primary-btn {
  background: #fd5223 !important;
  border-color: #fd5223 !important;
  color: #fff !important;
}

.am-banner_btns .am-primary-btn-white {
  color: #fff !important;
  border-color: rgba(255,255,255,0.4) !important;
  background: transparent !important;
}

.am-footer_logoarea .am-btn,
.am-clicktop {
  background: #fd5223 !important;
  color: #fff !important;
}

.am-footer.am-footer .am-footer_logoarea .am-btn:hover {
  background: rgba(253,82,35,0.3) !important;
}

/* ============================================================
   7. BANNER
   ============================================================ */
.am-banner_content h1 span,
.am-coming-soon_content h3 em {
  color: #fd5223 !important;
}

.am-banner-potential {
  background: #3d1a0a !important;
}

.am-banner-potential.am-banner-content-three {
  background: #2d1208 !important;
}

.am-banner-potential.am-banner-content-four .am-explore-banner-button .am-explore-btn,
.am-banner-potential.am-banner-content-six .am-explore-banner-button .am-explore-btn,
.am-banner-content-seven .am-explore-banner-button .am-explore-btn {
  background: #fd5223 !important;
  border-color: #fd5223 !important;
}

/* ============================================================
   8. SECTION TITLES (all variants)
   ============================================================ */
.am-section_title_one h2,
.am-section_title_two > h2,
.am-section_title_three h2 {
  color: #fff !important;
}

.am-section_title_one > p,
.am-section_title_two p,
.am-section_title_three > p {
  color: rgba(255,255,255,0.7) !important;
}

.am-section_title_two > span,
.am-section_title_three > span,
.am-section_title .am-tag,
.am-feedback-two .am-section_title > span {
  color: #fd5223 !important;
}

.am-section_title_two > span::before,
.am-section_title_three > span::before {
  background: #fd5223 !important;
}

/* ============================================================
   9. EASY SETUP / STEPS CARDS
   ============================================================ */
.am-easysetup_list_item {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

.am-easysetup_list_item:hover {
  border-color: rgba(253,82,35,0.3) !important;
  box-shadow: 0 4px 25px rgba(253,82,35,0.15) !important;
}

.am-easysetup_list_item h4 {
  color: #fff !important;
}

.am-easysetup_list_item p {
  color: rgba(255,255,255,0.7) !important;
}

.easy-steps-variation-one .am-easysetup_list ul li > div,
.easy-steps-variation-two .am-easysetup_list ul li > div,
.easy-steps-variation-three .am-easysetup_list ul li > div {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.1) !important;
}

/* ============================================================
   10. MARKETPLACE / EXPLORE TUTORS
   ============================================================ */
.am-marketplace {
  background: transparent !important;
}

.am-explore-tutor .am-steps_content_unlock h3 {
  color: #fff !important;
}

.am-marketplace .am-btn {
  background: #fd5223 !important;
  border-color: #fd5223 !important;
  color: #fff !important;
}

/* ============================================================
   11. USER GUIDE SECTION
   ============================================================ */
.am-user-guide {
  background: transparent !important;
}

/* ============================================================
   12. FEATURED TUTORS / EXPERIENCE TUTORS
   ============================================================ */
.am-experience-tutor-card {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

.am-experience-tutor-card:hover {
  border-color: rgba(253,82,35,0.3) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.3) !important;
}

.am-feature-tutors.style-varient .am-experience-tutor-card:hover .am-tutorsearch_user_name > a,
.am-feature-tutors.am-tutors-varient-one .am-experience-tutor-card:hover .am-tutorsearch_user_name > a,
.am-tutors-varient-four .am-experience-tutor-card:hover .am-experience-tutor-info .am-tutorsearch_user_name .am-primary-btn,
.am-tutors-varient-two .am-experience-tutor-card:hover .am-experience-tutor-info .am-tutorsearch_user_name .am-primary-btn {
  background: #fd5223 !important;
}

.am-feature-tutors .am-experience-tutor-card .am-tutorsearch_user_name h3 a {
  color: #fff !important;
}

.am-feature-tutors .am-experience-tutor-card .am-tutorsearch_user_name p {
  color: rgba(255,255,255,0.6) !important;
}

.am-tutors-varient-four .am-experience-tutor-card,
.am-tutors-varient-two .am-experience-tutor-card,
.am-tutors-varient-five .am-experience-tutor-card,
.am-featured-mentors .am-experience-tutor-card {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.1) !important;
}

.am-featured-mentors .am-experience-tutor-card .am-primary-btn {
  background: #fd5223 !important;
  border-color: #fd5223 !important;
}

.am-featured-mentors-slider .splide__arrow,
.am-featured-mentors-two .am-featured-mentors-slider .splide__arrow.splide__arrow--prev,
.am-featured-mentors-two .am-featured-mentors-slider .splide__arrow.splide__arrow--next {
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}

.am-featured-mentors-slider .splide__arrow svg,
.am-featured-mentors-two .am-featured-mentors-slider .splide__arrow > svg {
  fill: #fff !important;
}

.am-experience-tutor-img span .am-icon-heart-01::before {
  color: #fd5223 !important;
}

/* ============================================================
   13. FEEDBACK / TESTIMONIALS
   ============================================================ */
.am-feedback-two_wrap .am-testimonial-card {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.am-feedback-two_wrap .am-testimonial-card .am-feedback_content_list_info {
  background: transparent !important;
  border: none !important;
}

.am-feedback-two_wrap .splide__slide.is-active .am-testimonial-card::after {
  background: rgba(253,82,35,0.15) !important;
}

.splide__slide.is-active.is-visible .am-feedbackicon svg path {
  fill: #fd5223 !important;
}

/* ============================================================
   14. CATEGORIES
   ============================================================ */
.am-categories .am-card {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

.am-categories .am-card:hover {
  border-color: rgba(253,82,35,0.3) !important;
}

/* ============================================================
   15. COMING SOON / CTA
   ============================================================ */
.am-coming-section.get-app-varient-two,
.am-coming-section.get-app-varient-five {
  background: linear-gradient(180deg, #1a0a05 -100%, #3d1a0a 100%) !important;
}

/* ============================================================
   16. FOOTER (all variants)
   ============================================================ */
.am-footer_two {
  background: linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%), #3d1a0a !important;
}

.am-fnavigation > ul li a span {
  background: #fd5223 !important;
}

.am-footer-v4 .am-footer-content .am-outline-btn {
  border-color: #fd5223 !important;
  color: #fd5223 !important;
}

/* ============================================================
   17. FORMS
   ============================================================ */
.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=number],
input[type=date],
select,
textarea,
.uneditable-input {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.15) !important;
  color: #fff !important;
}

.form-control:focus,
input:focus {
  border-color: #fd5223 !important;
  box-shadow: 0 0 0 3px rgba(253,82,35,0.15) !important;
}

.form-control::placeholder,
input::placeholder {
  color: rgba(255,255,255,0.4) !important;
}

.select2-container--default .select2-selection {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.15) !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background: rgba(253,82,35,0.15) !important;
  color: #fd5223 !important;
}

.am-checkbox label:before,
.am-radio label:before {
  border-color: rgba(255,255,255,0.3) !important;
  background: transparent !important;
}

/* ============================================================
   18. GENERIC CARD / ITEM OVERRIDES
   ============================================================ */
.am-tutorsearch_card {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

.am-article,
.am-blog-items {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

.am-weekly-slots_card,
.am-payout_item,
.am-resume_item,
.am-session-field,
.am-uploadfile {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.1) !important;
}

.am-notifywrap .am-notificationslist_item {
  background: rgba(255,255,255,0.03) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

.am-likebtn {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.15) !important;
}

.am-booking_section .am-detailuser_video {
  background: rgba(255,255,255,0.05) !important;
}

.am-reminder-tooltip {
  background: #2d1208 !important;
  border-color: rgba(255,255,255,0.1) !important;
}

.am-aboutuser_tab li a {
  color: rgba(255,255,255,0.6) !important;
}

.am-aboutuser_tab li a:hover,
.am-aboutuser_tab li.active a {
  color: #fd5223 !important;
}

.am-aboutuser_tab li a:before {
  background: #fd5223 !important;
}

.am-subjects-list li .am-subjects-description > span {
  color: #fd5223 !important;
}

.am-checkout_accordion .am-radiowrap label {
  color: rgba(255,255,255,0.8) !important;
}

.am-resumebox_tab_list li a {
  color: rgba(255,255,255,0.7) !important;
}

.am-tutordetail-reviews_wrap .am-tutorsocial-list li a {
  background: rgba(255,255,255,0.08) !important;
}

.am-guidesteps_btns .am-demo-btn {
  border-color: rgba(255,255,255,0.3) !important;
  color: #fff !important;
}

.am-impersonation-bar {
  background: #fd5223 !important;
}

/* ============================================================
   19. SPLIDE CAROUSEL
   ============================================================ */
.splide__arrow {
  background: rgba(255,255,255,0.08) !important;
}

.splide__arrow svg {
  fill: #fff !important;
}

/* ============================================================
   20. DASHBOARD HEADER
   ============================================================ */
.am-dhbbg-color .am-header {
  background: rgba(26,10,5,0.98) !important;
}

/* ============================================================
   21. SVG STROKE/FILL GREEN → ORANGE
   ============================================================ */
svg path[stroke="#065A46"],
svg path[fill="#065A46"],
svg circle[stroke="#065A46"],
svg circle[fill="#065A46"],
svg path[stroke="#295C51"],
svg path[fill="#295C51"],
svg rect[fill="#065A46"],
svg rect[fill="#295C51"] {
  stroke: #fd5223 !important;
  fill: #fd5223 !important;
}

/* ============================================================
   22. COMPREHENSIVE REMAINING GREEN SELECTORS
   The main.css uses #065A46, #295C51, #17B26A in 150+ places.
   Below covers ALL remaining selectors not covered above.
   ============================================================ */

/* --- All elements with color: green variants --- */
.am-steps_content_start_info > a i::before,
.am-disputelist table tbody tr .am-view-btn,
.am-allblogs_items_content_title span i:before,
.am-lost-password a,
.am-maxamount,
.am-userperinfo_tab li a.active,
.am-fnavigation > ul li a:hover,
.am-full-calander-days span.active {
  color: #fd5223 !important;
}

/* --- All elements with background: green variants --- */
.am-steps_content_start_info.journey,
.am-learning_video,
.am-coming-soon,
.am-banner {
  background: #3d1a0a !important;
}

/* Focus/caret colors */
.form-control:focus {
  caret-color: #fd5223 !important;
}

/* Checkbox/Radio checked states */
.am-checkbox input:checked + label:before {
  background-color: #fd5223 !important;
  border-color: #fd5223 !important;
}

.am-radio input:checked + label:before {
  border-color: #fd5223 !important;
}

/* Border colors green → orange */
.am-steps_content_start_info > a {
  border-color: rgba(253,82,35,0.3) !important;
}

/* Revolutionize blurs */
.am-revolutionize::before {
  background: #fd5223 !important;
}

.am-revolutionize::after {
  background: #ff7a54 !important;
}

/* Box shadows with green */
.am-experience-tutor-card:hover {
  box-shadow: 0 12px 30px rgba(253,82,35,0.1) !important;
}

/* Login page background */
.am-login-page,
.am-signup-page {
  background: #1a0a05 !important;
}

/* ============================================================
   23. FONT FAMILY GLOBAL OVERRIDE
   ============================================================ */
body, h1, h2, h3, h4, h5, h6,
p, a, span, li, td, th, label,
input, select, textarea, button,
.form-control,
.am-btn, .am-primary-btn, .am-white-btn,
.am-section_title, .am-section_title *,
.am-banner *, .am-learning *,
.am-steps *, .am-feedback *,
.am-footer *, .am-easysetup *,
.am-coming-soon *, .am-revolutionize *,
.am-tracklearning * {
  font-family: 'Inter', sans-serif !important;
}

/* ============================================================
   24. CHECKOUT PAGE
   ============================================================ */
.am-btn {
  background-color: #fd5223 !important;
}
.am-btn:hover,
.am-btn:focus {
  background-color: #d94316 !important;
}
.am-btn.am-btn_disable,
.am-btn.am-btn_disabled {
  background-color: rgba(253, 82, 35, 0.5) !important;
}
.am-white-btn {
  border-color: #fd5223 !important;
  color: #fd5223 !important;
}
.am-white-btn:hover {
  background-color: #fd5223 !important;
  color: #fff !important;
}

/* ============================================================
   25. ABOUT US PAGE - FULL DARK/ORANGE OVERRIDE
   ============================================================ */

/* --- Content Banner (top section) --- */
.am-aboutus_section {
  background: rgba(255,255,255,0.03) !important;
}

.am-content_box > span {
  color: #fd5223 !important;
}

.am-content_box > span::before,
.am-content_box > span::after {
  background: #fd5223 !important;
}

.am-content_box h3 {
  color: #fff !important;
}

.am-content_box p {
  color: rgba(255,255,255,0.7) !important;
}

.am-content_list > h6 {
  color: #fff !important;
}

.am-content_list > p {
  color: rgba(255,255,255,0.7) !important;
}

/* --- Mission Section --- */
.am-mission_section {
  background: rgba(255,255,255,0.02) !important;
}

.am-mission_courses {
  background: #fd5223 !important;
  border-bottom-color: #ff7a54 !important;
}

.am-mission_learning {
  background: #2d1208 !important;
  border-color: rgba(255,255,255,0.1) !important;
}

.am-mission_learning > span {
  background: linear-gradient(180deg, #fd5223 0%, #d94316 100%) !important;
}

.am-mission_platform span {
  color: rgba(255,255,255,0.8) !important;
}

.am-mission_iframe figure figcaption > img {
  border-color: #2d1208 !important;
}

/* --- Achievements Section --- */
.am-achievements_section {
  background: #3d1a0a !important;
}

.am-achievements_Commit {
  background: rgba(255,255,255,0.08) !important;
}

/* --- Vision Section --- */
.am-vision-section {
  background: transparent !important;
}

.am-tutor-vision .am-content_box .am-btn {
  background-color: #fd5223 !important;
}

/* --- Experience / Featured Tutors Section --- */
.am-experience-section {
  background-color: transparent !important;
}

.am-experience-tutor-info {
  background: rgba(255,255,255,0.05) !important;
}

.am-experience-tutor-name .am-tutorsearch_user_name > span {
  color: rgba(255,255,255,0.6) !important;
}

.am-experience-tutor-name .am-tutorsearch_user_name h3 {
  color: #fff !important;
}

.am-experience-tutuor-tbn .am-btn {
  background-color: #fd5223 !important;
}

/* page-about-us green overrides */
.page-about-us .am-feature-tutors.am-tutors-varient-one .am-section_title > span {
  color: #fd5223 !important;
}

.page-about-us .am-feature-tutors.am-tutors-varient-one .am-section_title > span:before,
.page-about-us .am-feature-tutors.am-tutors-varient-one .am-section_title > span:after {
  background-color: #fd5223 !important;
}

.am-tutors-varient-one {
  background: transparent !important;
}

/* --- Feedback / Testimonials (about-us variant) --- */
.am-feedback-about .am-feedback_content_list_info {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* --- Join Community Section --- */
.am-joincommunity .am-aboutus_section {
  background: rgba(255,255,255,0.03) !important;
}

.am-joincommunity_btn .am-btn {
  background: #fd5223 !important;
}

.am-joincommunity_btn .am-white-btn {
  border-color: rgba(255,255,255,0.3) !important;
  color: #fff !important;
}

.am-joincommunity_btn .am-white-btn:hover {
  background: rgba(255,255,255,0.1) !important;
}

/* --- Quality Section --- */
.am-quality_section_btns .am-btn {
  background: #fd5223 !important;
}

/* --- How It Works Section --- */
.am-works_contant {
  background: rgba(255,255,255,0.02) !important;
}

.am-works_steps > span {
  color: #fd5223 !important;
}

.am-works_steps > span::before,
.am-works_steps > span::after {
  background: #fd5223 !important;
}

.am-works_steps h3 {
  color: #fff !important;
}

.am-works_steps p {
  color: rgba(255,255,255,0.7) !important;
}

.am-works_tabs {
  background: rgba(253,82,35,0.08) !important;
}

.am-works_info_tag {
  background: rgba(253,82,35,0.1) !important;
}

.am-works_info_tag i::before {
  color: #fd5223 !important;
}

.am-works_info_description > span {
  color: #fd5223 !important;
}

.am-works_info_description > span a {
  color: #fd5223 !important;
}

.am-works_info_description h3 {
  color: #fff !important;
}

/* --- Mission Variation One --- */
.am-mission_section.am-mission-variation-one .am-content_box.am-title-varient-one span {
  color: #fd5223 !important;
}

/* --- Content box list item icons (SVG checkmarks) --- */
.am-content_box ul > li > span svg path {
  stroke: #fd5223 !important;
  fill: #fd5223 !important;
}

/* --- Experience tutor card hover on about-us --- */
.am-experience-tutor-img span {
  background: rgba(255,255,255,0.1) !important;
}

.am-experience-tutor-img a {
  background: #fd5223 !important;
  border-color: #2d1208 !important;
}

/* ============================================================
   26. FAQ PAGE - DARK/ORANGE OVERRIDE
   ============================================================ */

/* FAQ content area */
.am-faqs_section_contant {
  background: transparent !important;
}

/* Tab bar */
.am-themetabwrap {
  box-shadow: inset 0 -3px 0 rgba(255,255,255,0.1) !important;
}

.am-faqs-tabs li .nav-link {
  color: rgba(255,255,255,0.6) !important;
}

.am-faqs-tabs li .nav-link.active {
  color: #fff !important;
}

.am-faqs-tabs li .nav-link:after {
  background: #fd5223 !important;
}

/* Accordion items */
.am-faqtab-content .accordion-item {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.am-faqtab-content .accordion-header {
  color: #fff !important;
}

.am-faqtab-content .accordion-header .accordion-button {
  color: #fff !important;
  background-color: transparent !important;
}

.am-faqtab-content .accordion-header span {
  background: rgba(253,82,35,0.15) !important;
}

.am-faqtab-content .accordion-header span .am-icon-file-02::before {
  color: #fd5223 !important;
}

.am-faqtab-content .accordion-button::after {
  filter: invert(1) !important;
}

.am-faqtab-content .accordion-body {
  color: rgba(255,255,255,0.7) !important;
}

/* FAQ card (gradient green -> orange) */
.am-faqs-card {
  background: linear-gradient(180deg, #3d1a0a 0%, #1a0a05 103%) !important;
}

/* How-it-works tab bar (shared with FAQ) */
.am-how-it-works-detail .am-works_tabs {
  background: rgba(253,82,35,0.08) !important;
}