:root{
  --primary1: 105,56,137; /* #693889 */
  --primary2: 193,173,212; /* #C1ADD4 */
  --primary3: 31,10,51; /* #1F0A33 */
  --bs-body-color: 115,115,115; /* #737373 */
  --color_black: 0,0,0;
  --color_white: 255,255,255;
  --baseFont: 'Mukta Vaani', sans-serif;
  --padding: clamp(1.5625rem, 0.9375rem + 3.125vw, 4.6875rem);
  --mb:1.875rem;
  --bs-breadcrumb-divider: '/';
  --radius: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  --imgPrimary1: invert(26%) sepia(36%) saturate(1313%) hue-rotate(236deg) brightness(95%) contrast(93%);
}

html {scroll-behavior: unset !important;}

body {font-family: var(--baseFont); color:rgb(var(--baseColor)); font-weight: 400; font-variant-ligatures: no-common-ligatures; background: url('../images/body-bg.jpg') left top no-repeat; background-size: 100% 100%;}
a:hover, a:focus {outline: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; color: rgb(var(--primary1));}
button:focus {outline: none;}
a {color: rgb(var(--baseColor));}
.container {width: 100%; max-width: 1320px;}

::selection {color: rgb(var(--color_white)); background: rgb(var(--primary1));}
.padding {padding: var(--padding) 0;}
/* button custom */
.btn-custom {position: relative; --bs-btn-border-color: #E77CAC; background: #E77CAC; color: rgb(var(--color_white)); overflow: hidden; transition: all .2s linear; border-radius: 2.25rem; padding: 0.5rem 1.5rem;}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active {background: rgb(var(--primary1)) !important; color: rgb(var(--color_white)) !important;}

header {--bs-border-color: rgba(var(--primary2));}
header .navbar {padding: 1.5rem 0;}

.nav-tabs {gap: 0.875rem;}
.nav-tabs .nav-link {padding: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: none; border-radius: 0; font-size: 1.5rem; color: rgb(var(--primary3));}
.nav-tabs .nav-link.active {background-color: rgb(var(--primary1)); color: rgb(var(--color_white));}
.nav-tabs .nav-link.last {padding: 0 .75rem; width: auto;}

.download {border-radius: 0.375rem; padding: clamp(1.5625rem, 0.875rem + 3.4375vw, 5rem) clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem); background: linear-gradient(-45deg, #E77CAC, rgba(var(--color_white)) 70%); position: relative; overflow: hidden; min-height: 350px;}
.download h2 {font-size: 2.25rem; color: #E77CAC;}
.download p {color: rgb(var(--primary3));}
.download .books {position: absolute; right: 80px; top: -45px; width: 542px; height: 619px;}

.bottom-text {font-size: 1.25rem; color: rgb(var(--color_white)); text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.50);}

footer {background-color: rgb(var(--primary3)); color: rgb(var(--color_white));}

.tab-container {padding: 2rem 0;}

.accordion .card {margin-bottom: 0.75rem; border-radius: 0;}
.accordion .card-header {font-size: 1.25em; font-weight: 600; background-color: transparent; border-radius: 0;}
.accordion .card-header a {text-decoration: none; --bs-border-color: #D9D9D9; position: relative; padding: 0.75rem 2.5rem 0.75rem 1.5rem;}
.accordion .card-header a:before {content: ''; position: absolute; right: 1rem; top: calc(50% - 16px); width: 32px; height: 32px; background: url('../images/dwn-arrow.png') center center no-repeat; transition: 0.4s;}
.accordion .card-header a:not(.collapsed) {color: rgb(var(--primary1)); --bs-border-color: #F3EFF7;}
.accordion .card-header a:not(.collapsed):before {filter: var(--imgPrimary1); opacity: 1; transform: rotate(180deg);}

.tab-content .card-body {padding: 1rem 1.5rem;}

.totop {bottom: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; position: fixed; right: -60px; z-index: 99; background-color: rgb(var(--primary1)); text-align: center; opacity: 0; border-radius: 50%; box-shadow: 0px 10px 29.7px 3.3px rgba(0, 0, 0, 0.2);}
.totop img{filter: invert(1); transform: rotate(90deg); width: 20px;}