:root{
    --primary-color:#12247A;
    --secondary-color:#6986E7;
    --bg-color:#EAF3FF;
    --primary-font:'Georgia';
}
html { scroll-behavior: smooth; xscroll-padding-top: 20px; }
body { font-size: 16px; }
p { margin-bottom: 0; }
.main-container .row { margin: 0; }
#masthead:not(.menu-absolute) { top:44px; }
#masthead .dropdown-toggle::after { display: none; }
#masthead .menu-horizontal .menu-smart > li > ul:not(.mega-menu-inner) { left: 0 !important; }

.chrome .col-lg-0, .chrome .col-lg-1, .chrome .col-lg-2, .chrome .col-lg-3, .chrome .col-lg-4, .chrome .col-lg-5, .chrome .col-lg-6, .chrome .col-lg-7, .chrome .col-lg-8, .chrome .col-lg-9, .chrome .col-lg-10, .chrome .col-lg-11, .chrome .col-lg-12 {
    height: auto;
}

a { text-decoration: none; }
#colophon > div > div { margin-inline: auto; }
#colophon .ftr-copy-right { padding-top: 18px; }
#colophon .footer-bg { padding-block: 0 !important; }
.box-wrapper #colophon:is(.site-footer) { display: none; }

#tm-info { max-width: 1480px; }
#tm-info .content p { color:var(--primary-color); }
#tm-info *:not(.badge) { font-family: var(--primary-font); }
#tm-info .most-search-topics *:not(.icon-book), #main-content-wrapper *:not(input, .badge, .content h1, .back-btn) { color: var(--primary-color); }
#tm-info:before { content: ''; top: 0; left: 0; width: 40%; position: absolute; height: calc(100vh - 106px); background: var(--bg-color); }

#tm-info .sidebar .faq-tab { gap: 10px; display: flex; cursor: pointer; }
#tm-info .sidebar, #tm-info .content-area {min-height: calc(100vh - 106px);}
#tm-info .sidebar-wrapper { margin-top: 70px; max-width: calc(100% - 64px); }
#tm-info .sidebar h6 { font-size: 16px; font-weight: 600; margin-bottom: 15px; color: var(--secondary-color); }

#tm-info .accordion-body { padding: 0; padding-left: 10px; }
#tm-info .accordion { --bs-accordion-bg: transparent; --bs-accordion-border-color: transparent; }

#tm-info .accordion-collapse:is(.show){padding-top:5px;}
#tm-info .accordion-item:is(.active){margin-bottom:10px;}
#tm-info .accordion-item:not(:last-child) {margin-bottom: 15px;}
#tm-info .accordion-item { border: none; background: transparent; }
#tm-info .accordion-item:is(.active) .accordion-button, #tm-info .accordion-button:hover { background-color: #cae1ff; }

#tm-info .accordion-button::after { display: none; }
#tm-info .accordion-button > .icon-book { margin-right: 10px; }
#tm-info .accordion-button:not(.collapsed) { color: var(--secondary-color); }
#tm-info .accordion-button:focus { box-shadow: none; border-color: transparent; }
#tm-info .accordion-button { font-weight: 700; padding: 6px 10px; border-radius: 8px; color: var(--secondary-color); }
#tm-info .accordion-button:not(.collapsed) .icon-chevron { transition: transform 0.2s ease-in-out; transform: rotate(-180deg) translateY(50%); }
#tm-info .accordion-item .icon-chevron { top: 50%; right: 10px; position: absolute; transform: translateY(-50%); transition: transform 0.2s ease-in-out; }

#tm-info .sub-item:is(.active) { font-weight: 600; }
#tm-info .sub-item { border: none; font-size: 0.85rem; padding: 8px 12px; background: transparent; transition: all 0.2s ease; color: var(--secondary-color); }

#tm-info .content-area { background: #fff; padding: 33px 0 33px 55px; }

#tm-info .search-bar { position: relative; }
#tm-info .search-bar input, #tm-info .search-bar input::placeholder {color: var(--secondary-color);}
#tm-info .search-bar input { border: 0; font-size: 18px; box-shadow: none; min-height: 80px; font-weight: 700; border-radius: 100px; padding: 10px 50px 10px 20px; background: var(--bg-color); }
#tm-info .search-bar .search-btn { top: 50%; right: 10px; display: flex; cursor: pointer; position: absolute; align-items: center; border-radius: 50%; justify-content: center; transform: translateY(-50%); }

#tm-info .mst-title { font-weight: 600; }
#tm-info .content h1 { font-weight: 600; color:var(--primary-color); }
#tm-info .category-title, #tm-info .mst-title { font-size: 20px; margin-bottom: 25px; }

#tm-info .post-summary .post-title, #tm-info .post-summary .post-excerpt p { font-size: 16px; }
#tm-info .post-summary .post-title, #tm-info .post-summary .post-excerpt { margin-bottom: 25px; }

#tm-info .post-summary .category-badge { margin-bottom: 8px; }
#tm-info .post-summary .category-badge .badge { font-weight: 500; color: #BFD9FF; padding: 10px 15px; border-radius: 100px; background: #334ED2; font-family: 'AntaTrial-Regular'; }

#tm-info .post-summary .post-excerpt p { line-height: 1.5; }
#tm-info .post-divider { margin: 25px 0; border-top: 10px solid var(--bg-color); }
#tm-info .post-summary .read-more-btn { border: 0; letter-spacing: 0; text-decoration: none; text-transform: capitalize; font-family: var(--primary-font) !important; }

#tm-info .back-btn { color: #BFD9FF; background: #334ED2; }
#tm-info .back-btn { border: 0; color: #BFD9FF; letter-spacing: 0; border-radius: 100px; background: #334ED2; font-size: 16px !important; padding: 7.5px 15px !important; }
#tm-info .back-btn .icon-right { height: 12px; margin-top: -2px; margin-right:5px; transform: rotateY(180deg); filter: brightness(0) saturate(100%) invert(86%) sepia(42%) saturate(4564%) hue-rotate(191deg) brightness(116%) contrast(112%); }

#single-post-view { margin-top: 20px; }
#single-post-content { margin-top: 33px; }
#tm-info #single-post-view h1, #tm-info #single-post-view h2, #tm-info .post-content p { font-size: 18px; }

#tm-info #single-post-view h1 { font-weight: 600; margin-bottom: 25px; }
#tm-info #single-post-view ul li { line-height: 1.5; margin-bottom: 5px; }
#tm-info #single-post-view h2, #tm-info .post-content ul, #tm-info .post-content p { margin-bottom: 15px; }

#tm-info .post-content { margin-top: 20px; }
#tm-info .post-content p { line-height: 1.5; }
#tm-info .post-content ul { margin-left: 20px; }
#tm-info .post-content ul li { line-height: 1.5; margin-bottom: 5px; }
#tm-info .spinner-border { width: 3rem; height: 3rem; border-width: 0.3rem; }

/*Carousel*/
#tm-info .carousel .card { border: 0; border-radius: 10px; background: #F8F8F8; }
.most-search-topics .category-title > .icon-book { margin: -3px 2px 0 0; filter: brightness(0) saturate(100%) invert(13%) sepia(87%) saturate(2648%) hue-rotate(221deg) brightness(83%) contrast(96%); }

@media (min-width: 992px) {
    html, body { overflow-y: hidden; }
    body:not(.home) .box-wrapper #masthead .row-menu { background:#fff; }
    #main-content-wrapper { overflow-y: scroll; padding-right: 20px; padding-bottom: 60px; height: calc(100vh - 106px); }
}

@media (max-width: 1600px) {
    #tm-info .search-bar input{min-height:70px;}
    #tm-info .search-bar .search-btn{right: 8px; width: 55px;}
}

@media (max-width: 1520px) {
    #tm-info .content-area { padding: 30px; }
    #tm-info .sidebar-wrapper{margin-inline:auto;}
}
@media (max-width: 1440px) {
    #tm-info .content-area:not(:has(#single-post-view[style="display: none;"])){padding-inline:33px;}
}

@media (max-width: 991.98px) {
    .menu-wrapper { background: #9ebefc; }
    #tm-info:before { width: 100%; height: 100%; }
    #masthead:not(.menu-absolute), #masthead .menu-container { top: 0; }

    #tm-info .sidebar-wrapper { margin-block: 10px 40px; }
    #tm-info .sidebar, #tm-info .content-area {min-height:auto;}

    #tm-info .search-bar input { border: 1px solid; }
    #tm-info:has(#category-view[style="display: none;"]) {padding-top: 0 !important;}
    #tm-info:has(#category-view[style="display: none;"])::before { background: #fff; }
    #tm-info .content-area:has(#single-post-view[style="display: none;"]) { padding: 0; }
    #tm-info:has(#category-view[style="display: none;"]) .m-search-field > div, #tm-info:has(#category-view[style="display: none;"]) .sidebar { display: none; }
}

@media (max-width: 768px) {
    #tm-info .content-area { padding: 20px; }
    #tm-info .search-bar { max-width: 100%; }
}

@media (max-width: 480px) {
    #tm-info:before{display:none;}
    #tm-info .sidebar-wrapper { padding: 20px; border-radius: 10px; margin: 10px auto 40px; max-width: calc(100% - 64px); background: var(--bg-color); }

    #tm-info .content p { font-size: 12px; }
    #tm-info .content h1{font-size:16px;margin-bottom:0;}
    #tm-info .search-bar .search-btn{right:7px;width:35px;}
    #tm-info .search-bar input{border:0;font-size:12px;min-height:46px;}
}