/* jk CSS */
/*--------- Start  Common CSS ------------------------------------ */
:root {
    --dark-bg-color-1: #000;
    --dark-bg-color-2: #333333;
    --dark-bg-color-3: #797C80;
    --dark-bg-color-4: #575757;
	--dark-bg-color-5: #1c2436;
	--dark-bg-color-6: #0d3254;
	--primary-blue: #104c9b;
		
}

.dark-theme .dark-bg-color-1 {background-color:var(--dark-bg-color-1) !important;}
.dark-theme .dark-bg-color-2 {background-color:var(--dark-bg-color-2) !important; }
.dark-theme .dark-bg-color-3 {background-color:var(--dark-bg-color-3) !important; }
.dark-theme .dark-bg-color-4 {background-color:var(--dark-bg-color-4) !important; }
.dark-theme .dark-bg-color-5 {background-color:var(--dark-bg-color-5) !important; border:1px solid #fff !important; color: var(--white) !important;}
.dark-theme .dark-bg-color-5 * {color: var(--white) !important;}
.dark-theme .dark-bg-color-6 {background-color:var(--dark-bg-color-5) !important;}

.dark-theme .white-text-color,
.dark-theme .white-text-color * {color: var(--white) !important;} 

.dark-theme .tableCommon th,
.dark-theme .tableCommon td, 
.dark-theme table th,
.dark-theme table td {
  color: var(--white) !important;
}

.dark-theme .simpleLink {color: var(--color-orange) !important;}
.dark-theme .simpleLink:hover {color: var(--color-orange) !important; text-decoration: underline !important;}

.owl-play-pause {background-color: var(--color-orange) !important; color: #fff; width: 29px; height: 29px; border-radius: 50% !important}

.headingH3RichText {text-align:center;font-size:30px;color:#104c9b}
.dark-theme .headingH3RichText {color: #fff !important;}

.headingH1RichText {font-size:20px !important; color: var(--colors-blue) !important;}
.dark-theme .headingH1RichText {color: #fff !important;}

.font-family3 {font-family: var(--font-family3);}
.font-size-14 {font-size:14px;}

.rich-text-container table thead th,
.rich-text-container table tbody th {color: #000;}
.rich-text-container table tbody th {font-weight: normal;}
.rich-text-container .headingH2 {font-size:24px; color:#104c9b;}

.taxtColorOnly {color:var(--primary-blue);}
.dark-theme .taxtColorOnly {color:#fff;}

/*-- Start Sub Menu ----------------------*/
.dark-theme .main-blk .dropdown-menu ul .navsub-item .dropdown-item {background-color:var(--dark-bg-color-2); color: #fff !important}

.dark-theme .main-blk .dropdown-menu ul .navsub-item.active .dropdown-item, .main-blk .dropdown-menu ul .navsub-item .dropdown-item:hover {
    background-color:var(--dark-bg-color-3); color: #fff !important
}
.dark-theme .main-blk .links-bar .navbar-lft .navbar-nav .nav-item.dropdown .dropdown-menu .navsub-item .submenu {background-color:var(--dark-bg-color-1); }
.dark-theme .main-blk .grid-links h6, .main-blk .grid-links .h6,
.dark-theme .main-blk .dropdown-menu ul .navsub-item .grid-links a,
.dark-theme .main-blk .grid-links h5 {color: var(--white);} 
/*-- End Sub Menu ------------------------*/

/*--------------------------------------------------------------- */


/*--------- Start  Breadcrumb ------------------------------------ */
 .dark-theme .breadcrumb li span {color: #fff;}
 .dark-theme .breadcrumb li a span {color: var(--color-orange);}
.dark-theme .breadcrumb li a:hover {text-decoration: underline;}
/*--------------------------------------------------------------- */

/*---------  About-Us-New-Theme <--> https://www.federal.bank.in/voucher-redemption ------------------------------------ */
.title-bar-c2 {text-align:center;font-size:24px !important;color:white !important;background:var(--color-orange);}

/* dark-theme CSS */
.dark-theme .main-blk .one-item-section a {color:  var(--color-orange);}
.dark-theme .main-blk .one-item-section a:hover {color: var(--white) !important;}
.dark-theme .title-bar-c2 {background:var(--colors-base);} 
.dark-theme .list-circles > li::before {background-color: var(--colors-base);}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  Basic Web Content <--> https://www.federal.bank.in/weekends-with-federal/swiggy-terms-and-conditions ------------------------------------ */
.dark-theme .mybody {background: var(--colors-base) !important;}
.dark-theme .mybody .navbar {background-color: #01264b !important;}
.dark-theme .mybody .hero {color: #fff !important;}
.dark-theme .mybody .glass {background: var(--color-light-black1) !important;}
.dark-theme .mybody .bg-white {background-color: var(--color-light-black1) !important; color: #fff !important;}
.dark-theme .card, .dark-theme .card-horizontal {background-color: var(--color-light-black); color: #fff;}
.dark-theme .mybody .card-header .btn-link,
.dark-theme .mybody .card-header .section-title {color: #fff !important;}
.dark-theme .mybody .text-muted {color: #fff !important;}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  Basic Web Content <--> /cc-10x-rp ------------------------------------ */
.dark-theme .portlet-msg-info {background-color:var(--dark-bg-color-2) !important; border-color:var(--dark-bg-color-2) !important; color: #fff !important;}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme <--> /steps-to-redeem-gift-voucher ------------------------------------ */
.dark-theme .list-style-custom ol li {background-color:var(--dark-bg-color-1);}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  LANDINGPAGE-BOX-RELATED <--> /whatsapp-hub ------------------------------------ */
.dark-theme .main-blk .product-spaco .owl-item {background-color:var(--dark-bg-color-4);}
.dark-theme .main-blk .product-spaco .owl-item .card {background-color:var(--dark-bg-color-4); color: #fff;}
.dark-theme .main-blk .sld-cnt h4, 
.dark-theme .main-blk .sld-cnt .h4,
.dark-theme .main-blk .sld-cnt h2, 
.dark-theme .main-blk .sld-cnt .h2 {color: #fff;}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme <--> /what-to-look-for-when-opening-a-salary-account ------------------------------------ */
.dark-theme .olist a {
    background-color:#000;
}
.dark-theme .olist a:before {
    border: .4em solid var(--dark-bg-color-4);
}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme <--> /understanding-home-loan-and-loan-against-property ------------------------------------ */
.h5.font-weight-bold {font-family: var(--font-family3); font-size: 14px;}

.tik-icon-section  {font-family: 'Segoe UI', Arial, sans-serif;
    max-width: 100%;
    margin: 32px auto;
    padding: 24px;
    background: #f7faff;
    border: 2px solid #104c9b;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(16, 76, 155, 0.08);}
	.tik-icon-section-list {display: flex; flex-direction: column; gap: 14px; font-size: 1.05em; line-height: 1.6;}
	.tik-icon-section-list > li {position: relative; padding-left: 32px;}
	.tik-icon-section-list > li > span {position: absolute; left: 0; color: #28a745; font-size: 1.2em;}
	
.dark-theme .tik-icon-section {background: var(--dark-bg-color-1); border-color: #000;}

.dark-theme .lap-usage-container {background-color:var(--dark-bg-color-3);}
.dark-theme .lap-usage-container .lap-usage {background-color:var(--dark-bg-color-1) !important; color: #fff;}
.dark-theme .lap-usage-container .lap-usage h3 {color: #fff !important;}
/* --------------------------------------------------------------------------------------------------------- */

.dark-theme .btn-blue{
    background-color: var(--dark-bg-color-6);
}

/*---------  Videos <--> /debit-card-pin-generation-tutorial ------------------------------------ */
.dark-theme .demo-video-listing .text-section h3,
.dark-theme .demo-video-listing .filter-content h2 {color: #fff;}

.dark-theme .main-blk .demo-video-listing .nav.nav-pills li.nav-item .nav-link.active, 
.dark-theme .main-blk .demo-video-listing .nav.nav-pills li.nav-item .nav-link:hover {
    background: var(--dark-bg-color-4);
}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme <--> /clear-tax ------------------------------------ */
.main-blk .aply:focus, 
.main-blk .donate-button:focus, 
.main-blk .apply-button:focus, 
.main-blk .btn-blue:focus {color: #fff;}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme <--> /krisflyer-mile-federal-reward-points ------------------------------------ */
.orangeTitleBar {text-align:center; font-size:24px; color:white; background:#faa619; font-weight: 700;}
.dark-theme .orangeTitleBar {background:var(--dark-bg-color-1);}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme <--> /role-of-business-correspondents-in-financial-inclusion ------------------------------------ */
body .italicList > li:before {content: "-"; font-family: inherit; font-weight: normal; padding: 0 5px 0 0;}
body .italicList > li {margin-bottom: 1rem; line-height: 1.6;}
/* --------------------------------------------------------------------------------------------------------- */


/*---------  YOU-MIGHT-BE-INTERESTED-HOME <--> /current-account-sme ------------------------------------ */
.dark-theme .main-blk .cnt-blog .h5 {color: #fff;}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme <--> /account-transfer ------------------------------------ */
.font22BlueColor h2 {text-align:center;font-size:22px;color:#104c9b}
.dark-theme .font22BlueColor h2 {color:#fff}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  FAQ New <--> /one-consumer ------------------------------------ */
#accordion .panel-title.panel-heading {
	line-height: 1.4;
	font-family: var(--font-family3);
}

#accordion .accordion-toggle:focus-visible { outline: 2px solid #000 !important; outline-offset: -1px !important;}

.dark-theme #accordion .accordion-toggle:focus-visible {outline: 2px solid #fff !important;}

.dark-theme .container .rounded-container {background:var(--dark-bg-color-4);}
.dark-theme #accordion .card, .dark-theme #accordion .card-horizontal {background:none;}
.dark-theme #accordion .accordion-toggle {color:  #fff;}
.dark-theme #accordion .accordion-toggle:hover {color: var(--color-orange);}


.dark-theme .atoz-sec .search-container.faq-page {background: var(--dark-bg-color-4);}
.dark-theme .atoz-sec .search-container.faq-page a {color:#fff;}
.dark-theme .atoz-sec .search-container.faq-page a:hover {color:var(--color-orange);}
.dark-theme .sitemap-wrapper .sitemap-sub-item ul li:before {color:#fff;}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme <--> /pre-owned-car-loan ------------------------------------ */
.dark-theme .expandable-container {color:  #fff;}
.dark-theme .readMoreToggleBtn {color: var(--color-orange);}
.dark-theme .readMoreToggleBtn:hover {color: #fff;}
/* --------------------------------------------------------------------------------------------------------- */


/*---------  About-Us-New-Theme <--> /https://www.federal.bank.in/rupay-signet-credit-card ------------------------------------ */
.dark-theme .related-searches-title {color: #fff;}
.dark-theme .related-searches-container {background-color: transparent;}
.dark-theme .related-searches-container .related-card {background: var(--dark-bg-color-2);}
/* --------------------------------------------------------------------------------------------------------- */


/*---------  Descriptive Without Padding <--> /email-security-tips ------------------------------------ */
.dark-theme .aply, .dark-theme .donate-button, .dark-theme .apply-button, .dark-theme .btn-blue {
	 color: #fff !important;
	 background: var(--color-orange);
}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  Tabs-Content <--> || OPEN-AN-ACCOUNT  /ibu-gift-city-corporate || /open-an-account ------------------------------------ */
.dark-theme .open-account {background:var(--dark-bg-color-4);}

.dark-theme .open-account #accordion .text-blue {color: #fff;}
.main-blk .open-account .nav-tabs li:last-child a:focus-visible {border-radius: 10px 40px 0 0;}

.dark-theme .open-account .slider-title,
.dark-theme .open-account .slider-description {color: #fff;}

.main-blk .open-account .nav-tabs li a:focus-visible { outline: 2px solid #000 !important; outline-offset: -2px !important;}
.main-blk .open-account .nav-tabs li:first-child a:focus-visible {border-radius: 40px 10px 0 0;}
.main-blk .open-account .nav-tabs li:last-child a:focus-visible {border-radius: 10px 40px 0 0;}


/* --------------------------------------------------------------------------------------------------------- */

/*---------  request-callback <--> /ibu-enquiry ------------------------------------ */
.main-blk .banner-content h2,
.main-blk .banner-content .h2 {
   font-weight: bold;
    font-size: 20px;
    line-height: 30px;
     font-family: var(--font-family3);
	}

.dark-theme .container.page-banner.lead-generation-form.no-image {background:var(--dark-bg-color-3);}
.dark-theme .lead-generation-form .form-section{background:var(--dark-bg-color-4);}
.dark-theme .lead-generation-form .left-form {background:var(--dark-bg-color-2);}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  DocumentsAndFiles (fragments)  <--> /calendar-2025 ------------------------------------ */
.main-blk .download-btn:focus-visible { outline: 2px solid #000 !important; }

.main-blk #accordion-press .item-list-column-3:first-child .icon {
  padding-top: 0px;
}
.main-blk #accordion-press .item-list-column-3:nth-child(2) .icon,
.main-blk #accordion-press .item-list-column-3:nth-child(3) .icon {
  padding-top: 0px;
}
.main-blk #accordion-press .item-list-column-3:not(:nth-child(3n)) {
  border-right: 1px solid #e5e5e5;
}

#accordion-press .accordion-toggle {outline-offset: -2px; color: #575757;}

.dark-theme #accordion-press .accordion-toggle {color: #fff;}
.dark-theme #accordion-press .card {background-color: transparent;}
.dark-theme .item-list-column-3 .item .title {color: #fff;}
.dark-theme .download-btn:hover {color: var(--color-orange) !important; text-decoration: underline;}
.dark-theme .download-btn:focus-visible,
.dark-theme .download-btn:hover:focus-visible {color: var(--color-orange) !important;}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  Accordion into Accordion  <--> /bbps-billers ------------------------------------ */
.broadband-list {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid orange;
}

.broadband-list li {
    padding: 8px;
    border-bottom: 1px solid orange;
}
.broadband-list li:before {
display: none;
}

.broadband-list li:last-child {
    border-bottom: none;
}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  Glossary-Template  <--> /glossary ------------------------------------ */
.main-blk .atoz-sec .accordion .card .h2 {width: 100%; text-align: left;}

.main-blk .atoz-sec .accordion .card button.h2:focus-visible {outline: 1px solid #000 !important; outline-offset: -1px !important;}
.dark-theme .main-blk .atoz-sec .search-container,
.dark-theme .atoz-sec .card {background: var(--dark-bg-color-4);}
.dark-theme .main-blk .atoz-sec .search-container p {color: #fff;}

/* --------------------------------------------------------------------------------------------------------- */

/*---------  All Calculator Template  <--> /bill-discount /emi-calculator ------------------------------------ */
.dark-theme .customCalculatorNav .list-menu ul li a {background:var(--dark-bg-color-2) !important;}
.dark-theme .calc-all-warpper .calc-action-wrapper .calc-action-head .h3,
.dark-theme .calc-all-warpper .calc-action-wrapper .calc-action-head p,
.dark-theme .calc-all-warpper .calc-action-wrapper .calc-form-wrapper .each-val-range .range-explainer .range-label,
.dark-theme .calc-all-warpper .calc-action-wrapper .calc-form-wrapper .each-val-range .range-explainer .range-label span,
.dark-theme .main-blk [type=checkbox] + label, 
.dark-theme .main-blk [type=radio] + label,
.dark-theme .calc-all-warpper .calc-action-wrapper .calc-form-wrapper .calc-bt-forms .form-button-note p,
.dark-theme .calc-all-warpper .calc-sec-desclaimer *,
.dark-theme .calc-all-warpper .calc-action-wrapper .calc-form-wrapper .calc-bt-forms .form-button-note span {color: #fff !important;}

.dark-theme .calc-all-warpper .calc-sec-desclaimer,
.dark-theme .calc-all-warpper .calc-action-wrapper .calc-form-wrapper .each-val-range .calc-range-rail .ui-slider-horizontal .ui-slider-range {background: var(--dark-bg-color-3) !important;}

.dark-theme .calc-all-warpper .calc-action-wrapper .calc-form-wrapper .calc-bt-forms .btn-calculate {background: var(--dark-bg-color-1);}

.dark-theme .customCalculatorNav .list-menu ul li a:hover, 
.dark-theme .customCalculatorNav .list-menu ul li a:focus {background: var(--color-orange) !important;}

.calc-all-warpper .calc-sec-desclaimer .h5 {font-family: var(--font-family3); font-size: 14px;}

.main-blk .calc-all-warpper .calc-result-table-wrap .calc-result-table-cell .h4 {color: #555; font-size: 14px; font-family: var(--font-family3);}

.dark-theme .classes-container .classes-card-header {background: var(--dark-bg-color-2) !important;}

.range-explainer .range-label,
.range-explainer label {color: #000;}
.range-explainer .range-label span,
.range-explainer label span {color: #666;}

.range-explainer .range-label,
.range-explainer label,
.range-explainer .range-label span,
.range-explainer label span {font-family: var(--font-family2); font-weight: normal !important; font-size: 14px;}

.dark-theme .calc-all-warpper .calc-result-table-wrap .calc-result-table-cell h4,
.dark-theme .calc-all-warpper .calc-result-table-wrap .calc-result-table-cell .h4,
.dark-theme .calc-all-warpper .calc-result-table-wrap .calc-result-table-cell .result-value,
.dark-theme .calc-all-warpper .clac-result-tabs .result-tab-init .resp-tabs-list li .nav-link {color: #fff;}
.dark-theme .resp-tabs-container.result-tbs defs + rect {fill: transparent;}
/* .dark-theme .resp-tabs-container.result-tbs svg text {fill: #fff;} */

.dark-theme .nav-tabs + .tab-content .tab-pane.active:first-child {background: #fff; filter: saturate(0);}
.dark-theme .grayscaleColor {background: #fff; filter: saturate(0);}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  Also Know About Overseas  <--> /overseas-office ------------------------------------ */
.dark-theme .main-blk .owl-carousel .make-payment {color: #fff;}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  Overseas Office  <--> /overseas-office ------------------------------------ */
.dark-theme .tab-img .h6,
.dark-theme .grid-col-rgt .country-blk .h4,
.dark-theme .adress-blk .city-blk,
.dark-theme .person-blk .h6,
.dark-theme .grid-col-rgt .category-header {color: #fff;}
.dark-theme .main-blk .grid-col-rgt {background-color:var(--dark-bg-color-2);}
.dark-theme .main-blk .tab-content.white-blk {background-color:var(--dark-bg-color-4); color: #fff;}

/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme  <--> /notifications ------------------------------------ */
.orangeBorder {
    padding: 7px !important;
    border: 1px solid #faa61a;
}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  Descriptive Without Padding  <--> /twiceiswise ------------------------------------ */
.h4Heading {
    font-size: 14px;
    font-family: var(--font-family3);
}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  ABOUT FEDERAL BANK  <--> /awards-accolades ------------------------------------ */
.dark-theme .about-us-landing img,
.dark-theme .milestone-icon .icon img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.dark-theme .milestone-list-items,
.dark-theme .milestone-list-items .tabs {background:var(--dark-bg-color-1);}
.main-blk .tabs.milestone-tab #tabs-nav li a {display: block;}
.dark-theme .tabs.milestone-tab #tabs-nav li.active a,
.dark-theme .tabs.milestone-tab #tabs-nav li a:hover {background:var(--dark-bg-color-3); color: #fff !important;}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme  <--> /gold-loans-interest-rate ------------------------------------ */
.dark-theme .title-description .page-container {background:var(--dark-bg-color-1) !important;}
/* --------------------------------------------------------------------------------------------------------- */



/*---------  About-Us-New-Theme  <--> /car-loan-emi-calculator ------------------------------------ */
.lfr-layout-structure-item-ad4e3c6f-a17f-91d1-5ad6-bd5e7dbd3847 {background:none !important;}
/* --------------------------------------------------------------------------------------------------------- */

/*---------  About-Us-New-Theme  <--> /home-loan-emi-calculator ------------------------------------ */
.dark-theme .rich-text-container .headingH2 {color: #fff;}
.dark-theme .emi-card-title {color: #fff !important;}
.dark-theme .emi-card-grid .emi-card {background:var(--dark-bg-color-1) !important;}
.dark-theme .quotecard-grid .quotecard {background:var(--dark-bg-color-1); color: #fff;}
.dark-theme .quotecard-grid .quotecard h3 { color: #fff;}
/* --------------------------------------------------------------------------------------------------------- */












/* NS CSS  */

/*
.dark-theme .main-blk .one-item-section a:hover {
  color: black !important;
}
*/

/*---------  About-Us-New-Theme <--> https://www.federal.bank.in/the-art-of-budgeting-tools-and-techniques-for-financial-success -------- */
.dark-theme .rich-text-container .subheading { color:#fff;}


/*---------  Basic Web Content <--> https://www.federal.bank.in/banking-bytes/2026-personal-finance-resolutions/inflation-proofing-your-retirement-staying-ahead-in-the-new-year ------------------------------------ */
.dark-theme .rp-hero,
.dark-theme .mf-hero,
.dark-theme .gp-hero,
.dark-theme .fc-hero,
.dark-theme .rd-hero,
.dark-theme .ib-hero,
.dark-theme .bz-hero,
.dark-theme .sc-hero,
.dark-theme .rp-cta,
.dark-theme .mf-cta,
.dark-theme .gp-cta,
.dark-theme .fc-cta,
.dark-theme .rd-cta,
.dark-theme .ib-cta,
.dark-theme .sc-cta,
.dark-theme .fcx-hero {
  background: var(--color-light-black1) !important;
}

.dark-theme .rp-hero .rp-highlight,
.dark-theme .mf-hero .mf-highlight,
.dark-theme .gp-hero .gp-highlight,
.dark-theme .fc-hero .fc-highlight,
.dark-theme .rd-hero .rd-highlight,
.dark-theme .ib-hero .ib-highlight,
.dark-theme .bz-hero .bz-highlight, 
.dark-theme .mf-wrapper,
.dark-theme .gp-wrapper,
.dark-theme .fc-wrapper,
.dark-theme .rd-wrapper,
.dark-theme .ib-wrapper,
.dark-theme .sc-wrapper,
.dark-theme .bz-wrapper, 
.dark-theme .fcx-highlight {
  background-color: var(--dark-bg-color-1) !important;
}

.dark-theme .rp-card,
.dark-theme .mf-card,
.dark-theme .gp-card,
.dark-theme .fc-card,
.dark-theme .rd-card,
.dark-theme .ib-card,
.dark-theme .sc-card,
.dark-theme .bz-card,
.dark-theme .fcx-card-body {
  background: var(--color-light-black1) !important;
}

.dark-theme .rp-section h2,
.dark-theme .mf-section h2,
.dark-theme .gp-section h2,
.dark-theme .fc-section h2,
.dark-theme .rd-section h2,
.dark-theme .ib-section h2,
.dark-theme .bz-section h2,
.dark-theme .rp-cta h2,
.dark-theme .sc-cta h2,
.dark-theme .sc-cta p,
.dark-theme .mf-cta h2,
.dark-theme .gp-cta h2,
.dark-theme .fc-cta h2,
.dark-theme .rd-cta h2,
.dark-theme .ib-cta h2,
.dark-theme .rp-toc-title,
.dark-theme .mf-toc-title,
.dark-theme .gp-toc-title,
.dark-theme .fc-toc-title,
.dark-theme .rd-toc-title,
.dark-theme .ib-toc-title,
.dark-theme .rp-toc-list a,
.dark-theme .mf-toc-list a,
.dark-theme .gp-toc-list a,
.dark-theme .fc-toc-list a,
.dark-theme .rd-toc-list a,
.dark-theme .ib-toc-list a,
.dark-theme .mf-wrapper,
.dark-theme .gp-wrapper,
.dark-theme .fc-wrapper,
.dark-theme .rd-wrapper,
.dark-theme .ib-wrapper,
.dark-theme .rd-section p,
.dark-theme .ib-section p,
.dark-theme .bz-section p,
.dark-theme .sc-card p,
.dark-theme .bz-section .bz-strategy-card .bz-strategy-title,
.dark-theme .bz-cta,
.dark-theme .bz-card .bz-card-body h2,
.dark-theme .sc-card .sc-card-body h2,
.dark-theme .fcx-section h2,
.dark-theme .fcx-cta h2,
.dark-theme .fcx-toc-title {
  color: #fff !important;
}

.dark-theme .fb-list-item,
.dark-theme .fb-section h2,
.dark-theme .fb-card-body p,
.dark-theme .fb-tag,
.dark-theme .fb-lead,
.dark-theme .fb-section p,
.dark-theme .fb-callout,
.dark-theme .fb-toc a,
.dark-theme .fcx-toc-list a {
  color: #fff !important;
}

.dark-theme .bz-strategy-icon{
  background: var(--dark-bg-color-5) !important;
}

.dark-theme .fb-section,
.dark-theme .fb-card .fb-card-body,
.dark-theme .sc-card .sc-card-body,
.dark-theme .fb-card{
  background: var(--color-light-black1) !important;
}
.dark-theme .fb-hero,
.dark-theme .fb-card .fb-card-head{
  background: #0d3254 !important;
}

.dark-theme .fb-callout{
  background: var(--dark-bg-color-3) !important;
}

.fcx-card {
     position: relative;
     overflow: hidden;
}

/* --------------------------------------------------------------------------------------------------------- */

.dark-theme .winners-list{
  color: #fff;
}

.main-blk .fed-net-list-items .features-benefits{
  background-color: linear-gradient(to right top, #f4f0ca, #f4f0ce, #f4f0d2, #f4f1d7, #f4f1db);
}

.dark-theme .main-blk .fed-net-list-items .features-benefits{
  background-color: transparent !important;
}

.dark-theme .main-blk .fed-net-list-items .features-benefits .text-blue{
  color:#fff !important;
}

.dark-theme .main-blk table th,
.dark-theme .main-blk table td{
  color: #fff;
}
.dark-theme .main-blk .tab-slider .make-payment strong p{
 color: #004e96 !important;
}
.car-loans table tbody tr th p{
 color:#000;
 font-weight:500;
}
.dark-theme .car-loans table tbody tr th p,
.dark-theme .main-blk .fed-net-list-items .item-list-column-3 .item .title{
 color:#fff;
}
.aadhar-seeding-status strong,
.add-on-credit-cards h2{
  color: #104c9b;
}
.dark-theme .aadhar-seeding-status strong,
.dark-theme .add-on-credit-cards h2{
    color: #fff;
  }
 .dark-theme .main-blk .tab-slider{
   background-color: var(--dark-bg-color-5) !important;
    border: 1px solid #fff !important;
    color: var(--white) !important;
 }
 .dark-theme .main-blk .tab-slider .make-payment strong p{
   color: #fff !important;
 }
 .subheading-manage-contactless-feature{
   font-size:18px;
	 color: var(--primary-blue);
	 font-weight:bold
 }
 .dark-theme .subheading-manage-contactless-feature{
	 color:#fff;
 }
 .main-blk .b-pro h5,
 .main-blk .b-pro .h5 {
    font-family: var(--font-family2);
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    letter-spacing: -0.4px;
    margin: 20px 7px 25px;
    color: #000000;
}
.dark-theme .main-blk .b-pro h5,
.dark-theme .main-blk .b-pro .h5 {
    color: #ffffff;
}
.rich-text-container ul.lounge-list{
  border: 1px solid var(--color-orange);
  padding: 10px;
}
.whiteContrastGlobal .rich-text-container ul.lounge-list{
  border: 1px solid #000;
}
.darkContrastGlobal .rich-text-container ul.lounge-list{
  border: 1px solid #fff;
}
.h2.subheading::before{
  white-space: normal;
}



h1.blue-bg-heading,
h2.blue-bg-heading,
.blue-bg-heading {
  padding: 20px;
	text-align: center; 
	font-size: 24px; 
	color: white;
	border-radius:25px; 
	background-image: linear-gradient(to bottom, #104c9b, #0c4289, #073878, #042f67, #012657);
}

.dark-theme .blue-bg-heading {background: #000;}

.darkContrastGlobal .list-circles > li::before{
  background-color: #000;
}
.whiteContrastGlobal .list-circles > li::before{
   background-color: #fff;
	 color: #000;
}
.themeYellowGlobal .list-circles > li::before{
  background: #ffface !important;
	color: #000 !important;
}
.themeCyanGlobal .list-circles > li::before{
  background: #D1FDFE !important;
	color: #000 !important;
}
.themeOrangeGlobal .list-circles > li::before{
  background: #ffd1b9 !important;
	color: #000 !important;
}
.main-blk caption{
  color: #000;
}
.dark-theme .main-blk caption{
  color: #fff;
}
.blue-bg-small-heading{
 text-align:center;
 font-size:16px !important;
 color:white !important;
 border-radius:10px;
 background-image: linear-gradient(to bottom, #104c9b, #0c4289, #073878, #042f67, #012657);
}
.cc-emi-offers-heading,
.credit-card-cashback-heading,
.credit-card-voucher-heading{
  text-align:center;
	font-size:20px !important;
	color: var(--primary-blue) !important;
}
.dark-theme .cc-emi-offers-heading,
.dark-theme .credit-card-cashback-heading,
.dark-theme .credit-card-voucher-heading{
  color: #fff !important;
}
ul.dash-list > li:before{
  content: "" !important;
}
.dark-theme .roi-section{
  background-color: transparent !important;
}
.dark-theme .roi-section .example-card{
  background: linear-gradient(135deg, rgba(16, 76, 155, 0.1), rgba(250, 166, 25, 0.08)) !important;
	border-left: 5px solid #000 !important;
}
.dark-theme .roi-section .example-card .example-title,
.dark-theme .roi-section .example-card .loan-details{
  color: #fff !important;
}

.dark-theme .offer-skin .section-hd,
.dark-theme .loan-rate .section-hd,
.dark-theme .loan-rate .kpi-ico{
	background: var(--dark-bg-color-5) !important;
}

.dark-theme .loan-rate .section,
.dark-theme .offer-skin .section{
  background: var(--dark-bg-color-4) !important;
}

.dark-theme .main-blk .one-item-section p{
 color: #fff !important;
}

.dark-theme .loan-rate thead th,
.dark-theme .loan-rate table,
.dark-theme .loan-rate tbody tr:nth-child(odd),
.dark-theme .loan-rate tbody tr:nth-child(even),
.dark-theme .loan-rate .kpi-card{
  background: transparent !important;
}

.dark-theme .offer-skin tbody tr:nth-child(odd),
.dark-theme .offer-skin tbody tr:nth-child(even),
.dark-theme .offer-skin thead th,
.dark-theme .offer-skin table{
	background: transparent !important;
}

.dark-theme .offer-skin .offer-terms ol.offer-numbering > li,
.dark-theme .offer-details,
.dark-theme .fb-scope .fb-domestic-number{
	color: #fff !important;
}

.dark-theme .fb-scope .fb-notice{
  background: transparent !important;
	border: 2px solid var(--dark-bg-color-5) !important;
}

.dark-theme .fb-scope .fb-header{
  background: var(--dark-bg-color-5) !important;
}

.dark-theme .fb-scope .fb-card-international .list-group-item:nth-child(odd),
.dark-theme .fb-scope .fb-card-international .list-group-item:nth-child(even),
.dark-theme .fb-scope .fb-card-domestic .card-body{
  background: var(--dark-bg-color-4) !important;
}

.dark-theme .fb-scope .fb-card-international .card-header,
.dark-theme .fb-scope .fb-card-domestic .card-header{
  background: var(--dark-bg-color-5);
}

.dark-theme .fb-scope .fb-card-international,
.dark-theme .fb-scope .fb-card-domestic{
  border: 1px solid var(--dark-bg-color-5) !important;
}

.dark-theme .fb-scope .fb-card-international .list-group-item{
  border-color: var(--dark-bg-color-5) !important;
}

.two-cont .h1, 
.three-cont .h1,
.four-cont .h1,
.six-cont .h1{
  font-family: titilum;
  color: #004E95;
}

.five-cont .h1{
  font-family: titilum;
  color: #FFAA01;
}

.gold-loan-per-gram-table table th{
  color: #004e96 !important;
  font-weight: bold !important;
}

/* Title */
.byom-loans-tnc .title {
  text-align: center;
}

/* Main list */
.byom-loans-tnc .main-list {
  padding-left: 24px;
}

/* Nested lists */
.byom-loans-tnc .sub-list {
  padding-left: 14px;
}

/* Roman deeper level */
.byom-loans-tnc .sub-list .sub-list {
  padding-left: 0px;
}

/* Bold markers */
.byom-loans-tnc .main-list > li::marker {
  font-weight: bold;
}

/* List types */
.byom-loans-tnc .alpha {
  list-style-type: lower-alpha;
}

.byom-loans-tnc .roman {
  list-style-type: lower-roman;
}

/* Spacing */
.byom-loans-tnc .main-list li {
  margin-bottom: 15px;
}

.managing-director-bank {
  background: linear-gradient(135deg, #005baa, #00bcd4);
	padding: 20px 10px;
	text-align: center;
	color: #fff;
	box-shadow: 0 6px 20px rgba(0,0,0,0.2);
	border-radius: 20px;
}

.dark-theme .managing-director-bank{
   background: #000;
}

.dark-theme .main-blk .container.list-items.social .social-icon-with-title{
  filter: brightness(0) invert(1);
}

.dark-theme .twitter-timeline{
  color: #fff;
}

/*.dark-theme .social-posts iframe{
    filter: invert(1);
  } 
	
.darkContrastGlobal .social-posts iframe{
    filter: invert(1);
  }*/
	
.dark-theme .faq-item{
 background-color: transparent;
 border-left: 6px solid #1c2436;
}

.dark-theme .fb-note-card{
 background: black !important;
}

.dark-theme .fb-note-card__title,
.dark-theme .fb-note-card__text{
  color: #ffffff !important
}

.dark-theme .faq-title{
   color: #ffffff !important;
 }
 .dark-theme #faq .faq-accordion-container .card-header a.faq-content-title.collapsed{
   background-color: #000000;
	 color: #ffffff;
 }
 .dark-theme #faq .faq-accordion-container .card-header a.faq-content-title{
   background-color: #575757;
	 border: 1px solid #1c2436;
 }
 .dark-theme .faq-accordion-container .card-body{
    background-color: #575757;
    border-left: 1px solid #1c2436;
    border-right: 1px solid #1c2436;
    border-bottom: 1px solid #1c2436;
 }
.dark-theme .testimonial,
.dark-theme .testimonial .quote{
   background: #575757;
}
.dark-theme #three .wellness-content h2,
.dark-theme #three .wellness-content p{
  color: #ffffff
}
.dark-theme .quotecard{
    background-color: #000000;
    color: #ffffff;
}

.dark-theme .quotecard h3,
.dark-theme .quotecard h4{
   color: #ffffff;
}
.dark-theme .alert-primary{
    color: white;
    background-color: black;
}
.dark-theme .card{
    background-color: black;
}
.career-main-content-heading {
    color:#104c9b !important;
}
.dark-theme .career-main-content-heading {
    color:#ffffff !important;
}
/* 
#one .welcome .welcome-content .welcome-title h3{
    font-size: 42px !important;
    color: #fff;
    align-items: flex-start;
    text-align: center;
		font-weight: 500 !important;
}
#one .welcome .welcome-content .welcome-title h3.welcome-presenting{
  padding-right: 12px;
}
#one .welcome .welcome-content .welcome-title h3.welcome-stellar{
  letter-spacing: 20px;
}
*/
.main-blk .proirity-tab-sec .each-proirity-tab .prio-desc h2{
    margin-top: 5px;
    font-size: 20px;
}
.main-blk .proirity-tab-sec .each-proirity-tab.green-tab .prio-desc h2 span{
   color: var(--colors-blue);
}
.main-blk .proirity-tab-sec .each-proirity-tab .prio-desc h2 span {
    display: block;
}
.main-blk .proirity-tab-sec .each-proirity-tab.yellow-tab .prio-desc h2 span {
    color: #fdbe57;
}
.main-blk .proirity-tab-sec .each-proirity-tab.pink-tab .prio-desc h2 span {
    color: #eb5a79;
}
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.green-tab .prio-desc h2 span,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.yellow-tab .prio-desc h2 span,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.pink-tab .prio-desc h2 span{
  color: #ffffff
}
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab:hover .prio-open-wrap,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab .prio-open-wrap,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.green-tab:hover .prio-img,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.yellow-tab:hover .prio-img,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.pink-tab:hover .prio-img{
  background: none !important;
}
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.green-tab .prio-img .prio-img-inner,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.yellow-tab .prio-img .prio-img-inner,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.pink-tab .prio-img .prio-img-inner{
  background: #797C80;
}
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.green-tab .prio-img,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.yellow-tab .prio-img,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.pink-tab .prio-img{
  border: solid 1px #000000;
}
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.green-tab .prio-img:after,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.yellow-tab .prio-img:after,
.dark-theme .main-blk .proirity-tab-sec .each-proirity-tab.pink-tab .prio-img:after{
 border-top: 8px solid #000000;
}
.dark-theme .rd-section-title,
.dark-theme .rd-footbar,
.dark-theme .rd-footbar strong,
.dark-theme .rd-kv-label{
  color: #ffffff !important;
}
.dark-theme .rd-kv{
  background: #000000 !important;
}
.dark-theme .main-blk .jumbotron{
  background: #575757 !important;
}
.dark-theme .main-blk cite{
  color: #ffffff;
}
.dark-theme .modules-form label{
  color: #ffffff;
} 
.dark-theme .modules-form input[type=text]{
  background: black;
  color: white;
}
.dark-theme .modules-form .submit-button, .dark-theme .modules-form .cancel-button{
  background: black;
}
.dark-theme .modules-form select{
  background-color: black !important;
	color: #ffffff;
}
.dark-theme .main-blk .table .thead-light th{
  background-color: black;
}
.dark-theme .table-striped tbody tr:nth-of-type(odd) td,.dark-theme .table-striped tbody tr:nth-of-type(odd) th,
.dark-theme .fb-chip,
.dark-theme .bg-fb,
.dark-theme .bg-fb-accent,
.dark-theme .main-blk .card-header:first-child{
  background: transparent !important;
}
.dark-theme .fb-title,
.dark-theme .fb-muted{
  color: white;
}
.dark-theme .fb-list-blue li::before{
  color: black;
}













/* TD CSS start*/

/*---------  About-Us-New-Theme<---https://www.federal.bank.in/why-settle-for-less-stellar-vs-sb-freedom-->*/
.dark-theme .why-settle-use {
	background: #575757 !important;
}

.dark-theme .why-settle-use .comparison-section {
	background: #575757 !important;
}

.dark-theme .why-settle-use .table-header {
	background-color: gray !important;
}

.dark-theme .why-settle-use .feature-row:hover {
	color: #000 !important;
}

/*---------  About-Us-New-Theme<---https://www.federal.bank.in/why-settle-for-less-stellar-vs-sb-freedom-->*/

/*---------  About-Us-New-Theme<---https://www.federal.bank.in/markup-fees-for-celesta-credit-card-->*/
.dark-theme .why-use-markup .sb-title,
.dark-theme .why-use-markup .sb-subtitle,
.dark-theme .markup-section .fb-title,
.dark-theme .markup-section .fb-accent,
.dark-theme .markup-section small {
	color: #fff !important;
}

/*---------  About-Us-New-Theme<---https://www.federal.bank.in/what-is-a-bank-guarantee-->*/
.dark-theme .itemlist--blue>li::before {
	color: #faa619;
}

/*---------  About-Us-New-Theme<---https://www.federal.bank.in/weekly-offer-ajio-->*/
.dark-theme .weekly-offers-ajio th,
.dark-theme .weekly-offers-ajio td {
	color: #FFFFFF;
}

/*--------- Basic Web Content <---https://www.federal.bank.in/foreclosure-process-for-mortgage-retail-loans-->*/
.dark-theme .mybody .fb-ribbon {
	background-color: #01264b !important;
	position: relative !important;
	z-index: 0 !important;
}

.dark-theme .mybody .fb-hero-title,
.dark-theme .mybody .fb-hero-sub,
.dark-theme .mybody .fb-card-title,
.dark-theme .mybody .fb-card-header i {
	color: #FFFFFF !important;
}

.dark-theme .mybody .fb-callout {
	background: linear-gradient(135deg, rgba(16, 76, 155, 0.1), rgba(250, 166, 25, 0.08)) !important;
	border-radius: .75rem !important;
}

/*---------  all underline p sapn tag use css ---------*/
.mybody p .content-text-udline,
.text-decoration-underline {
	text-decoration: underline;
}

/*--------- Basic Web Content <---https://www.federal.bank.in/jingle-deals/flipkart----------->*/
.dark-theme .fb-page {
	background: #000 !important;
}


/*--------- Basic Web Content <------https://www.federal.bank.in/know-your-credit-score-------->*/

.dark-theme .fb-section .fb-card {
	background: #1c2436 !important;
	border: 1px solid #fff !important;
}

.fb-card-header h2 {
	color: #000;
}

/*--------- MAHILA MITRA PLUS <------https://www.federal.bank.in/mahila-mitra-plus-------->*/

.plan-detail .plan-detail-content h1 {
	font-size: 20px !important;
}

.plan-detail .plan-detail-content h1 span {
    color: #003E85;
}

.plan-detail .plan-detail-content h1 p{
    color: #F9A51A !important;
    font-family: titilum-bold !important;
}
.dark-theme .plan-detail .plan-detail-content .plan-amt .plan-amt-left {
    background-color: #1c2436 !important;
	}
	

/*--------- Comman css ----------------*/	
  .c-custom-content-text {
  text-decoration: underline;
}

.c-custom-table table th,
.c-custom-table th
 {
    color: #000 !important;
}

.dark-theme .c-custom-table table thead tr
 {
   background: none !important;
}

.table-default-black table th,
.table-default-black table tbody tr th p
 {
    color: #000;
		font-weight: 300;
		padding: 7px 7px 16px 7px !important;
}
.table-default-black table td
 {
		padding: 7px 7px 16px 7px !important;
}
.table-default-black caption {
  caption-side: top;
  text-align: left;
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 14px !important;
  padding: 0;
  color: #414141;
}

html .thNotBoldNBlue th {color: #000; font-weight: normal;}
.common_Table{
  border: 1px solid #faa61a;
      padding: 8px !important;
  }

.dark-theme .hover-effect tr:hover td,
.dark-theme .hover-effect tr:hover th
 {
    background-color: #575757 !important;
    color: #fff !important;		
		padding: 7px 7px 16px 7px !important;
}
.hover-effect tr td,
.hover-effect tr th
 {
		padding: 7px 7px 25px 7px !important;
}
/*--------- Comman css ----------------*/

/*--------- Basic Web Content------<---------https://www.federal.bank.in/banking-bytes/2026-personal-finance-resolutions/financial-wellness-a-holistic-approach-to-money-in-2026-------->----------*/

.dark-theme .fw-hero {
    background: linear-gradient(
        135deg,
        #0f172a,
        #1e3a8a,
        #0b1220
    ) !important;
}

.dark-theme .fw-content {
    background-color: #020617;
}

.dark-theme .fw-card {
    background: linear-gradient(
        135deg,
        rgba(30, 41, 59, 0.9),
        rgba(15, 23, 42, 0.95)
    ) !important;
}

.dark-theme .fw-card-body {
    background: transparent !important;
}

.dark-theme .fw-wrapper .fw-card {
    background: linear-gradient(
        135deg,
        #1e293b,
        #0f172a
    ) !important;
}

.dark-theme .fw-card:hover {
    background: linear-gradient(
        135deg,
        rgba(59, 130, 246, 0.15),
        rgba(30, 41, 59, 0.95)
    ) !important;
}

.dark-theme .fw-icon {
    background-color: rgba(59, 130, 246, 0.15) !important;
}

.dark-theme .fw-icon i {
    color: #60a5fa !important;
}

.dark-theme .fw-quote{
background: linear-gradient(135deg, #1e293b, #0f172a) !important;
}

/*--------- Multi-Factor Authentication: Strengthening the Security of Your Banking Accounts------<---------https://www.federal.bank.in/multi-factor-authentication-strengthening-the-security-of-your-bank-accounts---->---*/
.custom-structure-list ol li{
    margin-bottom: 10px;
}
.custom-structure-list ol {
    margin-left: 0px;
}

/* Financial Results New -----https://www.federal.bank.in/financial-result--*/

.main-blk .card-space .offer-details h3
 {
    font-family: var(--font-family3);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 110%;
    padding-top: 15px;
    color: #23242A;
}

/* DROPDOWN-MENU-NRI-SERVICE -----https://www.federal.bank.in/nri-service--*/






/* Online & Commerce Services -----https://www.federal.bank.in/sme-business--*/
.main-blk .b-card h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font-family2);
}


/*DEALS-OFFER-BANNER -----https://www.federal.bank.in/home--*/
	 
/* .main-blk .empty-space {
    padding: 85px;
    background-color: #fff;
}

.main-blk .owl-carousel-slider
 {
    margin-top: -249px;  
} */


/* ============================= */
/* LEVEL 1: Drop-list open */
/* ============================= */
.mcd-menu-list:hover > .drop-list,
.mcd-menu-list:focus-within > .drop-list {
  display: block;
  visibility: visible;
  opacity: 1;
}

/* ============================= */
/* LEVEL 2: Sub-submenu open */
/* ============================= */
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus-within > .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
}

.mcd-menu-list:hover > .drop-list,
.mcd-menu-list:focus-within > .drop-list {
  display: block;
  visibility: visible;
  opacity: 1;
}


/*DEALS-OFFER-BANNER -----https://www.federal.bank.in/loan-rate--*/
.dark-theme .loan-rate .badge {
background: #1a2f50 !important;
}
.dark-theme .dark-theme-btn {
background: #01264b !important;
}


/*Disclosures Content - EGM AGM Tabs -----https://www.federal.bank.in/disclosures-to-shareholders--*/

.dark-theme .active .sidecontent
 {
    color: #004e96 !important;
}
.dark-theme .sidecontent
 {
    color: #fff !important;
}

/*Disclosures Content - EGM AGM Tabs -----https://www.federal.bank.in/key-personnel--*/

.carousel-play-pause {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 0 !important;
}


.carousel-play-pause .marquee-play-stop {
  color: #fff;
    font-size: 16px;
 
}

/* ===============================
   Play Pause Button Focus
================================== */

.carousel-play-pause:focus,
.carousel-play-pause:focus-visible {
    outline: 3px solid #000;
    outline-offset: 3px;

    box-shadow: 0 0 0 4px rgba(250, 166, 26, 0.25);
}

/* ===============================
   Owl Navigation Focus
================================== */







.dark-theme .main-blk .product-spac .card-head{
    background-color: #01264b;
    color: #fefefe;
}

.dark-theme .main-blk .product-spac .comp-plan-read-more {
    background-color: #d08406 !important;
}

.dark-theme .main-blk .product-spac .card-head:hover
 {
    background-color: #d08406;
}

.dark-theme .main-blk .product-spac .nav-pills.oneRoof-bank .nav-link.active
 {
   background-color: #d08406 !important;
 }

.dark-theme .main-blk .product-spac .oneRoof-bank{
background-color: #797c80 !important;
}

.dark-theme .main-blk .oneRoof-bank .make-payment strong{
color: #fff;
}

.dark-theme .main-blk .fed-net .one-item-section-title 
{
    color: #fff;
}

.dark-theme .main-blk .compare-tabs .detailed-tab .compare-thumbs .compare-buttons-ul .compare-buttons-li{
 background-color: #01264b;

}
.dark-theme .main-blk .compare-tabs .detailed-tab .compare-thumbs .compare-buttons-ul .compare-buttons-li:hover{
background-color: #d08406 !important;
}
.dark-theme .main-blk .solution-finder.faq-wrapper .card-head.checked
 {
    background: #ddd;
}

.dark-theme .main-blk .solution-finder.faq-wrapper .card-body {
    background: #ddd;
}
.dark-theme .main-blk .nav-pills.oneRoof-bank .nav-link.active i{
background-color: #d08406 !important;
}

.dark-theme .main-blk .solution-finder.faq-wrapper .faq-hori-links .feature-box{
 background-color: #01264b;
}

.dark-theme .main-blk .solution-finder.faq-wrapper .faq-hori-links .feature-box:hover{
background-color: #d08406 !important;
}

/* TD CSS end*/