body{
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 1rem;
}

body .container { width: 100% !important; max-width: 1351px !important; padding: 0 15px !important; margin: 0 auto !important; }

.logo:focus-visible{outline: none;}


.top-head{ display: flex; gap:15px; justify-content: space-between; padding: 0;}
.top-head .logo img { height: 6.5rem; padding: 5px 0; }
.top-head .topHeadRight { width: calc(100% - 355px); display: flex; flex-direction: column; gap: 6px; padding-top: 5px; }
.top-head .topHeadCALogin { display: flex; justify-content: end; }
.top-head .topHeadRight .topHeadCALogin ul{ display: flex; gap: 10px; list-style: none; margin: 0 -.35rem; padding: 0; }
.top-head .topHeadRight .topHeadCALogin ul li a{ background: #f87d22 !important; border: none !important; padding: 10px 15px !important; color: #fff; border-radius: 5px; display: flex; align-items: center; gap: 5px; height: 41px; text-decoration: none; font-size: 0.875rem; }
.top-head .topHeadRight .topHeadTaglineSearch{ display: flex; gap:20px; justify-content: end; }
.top-head .topHeadRight .topHeadTaglineSearch .beforeMenuTagline { text-align: center; font-size: 16px; padding: 20px 0 0 0; display: inline-table; color: #ff7500; font-weight: 600; white-space: nowrap; width: calc(100% - 273px); }
.top-head .topHeadRight .topHeadTaglineSearch .input-group { width: 280px !important;}
.top-head .topHeadRight .topHeadTaglineSearch .form-control { height: 40px; max-width: 273px;}
.navbar-expand-lg .navbar-nav { gap: 2px; }
.navbar-expand-lg .navbar-nav .dropdown-item { color: #000 !important; padding: .35rem 1.5rem !important;}
.navbar-expand-lg .navbar-nav .dropdown-item:hover, .navbar-expand-lg .navbar-nav .dropdown-item:active {color: #000 !important; background: #e9ecef !important;}

.navbar-expand-lg .nav-item.navnews .dropdown-menu.show{ width: 667px; margin: 0; padding: 0  0  10px 0;overflow: hidden;display: flex; flex-wrap: wrap; gap: 5px 10px;}
.navbar-expand-lg .nav-item.navnews .dropdown-menu::before { content: 'Browse by Category'; grid-column: 1 / -1; display: block; background: #3b2200; color: rgba(255, 255, 255, 0.70); font-size: 10px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 10px 16px; margin-bottom: 8px; width: 100%; }

.navbar-expand-lg .nav-item.navnews .dropdown-menu .dropdown-item{ font-weight: 600 !important; color: #3b2200 !important; border-bottom: 1px solid #f5ede0 !important; border-radius: 0 !important; padding: 8px 10px 6px !important; margin-top: 4px !important; font-size: 13px !important; color: #3b2200 !important; text-decoration: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.4 !important; transition: background 0.12s, color 0.12s !important; background: transparent !important; }
.navbar-expand-lg .nav-item.navnews .dropdown-menu .dropdown-item:hover{ background: #fdf3e6 !important; color: #7B1A1A !important;}
.navbar-expand-lg .nav-item.navnews .dropdown-menu li { width: calc(33.33% - 7px);}
.navbar-expand-lg .nav-item.navnews .dropdown-menu li:first-child {width: 100%;}
.navbar-expand-lg .nav-item.navnews .dropdown-menu li:first-child a {color: #531101 !important;}
.navbar-expand-lg .nav-item.navnews .dropdown-menu li:first-child a::after { content: ' →'; font-size: 12px; opacity: 0.7; }

.navbar>.container{flex-wrap: nowrap; padding: 0 !important;}

.navbar.bg-dark{background-color: #531101 !important; padding: 10px 5px !important; }
.navbar-expand-lg .navbar-nav .nav-link { color: #fff; padding: 0.35rem !important; }

.nav-donate {background: #f87d22 !important; border-radius: .25rem !important;}
.nav-donate span { display: flex; gap:2px; align-items: center;}

.dropdown-toggle::after { display: inline-block; margin-left: 0; vertical-align: inherit; border: none !important; font-family: "Font Awesome 6 Free" !important; content: '\f078'; border: none !important; font-weight: 900;}

.goog-te-combo {display: none !important;}









.btn-search  { background: #f87d22 !important; border: none!important; padding: 20px 20px !important; margin-left: auto; color: #fff; border-radius: 0 .25rem .25rem 0 !important; }

.btn-search:hover,.btn-search:focus,.btn-search:focus:active{ background: #da670f !important; box-shadow: none !important; text-decoration: none !important; color: #fff; }

.footer .form-control,.footer .form-control:hover,.footer .form-control:focus,.footer .form-control:active{ height: 50px; border: none; box-shadow: none;}
.btn{padding: 15px 40px;}

.btn-donate {background: #f87d22 !important; border: none!important;}
.btn-donate:hover,.btn-donate:focus,.btn-donate:focus:active{ background: #da670f !important; box-shadow: none !important; text-decoration: none !important; }
.btn-donate span{ display: flex !important; align-items: center !important; gap: 5px !important; }

header { position: relative;}
header .btnSDK{background: #f87d22 !important; border: none!important; position: absolute; bottom: 10px; right:10px; z-index: 99; color: #fff; text-decoration: none;  width: 110px; font-size: .85rem; text-align: center; border-radius: 3px; line-height: 1.2; padding: 3px; display: none !important;
}

.btn-primary {background: #f87d22 !important; border: none!important;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:focus:active{ background: #da670f !important; box-shadow: none !important; text-decoration: none !important; }
.btn-donate span{ display: flex !important; align-items: center !important; gap: 5px !important; }


.hero-banner{ background: #fdf5e9 url("../images/sanatankosh-banner.png") no-repeat center / cover; height: 400px; position: relative; }
.hero-banner .bannerImg { width: 100%; object-fit: cover;}
.bannerContent{padding:30px 50px; max-width: 1351px; width: 100%; display: table; margin: 0 auto;}
.bannerContent h1{ font-size:52px; font-weight:700; color:#3c0700;}
.banner-subtitle{ font-size: 20px; color:#1b0901; font-weight: 600; line-height: 1; display: table;}
.bannerContent p{ width: 55%; font-size: 17px; color: #222; line-height: 1.5; margin-top: 22px; padding-right: 100px; }
.bannerBtnBlock{ margin-top:25px; display: flex; gap: 20px;}
.bannerBtnBlock .btn { padding:12px 28px; font-weight: 600;}
.btn-koshBtn{ background:#ea7619; border-color:#ea7619; color: #fff; }
.btn-koshBtn:hover{ background:#cc6d18; border-color:#cc6d18; color: #fff; }
.btn-koshBtnOutline{ background:transparent; border-width: 2px; border-color:#ea7619; color: #ea7619; padding:15px 30px; }
.btn-koshBtnOutline:hover{ background:transparent; border-color:#cc6d18; color: #cc6d18; }
.bannerStats{ display:flex; gap:20px; margin-top:30px; flex-wrap:wrap; color:#000}
.bannerStats .statBox {display: flex; gap: 10px;}
.bannerStats .statBox [class*="fa-"] { font-size: 1.2rem; color:#ea7619;}
.statBox strong{ display:block; font-size:17px;}
.statBox span { font-size: 14px; font-weight: 600; }
.heroBannerPipe {opacity: 0.7; height: 50px; border: 1px solid #eda05c;}


.homeSection{margin:50px 55px; }

.searchstandredWrapper{ max-width:700px; margin:auto; }
.searchAnchor { font-size: 12px; color: #696969; text-decoration: none; display: flex; gap:5px; align-items: baseline; margin-top: 5px; justify-content: end;}
.searchWrapper{ max-width:1200px; margin:auto;}
.info-box{ background: rgba(255, 255, 255, .75); backdrop-filter: blur(12px); border: 1px solid #dfe8ff; border-radius: 10px; padding: 15px; display: flex; align-items: center; flex-wrap: wrap; gap: 15px; position: relative; overflow: hidden; }


.info-icon{ width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, #ea7619, #ff9a3c);
 display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; flex-shrink: 0; }
.info-box .searchHeading{ font-size: 20px; font-weight: 600; }
.info-box p{ color:#64748b; font-size:14px; font-weight: 400; }

.search-card{ background:#fff; border-radius:15px; padding:15px; box-shadow:0 15px 45px rgba(76,94,157,.08); width: 100%; }
.search-tabs{display:flex; gap:20px; margin-bottom:20px; flex-wrap:wrap;}
.search-tab{ border: none; cursor: pointer; font-size: 16px; padding: 7px 15px; border-radius: 5px; font-weight: 500; transition: .3s; display: flex; gap: 5px; align-items: center;}
.search-tab:hover{ transform:translateY(-3px);}
.search-tab.active{ color:#fff; background-color: #3e5b74; /* background: linear-gradient(135deg, #ea7619, #ff9a3c);*/ box-shadow: 0 3px 6px rgba(84, 93, 107, 0.25);}
.search-tab:not(.active){ background:#fff; border:1px solid #e6eaf6; color:#23315f;}


.standredSearch { display:grid; grid-template-columns:2fr auto; gap:10px; margin:0 auto;  width: 100%; max-width: 700px;}
.searchForm{ display:grid; grid-template-columns:2fr 1.5fr 1.4fr auto; gap:20px;}
.searchFormTranslations { display:grid; grid-template-columns:3.6fr 1.4fr auto; gap:20px;}
.input-group{position:relative;}
.input-group i{ position:absolute; left:12px; top:50%; transform:translateY(-50%); color:#23315f; z-index: 2;}

.input-group input, .input-group select{ width:100%; height:44px; border:1px solid #e2e8f0;padding:0 20px 0 40px; outline:none; transition:.3s;  border-radius: 8px !important;}
.input-group select{padding-left:40px;}
.input-group input:focus, .input-group select:focus{ border-color:#f8cfad; box-shadow:none; }
.search-btn{ min-width:150px; border:none; border-radius:10px; background: linear-gradient(135deg, #ea7619 0%, #f28c28 50%, #ffb347 100% ); color:#fff; font-weight:600; cursor:pointer; transition:.3s; box-shadow:0 3px 7px rgba(234,118,25,.25);}

.search-btn:hover{ transform:translateY(-3px);}

@media(max-width:992px){
.searchForm{ grid-template-columns:1fr;}
.search-btn{ width: 100%; height: 44px; border-radius: 10px;}
}

@media(max-width:768px){
.info-box {gap:0;}
.info-icon { width: 28px; height: 28px; font-size: 16px;}
.info-box .searchHeading {font-size: 18px;}
.search-tabs {gap: 10px; margin-bottom: 15px; flex-wrap: nowrap;}
.search-tab{ padding: 7px 10px;}
}



.searchBtnBlock { display: flex; gap:15px; margin-bottom: 15px;}
.searchBtnBlock .btn { padding: 5px 10px;}

.homeExploreKnowledge{background-color: #F2EAD8;}



.titleBlock{margin-bottom:50px; text-align: center;}
.titleBlock h2{ color:#3c0700; font-size:2.5rem; font-weight:700; position: relative; margin-bottom: 20px;}
.titleBlock h2::before {content: '0'; position: absolute; bottom: 0;  left: 50%; transform: translate(-50%, 11px); font-size: 10px; color: #ea7619; }
.titleBlock h2:after { width: 70px; content: ''; position: absolute; bottom: 0; border-bottom: 2px solid #ea7619; left: 50%; transform: translate(-50%, 5px);}
.titleBlock p { max-width: 1200px; margin: 0 auto;}

.vedaCards { display: flex; flex-wrap: wrap; gap:30px; margin-top: 30px;}
.vedaCards .item { width: calc(25% - 22.5px);}

.veda-card, .articleCard{ background:#fff; border-radius:15px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,.08); transition:.3s; height:100%; border: 1px solid #ddd;}
.veda-card:hover, .articleCard:hover{ transform:translateY(-8px);}
.card-body h4{font-size: 1rem; font-weight: 700;}
.card-body p { min-height: 72px;}
.card-body, .article-content{ padding:20px;}
.vedaLink{ color: #ea7619; text-decoration: none; font-weight: 600; font-size: .9rem;}


.knowledgeBox{ text-align:center; border:1px solid #eee; padding:30px 15px; border-radius:10px; background:#fff; height:100%; margin: 0 10px; display: flex; flex-direction: column; align-items: center;}
.knowledgeBox img { width: 60px; margin-bottom: 10px;}

.knowledgeBox h5 {font-size: .95rem; font-weight: 600;}
.knowledgeBox span {font-size: .95rem;}

.articleCard h5{font-size: .95rem; font-weight: 600;}
.articleCard p {font-size: .95rem;}


.slick-arrow { position: absolute; z-index: 999; color: #fff; top: 50%; width: 25px; height: 30px; border: 0; background: rgba(0, 0, 0, .3); transform: translate(0, -50%); font-size: 0.8rem; }
.prev-arrow { left: 0; border-radius: 5px; padding: 0; }
.next-arrow { right: 0; border-radius: 5px; padding: 0; }


.heroBannerCommon { position: relative; width: 100%; min-height: 180px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.heroBannerCommon::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg,rgba(45,8,8,0.82) 0%,rgba(107,26,26,0.70) 50%,rgba(45,8,8,0.55) 100%); }
.heroBannerCommon .heroBannerImg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; }
.heroBannerCommon .heroBannerContent { position: relative; z-index: 2; text-align: center; padding: 30px 24px 50px; max-width: 850px; margin: 0 auto; }
.heroBannerBadge { display: inline-block; font-size: 0.8rem; letter-spacing: 0.25em; color: #D4943A; border: 1px solid rgba(212,148,58,0.5); padding: 6px 20px; border-radius: 100px; margin-bottom: 10px; background: rgba(212,148,58,0.08); }
.heroBannerTitle { font-size: clamp(1.8rem,4vw,2.5rem); font-weight: 700; letter-spacing: -.1px; color: #FFFFFF; line-height: 1.1; margin-bottom: 10px !important; text-shadow: 0 2px 20px rgba(0,0,0,0.4); }
.heroBannerTagline { margin: 0; padding: 0; font-size: 1rem; color: rgba(245,230,200,0.9); letter-spacing: 0.08em; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; align-items: center; }
.heroBannerTagline span.heroBannerPipe { color: var(--cpage-gold-light); opacity: 0.7; }
.heroBannerPCntent { font-size: 0.9rem; color: #fff; line-height: 1.85; margin: 0 0 28px !important; padding: 0 !important; }
.heroBannerScrollHint { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); color: rgba(245,230,200,0.6); font-size: 1.4rem; animation: arrow-bounce 2s ease-in-out infinite; z-index: 2; }

@keyframes arrow-bounce {
    0%,100% {transform: translateX(-50%) translateY(0)}
    50% {transform: translateX(-50%) translateY(6px)}
}



.pageIntroSection{padding: 50px 55px; }
.pageIntroSection .container { max-width: 1200px;}
.pageIntroSection h2{ color:#3c0700; font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight:700; position: relative; margin-bottom: 20px; padding-bottom: 8px;}
.pageIntroSection h2:after { width: 70px; content: ''; position: absolute; bottom: 0; border-bottom: 2px solid #ea7619; left: 0;}
.pageIntroSection p { line-height: 1.8;}
.pageIntroSection p:last-child { margin-bottom: 0;}
.pageIntroSection h3{ color:#3c0700; font-size: clamp(1.2rem, 4vw, 1.8rem); font-weight:700; position: relative; margin-bottom: 20px;}



.mantrasClassification{padding: 0 55px 50px 55px; background-color: ; }
.mantrasClassification .container { max-width: 1200px;}
.mantrasClassification h2{ color:#3c0700; font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight:700; position: relative; }
.mantrasClassification p { line-height: 1.8;}
.mantrasClassification h3{ color:#3c0700; font-size: clamp(1.2rem, 4vw, 1.8rem); font-weight:700; position: relative; margin-bottom: 20px;}

.nav-pills { display: flex; gap: 10px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: var(--bs-nav-pills-link-active-color); background-color: #f87d22; }
.nav-pills .nav-link { background-color: #eee; color: #000; font-weight: 600;}
.nav-link:hover,.nav-link:focus {color: #e96b0b;}

.mantrasClassification .accordion { display: flex; gap:15px 20px; flex-wrap: wrap; align-items: start;}
.mantrasClassification .accordion-item:first-child { border-radius: 5px !important; border: 1px solid #dee2e6 !important;}
.mantrasClassification .accordion-item:not(:first-of-type) { border: 1px solid #dee2e6 !important; border-radius: 5px !important; }
.mantrasClassification .accordion-item { flex: 1 1 calc(50% - 10px);}
.mantrasClassification .accordion-item:hover, .mantrasClassification .accordion-item:focus, .mantrasClassification .accordion-item:focus-visible { background-color: #faf5df; border-color:#fde68a !important; }

.mantrasClassification .accordion-item .accordion-button { display: flex; gap:10px; border: 0; background: transparent; padding: 10px;}
.mantrasClassification .accordion-button span.value { font-size: .8rem; color: #666666;}
.mantrasClassification .accordion-item .accordion-button:focus { box-shadow: none;}
.mantrasClassification .accordion-item .accordion-button:not(.collapsed) { background-color: #faf5df; color: #000 !important; box-shadow:none;}
.mantrasClassification .accordion-content { display: flex; gap:10px; align-items: center;}
.mantrasClassification .accordion-body { background-color: #fff; padding: 10px; display: flex; flex-direction: column; gap: 20px; border-radius: 10px;}

.mantrasClassification .suktaHeading { font-size: 1rem; font-weight: 600; margin-bottom: 5px;}
.mantrasClassification .mantrasGridBlock { display: flex; gap:10px; flex-wrap: wrap; }
.mantrasClassification .mantraBlock {min-width: 48px; padding: 8px; font-weight: 600; text-align: center; background: linear-gradient(135deg, #fdefcf 0%, #fce59c 100%); border: 1px solid #fddb69; border-radius: 5px; cursor: pointer; color: #000; text-decoration: none; font-size: .9rem; transition:.3s;}
.mantrasClassification .mantraBlock:hover{transform: translateY(-3px); background: linear-gradient(135deg, #fcebc3 0%, #fce393 100%);}

.mantraBlock strong { font-size: .8rem;}
.mantraBlock span { font-size: .7rem;}


.availableTranslations{padding: 0 55px 50px 55px;}
.availableTranslations .container { max-width: 1200px;}
.availableTranslations .titleTranslations { display: flex; flex-direction: column;margin-bottom: 20px;}
.availableTranslations .titleTranslations h3{font-size: clamp(1.2rem, 4vw, 1.8rem); font-weight:700; position: relative; margin: 0;}
.availableTranslations .titleTranslations span { font-size: 1rem; font-weight: 700; color: #3c0700;}

.translationsCard{ display:flex; gap:20px; align-items:center; background:#fff; border-radius:15px; padding:15px; box-shadow:0 10px 35px rgba(0,0,0,.08); position:relative; margin:auto; border: 1px solid #eee; transition:.3s; height: 100%; width: 100%;}
.translationsCard:hover {  border: 1px solid #f5c367; transform:translateY(-2px);}

/* .bookCover img{ width:155px; border-radius:10px; display:block; box-shadow:0 10px 25px rgba(0,0,0,.15); } */
.translationsCardContent{ flex:1; height: 100%; display: flex; flex-direction: column; align-items: start;}

.translationsCardContent h3{ font-size:16px; line-height:1.4; color:#0d1b35; margin:0 0 10px 0; font-weight:700;}
.translationsCardContent h3 span{ display:block; font-size:16px; font-weight:500; margin-top: 5px;}

.translationsCardContent .infoItem{ display:flex; align-items:center; gap:10px; padding:7px 0; border-bottom:1px solid #eee; width: 100%;}
.translationsCardContent .infoItem:nth-last-child(2){margin-bottom: 10px;}
.translationsCardContent  .icon{ width:30px; height:30px; background:#efefef; border: 1px solid #ddd; color:#0d1b35; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.8rem;}
.translationsCardContent .text{ font-size: .9rem; color:#1b2430; flex:1; text-align: left;}

.viewBtn{margin-top:10px; display:inline-flex; align-items:center; gap:10px; background:linear-gradient(90deg,#ff9800,#ff7b00); color:#fff; text-decoration:none; padding:10px 15px; border-radius:5px; font-size:.9rem; font-weight:600; transition:.3s; margin-top: auto;}
.viewBtn:hover{transform:translateY(-2px); color: #fff;}

.mantraPageIntro{padding-bottom:28px;}
.mantraBreadcrumb{align-items:center; color:#6b625f; display:flex; flex-wrap:wrap; font-size:.9rem; gap:8px; line-height:1.4; margin-bottom:16px;}
.mantraBreadcrumb a{color:#3c0700; font-weight:700; text-decoration:none;}
.mantraBreadcrumb a:hover{color:#e96b0b;}
.mantraPageIntro p{color:#1b2430; display:flex; flex-wrap:wrap; gap:8px;}
.mantraPageIntro p strong{color:#3c0700;}
.mantraDetailSection{margin-top:0; padding:0 55px 50px;}
.mantraDetailSection .container{max-width:1200px;}
.mantraDetailSection .mantra-selection{margin:0 0 22px;}
.mantraDetailSection .sukta-selection-box{border-color:#f1dfcf; box-shadow:0 10px 35px rgba(0,0,0,.08);}
.mantraDetailSection .scripture-number-toggle{border-color:#f1dfcf; color:#1b2430;}
.mantraDetailSection .scripture-number-toggle .bi:first-child,
.mantraDetailSection .scripture-number-toggle .bi:last-child,
.mantraDetailSection .sukta-menu-toggle{color:#e96b0b;}
.mantraDetailSection .sukta-count-badge{background:#fff4e7; color:#3c0700;}
.mantraDetailSection .scripture-number-btn:hover,
.mantraDetailSection .scripture-number-btn:focus{background:#faf5df; border-color:#f5c367; color:#3c0700;}
.mantraDetailSection .scripture-number-btn.active{background:#f87d22; border-color:#f87d22; color:#fff;}
.mantraThemeCard{background:#fff; border:1px solid #eee; border-radius:15px; box-shadow:0 10px 35px rgba(0,0,0,.08); display:block; padding:18px;}
.mantraThemeCard .mantra-card-corner{justify-content:flex-start; margin-bottom:16px;}
.mantraThemeCard .mantra-corner-btn{background:linear-gradient(90deg,#ff9800,#ff7b00); border-radius:5px; box-shadow:none; font-weight:700; height:auto; min-height:38px; padding:8px 14px; text-decoration:none;}
.mantraThemeCard .mantra-info-meta-line{background:#fff9f1; border:1px solid #f1dfcf; border-radius:8px; color:#5f544d; margin-bottom:16px; padding:12px;}
.mantraThemeCard .mantra-info-meta-line strong,
.mantraThemeCard .mantra-info-label{color:#3c0700;}
.mantraThemeCard .mantra-info-section{border-bottom-color:#eee; color:#173f8a !important; font-size:1.08rem !important; line-height:1.9; padding:16px 0;}
.mantraThemeCard .mantra-info-section p{color:#1b2430; font-size:.9rem; line-height:1.7; margin:10px 0 0;}
.mantraThemeCard .mantra-info-reference-row{color:#5f544d; padding-top:14px !important;}
.mantraThemeCard .mantra-info-reference-row i{color:#e96b0b;}
.mantraThemeCard .samveda-reference-summary{border-top:1px solid #eee; color:#5f544d; margin:16px 0 0; padding-top:14px;}
.mantraThemeCard .samveda-reference-line i,
.mantraThemeCard .samveda-reference-title i{color:#e96b0b;}
.mantraDetailSection .mantra-step-btn{border-color:#f1dfcf; color:#3c0700;}
.mantraDetailSection .mantra-step-btn i{color:#e96b0b;}
.mantraDetailSection .mantra-step-btn:hover:not(:disabled){border-color:#f5c367; box-shadow:0 10px 25px rgba(0,0,0,.08); color:#e96b0b;}
.mantraDetailSection .bhashya-panel{border-top:0; padding-top:0;}
.mantraSectionTitle{display:flex; flex-direction:column; margin-bottom:18px;}
.mantraSectionTitle h3{color:#3c0700; font-size:clamp(1.2rem, 4vw, 1.8rem); font-weight:700; margin:0;}
.mantraSectionTitle span{color:#3c0700; font-size:1rem; font-weight:700;}
.mantraDetailSection .bhashya-frame{border-color:#eee; border-radius:8px; box-shadow:0 10px 35px rgba(0,0,0,.06);}
.mantraDetailSection .bhashya-frame:has(.bhashya-accordion-toggle:not(.collapsed)){border-color:#f5c367;}
.mantraDetailSection .bhashya-accordion-toggle{border-color:#f1dfcf; color:#3c0700;}
.mantraDetailSection .bhashya-accordion-toggle:hover,
.mantraDetailSection .bhashya-accordion-toggle:focus,
.mantraDetailSection .bhashya-accordion-icon{color:#e96b0b;}

@media(max-width:991px){
    .rigvedaCard{flex-direction:column;text-align:center;}
    .card-content h3{font-size:18px;}
    .book-cover img{width:250px;}
}




.footer{ background-color: #531101; color: #fff; font-size: .9rem; font-weight: 300; line-height: 1.8; padding-top: 28px;}
.footer h3{ font-size: 1rem; font-weight: 600; margin-top: 10px; margin-bottom: 15px; color: #fff;}
.footer ul { margin: 0; padding: 0; list-style: none;}
.footer ul.need-help li {display: flex; align-items: baseline; gap:10px; margin-bottom: 5px;}
.footer a { text-decoration: none; color:#fff;}
.footer a:hover{ color: #fff; text-decoration: underline;}
.footer .form-text{ color: #fff;}
.footer ul.social-media{display: flex; gap:15px; margin-top: 10px; font-size: 1.6rem;}
.footer .btn{padding: 15px 40px;}
.footer .btn-donate {background: #f87d22 !important; border: none!important;}
.footer .btn-donate:hover,.footer .btn-donate:focus,.footer .btn-donate:focus:active{ background: #da670f !important; box-shadow: none !important; text-decoration: none !important; }
.footer .btn-donate span{ display: flex !important; align-items: center !important; gap: 5px !important; }
.footer .footerBottom {padding:30px 0; border-top: 1px solid #fff;margin-top: 20px;}
.footer .footerBottom ul{ margin: 0; display: flex; justify-content: center; flex-wrap: wrap; gap:10px; line-height: 1;}
.footer .footerBottom ul li:not(:last-child) {border-right: 1px solid #fff; padding-right: 10px;}

@media (max-width: 767px) {
.top-head{ gap: 0; flex-direction: column; align-items: center; margin-bottom: 16px;}
.top-head .topHeadRight{width: 100%;}
.top-head .topHeadCALogin {justify-content: center;}
.top-head .topHeadRight .topHeadTaglineSearch {justify-content: center; flex-direction: column; gap: 0; overflow: hidden; }
.top-head .topHeadRight .topHeadTaglineSearch .beforeMenuTagline {text-align: center; font-size: 16px; color: rgb(255, 117, 0); font-weight: 600; display: block; width: 100%; box-sizing: border-box; padding: 0px; overflow: hidden; white-space: nowrap;}
.top-head .topHeadRight .topHeadTaglineSearch .beforeMenuTagline div { display: inline-block; padding-left: 100%; animation: 10s linear 0s infinite normal none running marquee; }
 @keyframes marquee { 0% {transform: translateX(0)} 100% {transform: translateX(-100%)} }

.top-head .topHeadRight .topHeadTaglineSearch .input-group {width: 100% !important;}
.top-head .topHeadRight .topHeadTaglineSearch .form-control{ max-width:inherit!important;}
.navbar .container{flex-direction: column;}
.navbar-toggler { margin-left: auto;}
.navbar-toggler:active,.navbar-toggler:hover { text-decoration: none; box-shadow: none !important; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }
.navbar-collapse {width: 100%; padding: 0 15px;}
.navbar-expand-lg .nav-item.navnews .dropdown-menu,.navbar-expand-lg .nav-item.navnews .dropdown-menu.show {width: 100%;}
.navbar-expand-lg .nav-item.navnews .dropdown-menu li { width: 100%;}
.navbar-expand-lg .nav-item.navnews .dropdown-menu .dropdown-item { font-size: 14px;}
.navbar-nav .dropdown-menu { position: absolute; width: 100%; }

header .btnSDK { position: static; width: inherit; padding: 10px; font-size: 1rem; margin: 10px auto; display: table; }

.hero-banner { height: auto; background: #fdf5e9 url(../images/sanatankosh-banner.png) no-repeat left center / cover;}
.bannerContent {padding: 25px 16px;}
.bannerContent h1 { font-size: 27px;}
.banner-subtitle {font-size: 16px;  line-height: 1.5;}
.bannerContent p { width: 100%; font-size: 14px; margin-top: 15px; padding: 0;}
.bannerBtnBlock { margin-top: 10px; display: flex; gap: 15px; flex-wrap: wrap;}
.bannerBtnBlock .btn { padding: 7px; font-weight: 500; font-size: .9rem;}
.btn-koshBtn{ color: #fff; }
.bannerStats { margin-top: 20px; }
.homeSection { margin: 30px 0;}
.pageIntroSection { padding: 30px 0;}
.mantrasClassification { padding: 0 0 30px 0;}
.availableTranslations { padding: 0 0 30px 0;}
.mantraDetailSection { padding: 0 0 30px;}
.mantraThemeCard { padding: 14px;}
.mantraThemeCard .mantra-card-corner { justify-content: stretch;}
.mantraThemeCard .mantra-corner-btn { flex: 1 1 100%;}
.titleBlock h2{font-size: 1.9rem;}
.vedaCards .item { width: inherit;}
.veda-card { margin: 0  5px;}

.slick-dots li button:before { font-size: 20px; line-height: 40px; width: 40px; height: 40px; }

.nav-pills .nav-link span{ display: none;}
.mantrasClassification .accordion-item {flex-basis: 100%;}
.mantrasClassification .mantraBlock { min-width: 52px; }

.availableTranslations .titleTranslations{ align-items: center;}
.mantrasClassification .accordion-content { flex-direction: column; gap:0; align-items: start;}

}