/* OneCart overrides on top of the 2026 theme (theme.css).
   Palette: blue #1089d4 (accent), navy #071e55 (titles), ice #EDF2FF (tints), grey #F5F7FA (section washes).
   No scroll animations, no decorative shapes, no dark mode. */

:root {
  --oc-blue: #1089d4;
  --oc-blue-dark: #0b6ba7;
  --oc-navy: #071e55;
  --oc-ice: #EDF2FF;
  --oc-grey: #F5F7FA;
  --bg-color3: #FFFFFF;
}

html { scroll-behavior: smooth; }
body { background: #fff; }
.wrapper { overflow: visible; }

/* ---------- decorations and template chrome we do not use ---------- */
.anim-img, #preloader, #darkModeBtn, .footer-content, .search-popup, .search-overlay, .video-modal { display: none !important; }
.main-sec::before, .main-sec::after, .hero-sec::before, .hero-sec::after,
.feature-sec2::before, .feature-sec2::after, .pricing-sec::before, .pricing-sec::after,
.cta-info::before, .cta-info::after, .choose-info::before, .choose-info::after { display: none !important; }
.feature-sec2, .pricing-sec { background-image: none; background-color: var(--oc-grey); }
.choose-info { background-image: none; background-color: var(--oc-ice); }
.cta-info { background-image: none; background-color: var(--oc-navy); }
.cta-info .sec-title .title, .cta-info .sec-title p { color: #fff; }
.cta-info .sec-title .sub-title { background: #fff; color: var(--oc-navy); border-color: #fff; }
.rotating, .spin { animation: none !important; }
.feature-block2::before, .faq-box .vs-accordion .accordion-item::before, .footer-style1::before,
.main-sec2::before, .main-sec4::before, .funfact-block-one.v2::before, .shop-img::before { display: none !important; background-image: none !important; }

/* ---------- header ---------- */
.header-main { position: sticky; top: 0; z-index: 1100; background: #fff; border-bottom: 1px solid var(--border-color); }
.home-section { z-index: auto; }
.header-main.sticky { top: 0; box-shadow: 0 2px 12px rgba(7, 30, 85, 0.06); }
.header-bottom { padding: 12px 0; }
.header-bottom .row { align-items: center; }
.header-bottom .carousel-container { max-width: 1310px; }
.header-row { gap: 16px; min-height: 52px; }
.header-logo { flex: 0 0 auto; margin-right: 8px; }
.header-btn { flex: 0 0 auto; position: relative; white-space: nowrap; }
.header-btn .btn-style1 { white-space: nowrap; }
.header-btn .hamburger-btn { position: static; transform: none; margin-left: 14px; display: none; }
@media (max-width: 991px) { .header-btn .hamburger-btn { display: flex; } .header-btn .btn-style1.v2 { height: 40px; line-height: 40px; padding: 0 5px 0 16px; font-size: 14px; } .header-btn .btn-style1.v2 span { width: 30px; height: 30px; } .header-bottom { padding: 8px 0; } }
@media (max-width: 400px) { .header-btn .btn-style1.v2 { display: none; } }
.main-menu11 > ul { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0; padding: 0; }
.main-menu11 > ul > li > a { padding: 10px 18px; }
@media (max-width: 1199px) { .main-menu11 > ul > li > a { padding: 10px 12px; font-size: 15px; } }
.main-menu11 { border: 0; background: transparent; border-radius: 0; padding: 0; }
.main-menu11 > ul > li > a { font-size: 16px; }
.brand-wordmark { font-family: var(--title-font); font-weight: 800; font-size: 28px; letter-spacing: -0.02em; line-height: 1; color: var(--oc-navy); display: inline-block; }
.brand-wordmark span { color: var(--oc-blue); }
.brand-wordmark:hover { color: var(--oc-navy); }
.main-menu11 { max-width: none; }
.main-menu11 ul li a { white-space: nowrap; }
.header-btn .btn-style1 { height: 44px; line-height: 44px; }
.header-btn .btn-style1 span { width: 34px; height: 34px; }
.header-btn .btn-style1.v3 { padding: 0 20px; }
.header-btn .btn-style1 + .btn-style1 { margin-left: 8px; }
.mobile-menu .main-menu11 ul li a { white-space: normal; }
.mobile-menu .main-menu11 ul li.active > a, .mobile-menu .main-menu11 ul .has-dropdown.active > a,
.mobile-menu .main-menu11 ul .has-submenu.active > a, .main-menu11 ul li.active > a, .main-menu11 ul li a:hover { color: var(--oc-blue); }
.mobile-menu .dropdown-menu li a, .mobile-menu .sub-menu li a { font-size: 15px; }
.mobile-menu-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 18px; }
.mobile-menu-actions .btn-style1 { height: 44px; line-height: 44px; padding: 0 20px; }
body.menu-open { overflow: hidden; }

/* ---------- buttons ---------- */
.btn-style1 { color: #fff; background-color: var(--oc-blue); }
.btn-style1 span { background-color: rgba(255,255,255,0.22); }
.btn-style1 span img { filter: invert(1); }
.btn-style1:hover { background-color: var(--oc-navy); color: #fff; border-color: transparent; }
.btn-style1:hover span { background-color: rgba(255,255,255,0.22); }
.btn-style1:hover span img { filter: invert(1); }
.btn-style1.v2 { background-color: var(--oc-blue); color: #fff; }
.btn-style1.v3 { background-color: transparent; color: var(--oc-navy); border-color: var(--border-color5); }
.btn-style1.v3:hover { background-color: var(--oc-ice); color: var(--oc-navy); }
.btn-style1.v4 { background-color: var(--oc-navy); color: #fff; }
.btn-style1.v4:hover { background-color: var(--oc-blue); }
.btn-style1.v3 span { background-color: var(--oc-blue); }
.btn-style1.v3 span img { filter: invert(1); }
.btn-style1.v3:hover span { background-color: var(--oc-blue); }
.btn-style1.v3:hover span img { filter: invert(1); }
.btn-style1.v4 span { background-color: rgba(255,255,255,0.18); }
.btn-style1.v4 span img { filter: invert(1); }
.header-btn .btn-style1.v2 span { background-color: rgba(255,255,255,0.22); }
.header-btn .btn-style1.v2 span img, .header-btn .btn-style1.v2:hover span img { filter: invert(1); }

/* ---------- section titles ---------- */
.sec-title { margin-bottom: 50px; }
.sec-title .title { font-size: 40px; line-height: 1.2; }
.sec-title.white .sub-title { color: #fff; }
.sec-title p { font-size: 17px; }
@media (max-width: 767px) { .sec-title .title { font-size: 30px; } }

/* ---------- hero ---------- */
.hero-sec { padding: 72px 0 0; }
.oc2-hero-content { max-width: 900px; }
.oc2-hero-content .sub-title { font-size: 15px; height: auto; line-height: 1.5; padding: 7px 20px; font-weight: 500; }
.oc2-hero-content .sub-title .fa-star { color: #f5b301; font-size: 12px; margin-right: 1px; }
.oc2-hero-content .title { font-size: 62px; line-height: 1.1; margin-bottom: 22px; }
.oc2-hero-content .hero-sub { font-size: 20px; line-height: 1.5; color: var(--body-color); max-width: 760px; margin: 0 auto 10px; }
.oc2-hero-content .hero-benefits { font-size: 17px; font-weight: 600; color: var(--oc-blue); margin-bottom: 28px; }
.hero-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 14px; }
.oc2-hero-content .hero-note { font-size: 15px; line-height: 1.5; color: var(--body-color); margin: 0 auto 6px; max-width: none; }
.oc2-hero-content .hero-quote { font-size: 15px; color: var(--body-color); margin-bottom: 0; }
.hero-quote strong { color: var(--oc-navy); }
.hero-img { max-width: 1140px; margin: 56px auto 0; padding: 0 15px; }
.hero-img img { width: 100%; border-radius: 14px; border: 1px solid var(--border-color); box-shadow: 0 24px 60px rgba(7, 30, 85, 0.10); }
@media (max-width: 991px) { .oc2-hero-content .title { font-size: 44px; } .hero-sec { padding-top: 48px; } }
@media (max-width: 575px) { .oc2-hero-content .title { font-size: 34px; } .oc2-hero-content .hero-sub { font-size: 17px; } }

/* value cards under the hero copy */
.value-grid { max-width: 1000px; margin: 40px auto 0; }
.value-grid .choose-block { padding: 26px 22px; margin-bottom: 20px; text-align: left; display: block; color: inherit; }
.value-grid .choose-block:hover { border-color: var(--oc-blue); }
.value-grid .choose-icon { margin: 0 0 16px; width: 54px; height: 54px; background: var(--oc-ice); }
.value-grid .choose-icon i { font-size: 26px; color: var(--oc-navy); }
.value-grid .value-title { font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; color: var(--oc-navy); margin-bottom: 6px; }
.value-grid .value-metric { font-size: 16px; font-weight: 600; color: var(--oc-blue); margin-bottom: 2px; }
.value-grid .value-benefit { font-size: 14px; color: var(--body-color); margin: 0; }

/* platform chips */
.platform-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 10px; }
.platform-chips a { display: inline-block; padding: 6px 14px; border-radius: 50px; border: 1px solid var(--border-color); background: #fff; color: var(--oc-navy); font-size: 14px; font-weight: 500; }
.platform-chips a:hover { border-color: var(--oc-blue); color: var(--oc-blue); }
.platform-chips a.more { color: var(--oc-blue); border-color: transparent; }

/* ---------- logo strips ---------- */
.brand-sec { padding: 70px 0 20px; }
.brand-title { margin-bottom: 30px; }
.platform-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 22px 44px; max-width: 1100px; margin: 0 auto; }
.platform-grid a { display: flex; align-items: center; justify-content: center; width: 120px; height: 44px; }
.platform-grid img { max-height: 34px; max-width: 110px; width: auto; height: auto; object-fit: contain; filter: grayscale(1); opacity: 0.7; transition: all 0.2s ease; }
.platform-grid a:hover img { filter: none; opacity: 1; }
.platform-grid-note { margin-top: 24px; font-size: 15px; color: var(--body-color); }

/* ---------- feature cards ---------- */
.feature-block2 { padding: 36px 36px 28px; border: 1px solid var(--border-color); }
.feature-block2 .oc2-feature-icon { width: 64px; height: 64px; margin-bottom: 22px; background-image: none; background-color: var(--oc-ice); border-color: transparent; }
.feature-block2 .oc2-feature-icon::before, .feature-block2 .oc2-feature-icon::after { display: none; }
.feature-block2 .oc2-feature-icon i { font-size: 30px; color: var(--oc-navy); line-height: 1; }
.feature-block2 .title { font-size: 22px; }
.feature-block2 .title a { color: var(--oc-navy); }
.feature-block2 p { margin-bottom: 0; }
.feature-more { text-align: center; font-size: 22px; font-weight: 600; color: var(--oc-navy); margin: 10px 0 0; }

/* split feature rows */
.feature-content3 .sec-title, .feature-content4 .sec-title { text-align: left; margin: 0 0 24px; max-width: none; }
.feature-content3 .sec-title .title, .feature-content4 .sec-title .title { font-size: 36px; }
.feature-shot img { width: 100%; border-radius: 14px; border: 1px solid var(--border-color); box-shadow: 0 16px 40px rgba(7, 30, 85, 0.08); }
@media (max-width: 991px) { .feature-content3 { padding-right: 0; margin-bottom: 30px; } }

/* choose blocks (three-up cards) */
.choose-block { padding: 36px 26px; }
.choose-icon { margin: 0 auto 18px; background-image: none; background: var(--oc-ice); }
.choose-icon i { font-size: 30px; color: var(--oc-navy); line-height: 1; }
.choose-block .title { font-size: 21px; }
.choose-block p { margin-bottom: 0; }
.choose-info { padding: 90px 50px 60px; }
@media (max-width: 767px) { .choose-info { padding: 50px 20px 30px; } }

/* ---------- testimonials ---------- */
.testimonial-sec { padding: 100px 0; }
.testi-grid .col-lg-4 { margin-bottom: 30px; }
.testi-grid .testi-card { height: 100%; }
.testi-card .quote { font-size: 17px; line-height: 1.6; color: var(--oc-navy); font-style: italic; margin-bottom: 22px; }
.testi-auther { display: flex; align-items: center; gap: 14px; }
.testi-auther .auther { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; margin: 0; }
.testi-auther .name { font-size: 16px; margin: 0 0 2px; color: var(--oc-navy); }
.testi-auther .designation { font-weight: 400; color: var(--body-color); }
.testi-auther .stars { color: #f5b301; font-size: 12px; }

/* ---------- FAQ ---------- */
.faq-sec .sec-title { text-align: left; margin: 0 0 24px; max-width: none; }
.faq-content .sec-title .title { font-size: 36px; }
.vs-accordion .accordion-button { font-family: var(--title-font); font-weight: 600; color: var(--oc-navy); box-shadow: none; }
.vs-accordion .accordion-button:not(.collapsed) { background: #fff; color: var(--oc-blue); }
.vs-accordion .accordion-button:focus { box-shadow: none; }
.vs-accordion .accordion-body { color: var(--body-color); }
.vs-accordion .accordion-collapse.show::after, .vs-accordion .accordion-item::after { display: none !important; }
.faq-contact { margin-top: 26px; }
.faq-contact .btn-style1 { margin: 0 8px 8px 0; }

/* ---------- CTA banner ---------- */
.cta-banner { padding: 0 0 100px; }
.cta-info { padding: 70px 20px; }
.cta-info .sec-title { margin-bottom: 0; }
.cta-info .sec-title .title { font-size: 38px; }

/* ---------- footer ---------- */
.widget-area { padding: 70px 0 10px; }
.footer-wordmark { margin-bottom: 14px; }
.about-widget p { font-size: 15px; line-height: 1.6; margin-bottom: 14px; }
.about-widget .contact-line { margin-bottom: 6px; color: var(--oc-navy); font-weight: 500; }
.about-widget .contact-line a { color: var(--oc-navy); }
.link-title { font-size: 15px; font-weight: 700; color: var(--oc-navy); margin-bottom: 16px; }
.footer-links li { margin-bottom: 6px; }
.footer-links li a { font-size: 15px; line-height: 22px; font-weight: 500; color: var(--oc-navy); }
.footer-links li a:hover { color: var(--oc-blue); }
.footer-sitemap { border-top: 1px solid var(--border-color); padding: 40px 0 10px; }
.footer-sitemap .link-title { font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 12px; }
.footer-sitemap .footer-links li { margin-bottom: 3px; }
.footer-sitemap .footer-links li a { font-size: 13px; line-height: 19px; font-weight: 400; color: var(--body-color); }
.footer-sitemap .footer-links li a:hover { color: var(--oc-blue); }
.footer-sitemap .footer-widget { margin-bottom: 26px; }
.footer-box { margin-bottom: 0; }
.oc2-footer-bottom p { margin: 0; font-size: 14px; }
.oc2-footer-bottom .legal a { color: var(--body-color); margin-right: 16px; font-size: 14px; }
.oc2-footer-bottom .legal a:hover { color: var(--oc-blue); }
.scrol-btn-box button { background: var(--oc-navy); }

/* ---------- top notice strip (homepage) ---------- */
.trust-bar { background: var(--oc-grey); border-bottom: 1px solid var(--border-color); font-size: 13px; color: var(--body-color); position: static; padding: 7px 0; }
.trust-bar-content { max-width: 1310px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: center; align-items: center; gap: 26px; flex-wrap: wrap; }
.trust-item { display: flex; align-items: center; gap: 5px; }
.trust-item strong { color: var(--oc-navy); }
@media (max-width: 767px) { .trust-item:nth-child(n+2) { display: none; } .trust-bar { font-size: 12px; } }

/* ---------- inner page banner ---------- */
.page-banner { padding: 70px 0 40px; }
.page-banner .title { font-size: 44px; }

/* ---------- Bootstrap 4 compatibility for pages not yet re-skinned ---------- */
.form-group { margin-bottom: 1rem; }
.no-gutters { --bs-gutter-x: 0; }
.no-gutters > [class*="col-"] { padding-left: 0; padding-right: 0; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-normal { font-weight: 400 !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.ml-1 { margin-left: .25rem !important; } .ml-2 { margin-left: .5rem !important; } .ml-3 { margin-left: 1rem !important; } .ml-4 { margin-left: 1.5rem !important; }
.mr-1 { margin-right: .25rem !important; } .mr-2 { margin-right: .5rem !important; } .mr-3 { margin-right: 1rem !important; } .mr-4 { margin-right: 1.5rem !important; }
.pl-0 { padding-left: 0 !important; } .pr-0 { padding-right: 0 !important; }
.pl-3 { padding-left: 1rem !important; } .pr-3 { padding-right: 1rem !important; }
.badge-pill { border-radius: 50rem; }
.badge-primary { background: var(--oc-blue); color: #fff; }
.badge-success { background: #28a745; color: #fff; }
.badge-secondary { background: #6c757d; color: #fff; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.custom-select { display: block; width: 100%; padding: .375rem 1.75rem .375rem .75rem; border: 1px solid #ced4da; border-radius: .25rem; }
.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }
.embed-responsive-16by9::before { display: block; content: ""; padding-top: 56.25%; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background: var(--oc-grey); border-radius: .3rem; }
.section-title { font-family: var(--title-font); color: var(--oc-navy); }
.section-subtitle { color: var(--body-color); }
.btn-blue { background: var(--oc-blue); color: #fff; border-radius: 100px; }
.btn-blue:hover { background: var(--oc-navy); color: #fff; }

/* ---------- articles (guides, blog, help, jobs) ---------- */
.article-post { font-family: var(--body-font) !important; font-size: 17px !important; line-height: 1.8 !important; color: #2d3748 !important; }
.article-post h2, .article-post h3, .article-post h4 { font-family: var(--title-font); color: var(--oc-navy); font-weight: 700; margin-top: 2rem; margin-bottom: 0.8rem; }
.article-post a { color: var(--oc-blue); }
.mainheading h1.posttitle, .mainheading h1.sitetitle { font-family: var(--title-font) !important; color: var(--oc-navy) !important; font-weight: 700; font-size: 2.4rem; letter-spacing: -0.02em; }
.mainheading { padding-top: 10px; }
.post-top-meta, .oc2-author-info, .author-info, .help-meta { font-family: var(--body-font); }
.article-post .btn, .article-post button, .topic-cta-inline .btn, .btn-apply { font-family: var(--body-font) !important; border-radius: 100px !important; }
.section-title h2 span { font-family: var(--title-font); }
.breadcrumb-search-row { background: var(--oc-grey) !important; }
.badge.badge-primary { background: var(--oc-blue); color: #fff; }
.text-md-right { text-align: right; }
@media (max-width: 767px) { .text-md-right { text-align: left; } }

/* ---------- inline popup helper ---------- */
.mfp-hide { display: none; }
.oc-popup-backdrop { position: fixed; inset: 0; background: rgba(7, 30, 85, 0.55); z-index: 10050; display: flex; align-items: center; justify-content: center; padding: 20px; }
.oc-popup-box { position: relative; background: #fff; border-radius: 14px; max-width: 560px; width: 100%; max-height: 90vh; overflow: auto; padding: 32px; box-shadow: 0 24px 60px rgba(0,0,0,0.25); }
.oc-popup-close { position: absolute; top: 10px; right: 14px; border: 0; background: none; font-size: 28px; line-height: 1; color: var(--body-color); cursor: pointer; }

/* ---------- small screens ---------- */
html, body { overflow-x: hidden; }
.oc-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; margin-bottom: 1rem; }
.oc-table-scroll > table { margin-bottom: 0; }

/* ---------- round 2 fixes (QA sweep 26 Sep) ---------- */
.sec-title p + p { margin-top: 14px; }
.article-post, .article-post p, .article-post li, .article-post td, .article-post th, .article-post blockquote, .article-post dd, .article-post dt { font-family: var(--body-font) !important; }
.article-post pre, .article-post code { font-family: SFMono-Regular, Menlo, Consolas, monospace !important; }
.article-post code { color: var(--oc-navy); background: var(--oc-ice); padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.9em; }
.article-post pre code { background: none; padding: 0; color: inherit; }
.article-post blockquote { border-left-color: var(--oc-blue); }
@media (max-width: 767px) { .breadcrumb-search-row { flex-direction: column; align-items: stretch !important; gap: 10px; } .breadcrumb-search-row .breadcrumb { flex-wrap: wrap; } }
/* one button language: blue pills */
.btn { border-radius: 100px; font-weight: 600; font-family: var(--body-font); }
.btn-primary, .btn-success, .btn-info { background-color: var(--oc-blue); border-color: var(--oc-blue); color: #fff; }
.btn-primary:hover, .btn-success:hover, .btn-info:hover, .btn-primary:focus, .btn-success:focus { background-color: var(--oc-navy); border-color: var(--oc-navy); color: #fff; }
.btn-outline-primary, .btn-outline-secondary, .btn-outline-dark { color: var(--oc-navy); border-color: var(--border-color5); background: transparent; }
.btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-dark:hover { background: var(--oc-ice); color: var(--oc-navy); border-color: var(--oc-blue); }
.btn-blue, .btn-blue-outline, .btn-blue-line, .btn-blue.small, .btn-blue-line.small { font-family: var(--body-font); font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: 0; text-shadow: none; box-shadow: none; border-radius: 100px; padding: 13px 26px; margin: 12px 6px 0 0; display: inline-block; }
.btn-blue { background: var(--oc-blue); color: #fff; border: 1px solid var(--oc-blue); }
.btn-blue:hover { background: var(--oc-navy); border-color: var(--oc-navy); color: #fff !important; box-shadow: none; }
.btn-blue-outline, .btn-blue-line { background: #fff; color: var(--oc-blue) !important; border: 1px solid var(--oc-blue); }
.btn-blue-outline:hover, .btn-blue-line:hover { background: var(--oc-ice); color: var(--oc-navy) !important; }
.main-pricing-table .cta-row td { vertical-align: middle; }
.main-pricing-table .cta-row .btn-blue, .main-pricing-table .cta-row .btn-blue-outline { margin: 0; padding: 11px 18px; font-size: 15px; }
.blog-item, .blog-item:hover { border-bottom: 1px solid var(--border-color); box-shadow: none; }
.testim-inner:hover { border-bottom-color: var(--border-color); }
.main-services.featured-box { border-bottom-color: var(--border-color); }
.footer-links-cols { column-count: 2; column-gap: 24px; }
.footer-links-cols li { break-inside: avoid; }
.form-control, .form-select { min-width: 0; text-overflow: ellipsis; }
.card-body { border-top: 0; }
.chat-box { border-top-color: var(--border-color); }

/* logo ticker inside the hero */
.hero-sec .trustedby-marquee-section { border: 0; background: transparent; padding: 34px 0 6px; }
.hero-sec .trustedby-marquee-label { margin-bottom: 18px; }
.hero-sec .trustedby-marquee-logo { opacity: 0.6; }
.hero-sec .value-grid { margin-top: 26px; }
/* dropdowns: white panel, soft shadow, ice hover */
.main-menu11 .dropdown-menu, .main-menu11 .sub-menu { background-color: #fff; border: 1px solid var(--border-color); border-radius: 12px; box-shadow: 0 12px 32px rgba(7, 30, 85, 0.10); padding: 10px 0; min-width: 260px; }
.main-menu11 .dropdown-menu li { padding: 0 10px; }
.main-menu11 .dropdown-menu li a, .main-menu11 .sub-menu li a { color: var(--oc-navy); font-size: 15px; padding: 8px 12px; border-radius: 8px; }
.main-menu11 .dropdown-menu li a:hover, .main-menu11 .dropdown-menu .hover-active > a, .main-menu11 .sub-menu li a:hover { background-color: var(--oc-ice); color: var(--oc-blue); }
.main-menu11 > ul > li { position: relative; }
.main-menu11 > ul .has-dropdown:hover > .dropdown-menu, .main-menu11 > ul .has-dropdown.hover-active > .dropdown-menu { opacity: 1; visibility: visible; transform: none; clip-path: none; z-index: 1200; }
.main-menu11 .dropdown-menu .has-submenu:hover > .sub-menu, .main-menu11 .dropdown-menu .has-submenu.hover-active > .sub-menu { opacity: 1; visibility: visible; transform: none; z-index: 1210; }
.main-menu11 .dropdown-menu .sub-menu { top: -10px; bottom: auto; left: calc(100% + 6px); }
.btn-outline-success, .btn-outline-info { color: var(--oc-navy); border-color: var(--border-color5); background: #fff; }
.btn-outline-success:hover, .btn-outline-info:hover { background: var(--oc-ice); color: var(--oc-navy); border-color: var(--oc-blue); }

/* one heading font everywhere */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .posttitle, .section-title { font-family: var(--title-font) !important; }