/*dark contrast css*/ body.dark-contrast * , body.dark-contrast .form-control::placeholder, body.dark-contrast input::placeholder, body.dark-contrast textarea::placeholder, body.dark-contrast .header-nav .has-submenu::after{ color: #ff0 !important; fill: #ff0 !important; } body.dark-contrast .header-top-left img { filter: invert(78%) sepia(169%) saturate(274%) hue-rotate(358deg) brightness(98%) contrast(199%); } body.dark-contrast, body.dark-contrast .menuSection .header-bottom-area, body.dark-contrast .dropdown-menu-link:hover, body.dark-contrast header .header-top-style-1, body.dark-contrast .form-control, body.dark-contrast .client-slider-style-1 , body.dark-contrast .header-info-list .header-info-item .searchAreaPanel .SearchBtn, body.dark-contrast section, body.dark-contrast footer, body.dark-contrast blockquote, body.dark-contrast .btn .btn-icon, body.dark-contrast .aboutSection .drMessageArea, body.dark-contrast .aboutSection .drMessageBox h6, body.dark-contrast .aboutSection .drMessageBox .moreArea, body.dark-contrast .aboutSection .drMessagePanel:after, body.dark-contrast .service-bg-map:after, body.dark-contrast .tab-style-two-items nav .nav-tabs button, body.dark-contrast .service-style-2-icon, body.dark-contrast .section-tag.is-white, body.dark-contrast .feature-wrapper-3 .icon-items, body.dark-contrast .offcanvas.show:not(.hiding), body.dark-contrast .offcanvas.showing, body.dark-contrast .testimonial-bg, body.dark-contrast .footer .footer-bottom , body.dark-contrast .form-input-1.is-bg-white , body.dark-contrast .btn-secondary-alt, body.dark-contrast .menuSection, body.dark-contrast .maincontent .link-btn {background: #000 !important;} body.dark-contrast section.aboutSection, body.dark-contrast .tab-style-two-items nav .nav-tabs button:hover, body.dark-contrast .tab-style-two-items nav .nav-tabs button.active, body.dark-contrast .choose-us-style-onea-area .vs-blog__style1 ul li:nth-child(even), body.dark-contrast .service-bg-serves, body.dark-contrast .services-style-six-item.active, body.dark-contrast .feature-section-3, body.dark-contrast .request-quote-form-block, body.dark-contrast .faq-accordion .accordion-item-1:has(.collapse.show), body.dark-contrast .footer, body.dark-contrast .socialBox, body.dark-contrast .socialBox h3 i, body.dark-contrast .aboutSection .about-btn, body.dark-contrast .choose-us-style-one-info .tab-content .vs-blog__style1, body.dark-contrast .choose-us-style-onea-area .whatNewAreaBox, body.dark-contrast .innerBannerSection .innernav, body.dark-contrast .maincontent .visionbox, body.dark-contrast .maincontent .seekerbox { background:#19191d !important; } body.dark-contrast .btn-secondary, body.dark-contrast a.round-btn, body.dark-contrast .services-style-six-item.bg-dark, body.dark-contrast .client-center .clientArea, body.dark-contrast .socialBox h3, body.dark-contrast .scroll-to-top, body.dark-contrast .aboutSection .drMessageArea:after, body.dark-contrast .btn-secondary:hover::before, body.dark-contrast .btn-secondary-alt:hover::before, body.dark-contrast .btn-02,{ background: #363636 !important; } body.dark-contrast header .header-top-style-1, body.dark-contrast .choose-us-style-one-info .tab-content, body.dark-contrast .header-top-center, body.dark-contrast .header-info-list .header-info-item .searchAreaPanel .form-control, body.dark-contrast .service-style-2-item:not(:last-of-type), body.dark-contrast .accessibilityControlsArea button.btnBoxArea, body.dark-contrast .client-center .clientArea, body.dark-contrast blockquote, body.dark-contrast .aboutSection .drMessageBox, body.dark-contrast .form-input-1:focus-visible, body.dark-contrast .client-slider-style-1, body.dark-contrast .menuSection, body.dark-contrast .pmQuoteSection .pmQuoteArea hr, body.dark-contrast .aboutSection .about-btn, body.dark-contrast .tab-style-two-items nav .nav-tabs button, body.dark-contrast .recentDocumentsSection .card, body.dark-contrast .aboutSection .drMessageBox img, body.dark-contrast .choose-us-style-onea-area .vs-blog__style1 ul li, body.dark-contrast .btn-02, body.dark-contrast .maincontent .seekerbox { border-color: #ff0 !important; } body.dark-contrast .header-nav-link::after, body.dark-contrast .moreArea a:before, body.dark-contrast .aboutSection .drMessageArea:before, body.dark-contrast .tab-style-two-items nav .nav-tabs button::after, body.dark-contrast .footer-widget .footer-title::after {background: #ff0;} body.dark-contrast h2.headingArea svg,body.dark-contrast h2.headingArea svg path { stroke: #ff0; } /*body.dark-contrast a, body.dark-contrast p, body.dark-contrast h1, body.dark-contrast h2, body.dark-contrast ul li, body.dark-contrast ul li a, body.dark-contrast svg, body.dark-contrast svg path { color:#ff0 !important ; fill:#ff0 !important ; }*/ .dark-contrast .btnBoxArea { background: #333; color: #fff; } /*theme color css*/ /* panel UI */ .accessibilityControlsArea .themeColorArea hr { margin:15px 0; border-top:1px solid #162f6a; opacity:.4; } .accessibilityControlsArea .themeColorHeading { font-size:22px; font-weight:700; color:#162f6a; text-decoration:underline; text-underline-offset:4px; margin-bottom:15px; } .accessibilityControlsArea .themeColorList { display:flex; flex-wrap:wrap; gap:14px; } .accessibilityControlsArea .themeColorBtn { width:70px; height:52px; border-radius:8px; border:2px solid var(--swatch); padding:0; box-shadow:0 0 0 3px #fff inset; } .accessibilityControlsArea .themeColorBtn.active { outline:2px solid var(--swatch); outline-offset:2px; } .accessibilityControlsArea .themeColorBtn:focus-visible, .accessibilityControlsArea .themeBoxBtn:focus-visible, .accessibilityControlsArea .themeFillArea input:focus-visible { outline:3px solid #000067; outline-offset:3px; } .accessibilityControlsArea .themeColor-1 { --swatch:#005788; background:#005788; } .accessibilityControlsArea .themeColor-2 { --swatch:#a32966; background:#a32966; } .accessibilityControlsArea .themeColor-3 { --swatch:#4729a3; background:#4729a3; } .accessibilityControlsArea .themeColor-4 { --swatch:#214aab; background:#214aab; } .accessibilityControlsArea .themeColor-5 { --swatch:#2d8686; background:#2d8686; } .accessibilityControlsArea .themeColor-6 { --swatch:#916100; background:#916100; } .accessibilityControlsArea .themeColor-7 { --swatch:#a72626; background:#a72626; } .accessibilityControlsArea .themeFillArea { display:flex; align-items:center; gap:10px; font-size:16px; } .accessibilityControlsArea .themeFillArea input { width:18px; height:18px; accent-color:#005788; cursor:pointer; } .accessibilityControlsArea .themeFillArea label { cursor:pointer; } .accessibilityControlsArea .themeBoxLabel { color:#162f6a; margin-bottom:10px; } .accessibilityControlsArea .themeBoxList { display:flex; flex-wrap:wrap; gap:40px; } .accessibilityControlsArea .themeBoxBtn { width:75px; height:25px; padding:0; border:1px solid #000; border-radius:0; } .accessibilityControlsArea .themeBoxBtn.active { outline:2px solid #000067; outline-offset:3px; } .accessibilityControlsArea .themeBox-colored { background:linear-gradient(to right, #ebadcc 25%, #a6d9d9 25% 50%, #f4d390 50% 75%, #faaaaa 75%); } .accessibilityControlsArea .themeBox-secondary { background:linear-gradient(to right, var(--theme-2) 25%, var(--theme-3) 25% 50%, var(--theme-4) 50% 75%, var(--theme-6) 75%); } .accessibilityControlsArea .themeBox-primary { background:var(--theme-6); } /* theme palettes (5 = site default teal) */ :root { --theme-dark:#0f5757; --theme-1:#2d8686; --theme-2:#75bdbd; --theme-3:#a6d9d9; --theme-4:#a6d9d9; --theme-6:#d9f2f2; } html[data-theme-color="1"] { --theme-dark:#0b2641; --theme-1:#13406c; --theme-2:#2966a3; --theme-3:#6b99c7; --theme-4:#adcceb; --theme-6:#d6e5f5; --theme-7:#ffffff; } html[data-theme-color="2"] { --theme-dark:#6c1340; --theme-1:#a32966; --theme-2:#db70a6; --theme-3:#ebadcc; --theme-4:#ebadcc; --theme-6:#faebf2; --theme-7:#ffffff; } html[data-theme-color="3"] { --theme-dark:#29136c; --theme-1:#4729a3; --theme-2:#8b70db; --theme-3:#bdadeb; --theme-4:#bdadeb; --theme-6:#eeebfa; --theme-7:#ffffff; } html[data-theme-color="4"] { --theme-dark:#162f6a; --theme-1:#214aab; --theme-2:#5279d7; --theme-3:#a3bbf3; --theme-4:#a3bbf3; --theme-6:#d2dfff; --theme-7:#ffffff; } html[data-theme-color="5"] { --theme-dark:#0f5757; --theme-1:#2d8686; --theme-2:#75bdbd; --theme-3:#a6d9d9; --theme-4:#a6d9d9; --theme-6:#d9f2f2; --theme-7:#ffffff; } html[data-theme-color="6"] { --theme-dark:#5d3e00; --theme-1:#916100; --theme-2:#dda73a; --theme-3:#f4d390; --theme-4:#f4d390; --theme-6:#ffeecc; --theme-7:#ffffff; } html[data-theme-color="7"] { --theme-dark:#771d1d; --theme-1:#a72626; --theme-2:#d75151; --theme-3:#faaaaa; --theme-4:#faaaaa; --theme-6:#fcdada; --theme-7:#ffffff; } /* existing site variables follow the selected theme */ html[data-theme-color] { --navy-dark:var(--theme-dark); --navy-text:var(--theme-1); --navy-text-menu:var(--theme-dark); --bg1:var(--theme-6); --bg2:var(--theme-3); --bg3:color-mix(in srgb, var(--theme-dark) 90%, transparent); } html[data-theme-color] .accessibilityControlsArea .filterClearBtn { background:var(--theme-1); } :where(html[data-theme-color]) .sliderArea-01 .bx-wrapper .bx-pager.bx-default-pager a { background:var(--theme-2); } :where(html[data-theme-color]) .arrowAction-01 .owl-dots .owl-dot { background:var(--theme-2); } /* fill background with theme color */ html[data-theme-color]:not(.theme-fill-off) .header-top-style-1, html[data-theme-color]:not(.theme-fill-off) .menuSection, html[data-theme-color]:not(.theme-fill-off) .menuSection .header-bottom-area { background-color:var(--theme-6) !important; } html[data-theme-color]:not(.theme-fill-off) .announcementsSection { background:var(--theme-4); } html[data-theme-color]:not(.theme-fill-off) .pmQuoteSection { background:var(--theme-7); } html.theme-fill-off .announcementsSection, html.theme-fill-off .pmQuoteSection, html.theme-fill-off .choose-us-style-onea-area { background:#fff !important; } /* Key Offerings / Recent Documents box style */ html.theme-box-colored .recentDocument .colRecentDocument:nth-child(4n+1) .card, html.theme-box-colored .vs-blog__style1 ul li:nth-child(4n+1) { background:#ebadcc !important; } html.theme-box-colored .recentDocument .colRecentDocument:nth-child(4n+2) .card, html.theme-box-colored .vs-blog__style1 ul li:nth-child(4n+2) { background:#a6d9d9 !important; } html.theme-box-colored .recentDocument .colRecentDocument:nth-child(4n+3) .card, html.theme-box-colored .vs-blog__style1 ul li:nth-child(4n+3) { background:#f4d390 !important; } html.theme-box-colored .recentDocument .colRecentDocument:nth-child(4n+4) .card, html.theme-box-colored .vs-blog__style1 ul li:nth-child(4n+4) { background:#faaaaa !important; } html.theme-box-secondary .recentDocument .colRecentDocument:nth-child(4n+1) .card, html.theme-box-secondary .vs-blog__style1 ul li:nth-child(4n+1) { background:var(--theme-2) !important; } html.theme-box-secondary .recentDocument .colRecentDocument:nth-child(4n+2) .card, html.theme-box-secondary .vs-blog__style1 ul li:nth-child(4n+2) { background:var(--theme-3) !important; } html.theme-box-secondary .recentDocument .colRecentDocument:nth-child(4n+3) .card, html.theme-box-secondary .vs-blog__style1 ul li:nth-child(4n+3) { background:var(--theme-4) !important; } html.theme-box-secondary .recentDocument .colRecentDocument:nth-child(4n+4) .card, html.theme-box-secondary .vs-blog__style1 ul li:nth-child(4n+4) { background:var(--theme-6) !important; } html.theme-box-primary .recentDocument .card, html.theme-box-primary .vs-blog__style1 ul li { background:var(--theme-6) !important; } html:is(.theme-box-colored, .theme-box-secondary) .recentDocument .card *, html:is(.theme-box-colored, .theme-box-secondary) .vs-blog__style1 ul li * { color:#000 !important; } html.theme-box-primary .recentDocument .card .card-title, html.theme-box-primary .vs-blog__style1 ul li a { color:var(--theme-1) !important; } /* hardcoded site colors mapped to the selected theme (generated from style.css, zero specificity via :where) */ :where(html[data-theme-color]) h1, :where(html[data-theme-color]) h2, :where(html[data-theme-color]) h3, :where(html[data-theme-color]) h4, :where(html[data-theme-color]) h5, :where(html[data-theme-color]) h6 { color: var(--theme-dark); } :where(html[data-theme-color]) .text-rich blockquote { border: 2px solid var(--theme-dark); color: var(--theme-dark); } :where(html[data-theme-color]) .text-rich blockquote cite::before { background-color: var(--theme-dark); } :where(html[data-theme-color]) .background-dark { background-color: var(--theme-dark); } :where(html[data-theme-color]) .social-link-round-gradient { color: var(--theme-dark); } :where(html[data-theme-color]) .page-link { border: 1px solid var(--theme-dark); color: var(--theme-dark); } :where(html[data-theme-color]) h2.headingArea svg { stroke: var(--theme-dark); } :where(html[data-theme-color]) .section-title.is-text-dark { color: var(--theme-dark); } :where(html[data-theme-color]) .content-list { color: var(--theme-dark); } :where(html[data-theme-color]) .content-list-2 li strong { color: var(--theme-dark); } :where(html[data-theme-color]) .search-button { color: var(--theme-dark); } :where(html[data-theme-color]) #preloader { background: var(--theme-dark); } :where(html[data-theme-color]) .btn .btn-icon { color: var(--theme-dark); } :where(html[data-theme-color]) .btn-primary:hover { background: var(--theme-dark); } :where(html[data-theme-color]) .btn-primary:hover::before { background: var(--theme-dark); } :where(html[data-theme-color]) .btn-white { color: var(--theme-dark); } :where(html[data-theme-color]) .btn-white:hover { background: var(--theme-dark); } :where(html[data-theme-color]) .btn-white:hover::before { background: var(--theme-dark); } :where(html[data-theme-color]) .btn-secondary:hover::before { background: var(--theme-dark); } :where(html[data-theme-color]) .btn-secondary-alt:hover { color: var(--theme-dark); } :where(html[data-theme-color]) .btn-secondary-outline:hover .btn-icon { color: var(--theme-dark); } :where(html[data-theme-color]) .header-nav-link::after { background: var(--theme-dark); } :where(html[data-theme-color]) .header-nav-link:hover { color: var(--theme-dark); } :where(html[data-theme-color]) .header-nav .has-submenu::after { color: var(--theme-dark); } :where(html[data-theme-color]) .dropdown-menu-link:hover { color: var(--theme-dark); } :where(html[data-theme-color]) .section-header .header-top-area .header-top-right ul li svg { fill: var(--theme-dark); } :where(html[data-theme-color]) .menuSection { border-bottom: 2px solid var(--theme-dark); } :where(html[data-theme-color]) .category-menu ul li a:has(~ .subcategory)::after { color: var(--theme-dark); } :where(html[data-theme-color]) .header-user-event-button { color: var(--theme-dark); } :where(html[data-theme-color]) .header-user-event-button-search { border: 1px solid var(--theme-dark); } :where(html[data-theme-color]) .sliderArea-01 .bx-wrapper .bx-controls-auto { background: var(--theme-dark); } :where(html[data-theme-color]) .announcementsSection a.btnPs { color: var(--theme-dark); } :where(html[data-theme-color]) .sidebar-search-input { color: var(--theme-dark); } :where(html[data-theme-color]) .blog-recent-link { color: var(--theme-dark); } :where(html[data-theme-color]) .service-category-link { color: var(--theme-dark); } :where(html[data-theme-color]) .service-banner-info-block { background-color: var(--theme-dark); } :where(html[data-theme-color]) .hero-3 .hero-list-contact li { color: var(--theme-dark); } :where(html[data-theme-color]) .hero-3 .hero-list-contact li a { color: var(--theme-dark); } :where(html[data-theme-color]) .hero-4 .hero-content h1 { color: var(--theme-dark) !important; } :where(html[data-theme-color]) .get-touch-info-list li .content a, :where(html[data-theme-color]) .get-touch-info-list li .content address { color: var(--theme-dark); } :where(html[data-theme-color]) .get-touch-form-block .form-check-input { border-color: var(--theme-dark); } :where(html[data-theme-color]) .feature-faq-wrapper .accordion-item .accordion-header .accordion-button { color: var(--theme-dark); } :where(html[data-theme-color]) .feature-faq-wrapper .accordion-item .accordion-header .accordion-button::after { color: var(--theme-dark); } :where(html[data-theme-color]) .feature-faq-wrapper .accordion-item .accordion-header .accordion-button.collapsed { color: var(--theme-dark); } :where(html[data-theme-color]) .new-company-wrapper .company-content .progress-wrap .pro-items .pro-head .title { color: var(--theme-dark); } :where(html[data-theme-color]) .new-company-wrapper .company-content .progress-wrap .pro-items .pro-head .point { color: var(--theme-dark); } :where(html[data-theme-color]) .project-item .project-content { background-color: var(--theme-dark); } :where(html[data-theme-color]) .pricing-toggle-title { color: var(--theme-dark); } :where(html[data-theme-color]) .pricing-item-block.active .btn-secondary { color: var(--theme-dark); } :where(html[data-theme-color]) .pricing-item-block.style-3 .section-tag { color: var(--theme-dark); } :where(html[data-theme-color]) .pricing-item-block:hover { border-color: var(--theme-dark); } :where(html[data-theme-color]) .pricing-value { color: var(--theme-dark); } :where(html[data-theme-color]) .testimonial-quote { color: var(--theme-dark); } :where(html[data-theme-color]) .testimonial-slider-button { color: var(--theme-dark); } :where(html[data-theme-color]) .testimonial-bg { background-color: var(--theme-6); } :where(html[data-theme-color]) .testimonial-wrapper-4 .testimonial-content-4 p { color: var(--theme-dark); } :where(html[data-theme-color]) .support-info .icon { color: var(--theme-dark); } :where(html[data-theme-color]) .maincontent table.table thead tr th, :where(html[data-theme-color]) .maincontent table.table tbody tr th { background: var(--theme-6); } :where(html[data-theme-color]) .maincontent table.table tbody tr td a.btnPdf { background: var(--theme-6); } :where(html[data-theme-color]) .blog-single-item-1 .blog-title-link { color: var(--theme-dark); } :where(html[data-theme-color]) .blog-single-item-2 .blog-link { color: var(--theme-dark); } :where(html[data-theme-color]) .blog-content-style-2 .blog-link { color: var(--theme-dark); } :where(html[data-theme-color]) .news-box-items-3 .news-content .post-date { background-color: var(--theme-dark); } :where(html[data-theme-color]) .location-item .content address { color: var(--theme-dark); } :where(html[data-theme-color]) .team-member-name { color: var(--theme-dark); } :where(html[data-theme-color]) .service-link { color: var(--theme-dark); } :where(html[data-theme-color]) .service-info .icon { background-color: var(--theme-dark); } :where(html[data-theme-color]) .service-info .content a { color: var(--theme-dark); } :where(html[data-theme-color]) .service-bg-map { background: var(--theme-6); } :where(html[data-theme-color]) .marque-text { background: var(--theme-dark) !important; } :where(html[data-theme-color]) .service-wrapper-6 .service-box-6 .icon-items h3 a { color: var(--theme-dark); } :where(html[data-theme-color]) .service-wrapper-6 .service-box-6:hover .arrow-icon { color: var(--theme-dark); } :where(html[data-theme-color]) .request-quote-form-block { background-color: var(--theme-dark); } :where(html[data-theme-color]) .event-title { color: var(--theme-dark); } :where(html[data-theme-color]) .industrial-link { color: var(--theme-dark); } :where(html[data-theme-color]) .choose-us-wrapper-44 .choose-us-content .progress-wrap .pro-items .pro-head .title { color: var(--theme-dark); } :where(html[data-theme-color]) .choose-us-wrapper-44 .choose-us-content .progress-wrap .pro-items .pro-head .point { color: var(--theme-dark); } :where(html[data-theme-color]) .fun-fact-title { color: var(--theme-dark); } :where(html[data-theme-color]) .fun-fact-focus-text { color: var(--theme-dark); } :where(html[data-theme-color]) .feature-style-1-title { color: var(--theme-dark); } :where(html[data-theme-color]) .about-wrapper-3 .about-content .about-box-wrap .about-box-items { background-color: var(--theme-dark); } :where(html[data-theme-color]) .about-wrapper-3 .about-content .about-list li { color: var(--theme-dark); } :where(html[data-theme-color]) .about-wrapper-4 .about-content-4 .list-box ul li { color: var(--theme-dark); } :where(html[data-theme-color]) .comment-user-name span { color: var(--theme-dark); } :where(html[data-theme-color]) .project-info-title { color: var(--theme-dark); } :where(html[data-theme-color]) .project-pagination-link { color: var(--theme-dark); } :where(html[data-theme-color]) .choose-us-style-onea-area { background-color: var(--theme-7) !important; } :where(html[data-theme-color]) .counterArea span { color: var(--theme-3); } :where(html[data-theme-color]) .services-style-six-item.active { background: var(--theme-6); } :where(html[data-theme-color]) .services-style-six-item.bg-dark { background: var(--theme-dark) !important; } :where(html[data-theme-color]) a.round-btn { background: var(--theme-dark); } :where(html[data-theme-color]) footer .footer-item.about::after { background: var(--theme-dark); } :where(html[data-theme-color]) footer.bg-dark a:hover, :where(html[data-theme-color]) footer a:hover { color: var(--theme-3); } :where(html[data-theme-color]) ul.footer-address li a i { color: var(--theme-3); } :where(html[data-theme-color]) .accessibilityControlsArea button.btnBoxArea { border: 1px solid var(--theme-dark); } :where(html[data-theme-color]) .pmQuoteSection .pmQuoteArea .pmQuoteMessage p { color: var(--theme-dark); } :where(html[data-theme-color]) .pmQuoteSection .pmQuoteArea .pmQuoteMessage .pmEventDateArea { color: var(--theme-dark); } :where(html[data-theme-color]) .pmQuoteSection .pmQuoteArea hr { border-top: 1px solid var(--theme-dark); } :where(html[data-theme-color]) .btnViewEvrnt { color: var(--theme-dark); border: 1px solid var(--theme-dark); } :where(html[data-theme-color]) .btnViewEvrnt:hover { background: var(--theme-6); } :where(html[data-theme-color]) .aboutSection .drMessageBox img { border-bottom: 6px solid var(--theme-dark); } :where(html[data-theme-color]) .aboutSection .about-btn { border: .5px solid var(--theme-dark); } :where(html[data-theme-color]) .btn-02 { color: var(--theme-dark); border: 1px solid var(--theme-dark); } :where(html[data-theme-color]) .btn-02:hover { background: var(--theme-6); } :where(html[data-theme-color]) .recentDocumentsSection .card { border: .5px solid var(--theme-dark); } :where(html[data-theme-color]) .recentDocumentsSection .card .card-body .card-title { color: var(--theme-dark); } :where(html[data-theme-color]) .arrowAction-01 a.btnPs { background: var(--theme-dark); } :where(html[data-theme-color]) .socialSection .socialBox h3 { color: var(--theme-dark); } :where(html[data-theme-color]) .innerBannerSection:after { background: var(--theme-dark); } :where(html[data-theme-color]) .maincontent .aboutcontent h2 { color: var(--theme-dark); } :where(html[data-theme-color]) .maincontent .download-btn { color: var(--theme-dark); } :where(html[data-theme-color]) .maincontent .link-btn, :where(html[data-theme-color]) .maincontent .link-outline-btn { color: var(--theme-dark); } :where(html[data-theme-color]) .ft-20 { color: var(--theme-dark); } :where(html[data-theme-color]) .maincontent .visionbox h2 { color: var(--theme-dark); } :where(html[data-theme-color]) .maincontent .aboutcontent .objectivebox h3 { color: var(--theme-dark); } :where(html[data-theme-color]) .maincontent .drMessageBox img { border-bottom: 6px solid var(--theme-dark); } :where(html[data-theme-color]) .maincontent .teamCardWrapper { background-color: var(--theme-6); } :where(html[data-theme-color]) .maincontent .seekerbox a { color: var(--theme-dark); } :where(html[data-theme-color]) .maincontent .seekerbox.infoAreaBox a { color: var(--theme-dark); } :where(html[data-theme-color]) .ministerProfileModal .ministerImgBox img { border: 2px solid var(--theme-dark); } :where(html[data-theme-color]) .maincontent .directorySection .directoryBox .departmentArea { background: var(--theme-6); }