@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/catamaran/v28/o-0IIpQoyXQa2RxT7-5r8zRAW_0.woff2) format('woff2');
  unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/catamaran/v28/o-0IIpQoyXQa2RxT7-5r6zRAW_0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/catamaran/v28/o-0IIpQoyXQa2RxT7-5r5TRA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --primaryfont: 'roboto', sans-serif;
    --secondaryfont: 'Catamaran', sans-serif;
    --dark-blue: #04052e;
    --accent1: #f87a0d;
    --accent2: #52539e;
    --accent3: #5202c0;
    --bs-body-line-height: 1.6;
    --bs-body-color: #3e4750;
    --dark-grey:#1B2336;
}

body {
    font-family: var(--primaryfont);
    font-weight: 400;
}

/* Reset */
a {
    text-decoration: none;
    color: var(--accent2);
}
a:hover, a:focus{
   color: var(--accent1); 
}

.btn-medium {
    --bs-btn-font-size: 16px;
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.5rem;
}

.btn-primary {
    --bs-btn-bg: var(--accent1);
    --bs-btn-border-color: var(--accent1);
    --bs-btn-hover-bg: var(--dark-blue);
    --bs-btn-hover-border-color: var(--dark-blue);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-bg: var(--dark-blue);
    --bs-btn-active-border-color: var(--dark-blue);
    --bs-btn-active-shadow: none;
}

.form-control {
    font-size: var(--basefsize);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 500;
    font-family:var(--secondaryfont);
}


.print-header {
    display: none;
    background: #04052e;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 20px;
}

.navbar-nav {
    --bs-navbar-color: #fff;
    --bs-navbar-hover-color: var(--accent1);
}

.navbar {
    background: #04052E;
    background: linear-gradient(0deg, rgba(4, 5, 46, 1) 0%, rgba(2, 4, 113, 1) 100%);
    --bs-navbar-padding-y: 1rem;
    font-family: var(--secondaryfont);
}

.Hamburger {
    cursor: pointer;
}

@media(min-width:992px) {
    .navbar-nav {
        flex-wrap: wrap;
    }

    .nav-link {
        --bs-nav-link-padding-y: 0;
        white-space: nowrap;
    }

    .Hamburger {
        display: none;
    }
}

.navbar-toggler {
    height: 34px;
}

.navbar-toggler-icon {
    height: 1.2rem;
    width: 1.2rem;
}

.offcanvas {
    background-color: #04052e;
    padding: 10px;
}
.navbar-nav .nav-link.active{
    color:#fda151;
}
@media(min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: wrap;
    }
}

.navbar-nav>li.spl-link>a {
    color: #FCD1AD;
}

.navbar-nav>li.spl-link>a:hover,
.navbar-nav>li.spl-link>a:active,
.navbar-nav>li.spl-link>a:focus {
    color: #fff
}

.offcanvas {
    padding: 1.25rem 0 0 0;
}

@media(max-width:991px) {
    .navbar-nav {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media(max-width:767px) {

    .navbar,
    .navbar>.container {
        display: block;
    }
}


/* Main CSS*/
.Catamaran {
    font-family: var(--secondaryfont)
}
.Accent1{
    color:var(--accent1);
}
.Accent2{
    color:var(--accent2);
}
.Accent3{
    color:var(--accent3);
}
.DarkGrey{
    color:var(--dark-grey);
}
.FwThin {
    font-weight: 100;
}

.FwRegular {
    font-weight: 400;
}

.FwMedium {
    font-weight: 500;
}

.FwSemi {
    font-weight: 600;
}
.FwBold {
    font-weight: 700;
}

.store-info {
    margin-top: 10px;
    color: #9d9fd0;
    font-size: 13px;
    display: flex;
    gap: 4px;
    align-items: center;
    flex-wrap: wrap;
    line-height: 14px;
}

.store-info a {
    color: #9d9fd0;
    white-space: nowrap;
}

.store-info a:hover,
.store-info a:active,
.store-info a:focus {
    color: #fff;
}

.icon-box:before,
.book-price:before,
a.print i.fa {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    color: #fff;
}

.search-type::-webkit-input-placeholder {
    color: #999;
}

.search-type::-moz-placeholder {
    color: #999;
}

.search-type::-ms-input-placeholder {
    color: #999;
}

.search-type::-moz-placeholder {
    color: #999;
}

/* search overlay*/
.SearchOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 999;
    padding-top: 150px;
}

.SearchOverlay.active {
    opacity: 1;
    visibility: visible;
}

.SearchBox {
    width: 100%;
    margin: 0 auto;
    padding: 40px 30px;
    border-radius: 12px;
    position: relative;
    text-align: center;
}

@media(min-width:768px) {
    #search {
        min-width: 600px;
    }

    .SearchBox {
        width: 70%;
    }
}

.SearchIcon {
    cursor: pointer;
}

.SearchBtn {
    background-color: var(--accent1);
}

.SearchBtn:hover {
    background-color: var(--accent2);
}

.CloseBtn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: var(--bs-red);
    color: white;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 600;
    transition: background 0.3s;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
}

.CloseBtn:hover {
    background: var(--accent1);
}

@media (max-width: 768px) {
    .SearchBox {
        padding: 25px 20px;
    }

    .SearchBox input {
        font-size: 1rem;
    }
}

/* search overlay end */

.CartBtn {
    position: relative;
}

.CartBtn .cart-count {
    background-color: var(--accent1);
    color: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: 8px;
    right: 0;
    height: 18px;
    width: 18px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    font-family: var(--secondaryfont);
}
.navbar-brand img {
        width: 200px;
    }
.CartList .CartItem:last-item{
    border-bottom:0!important;    
}

@media(max-width:600px) {
    .navbar-brand img {
        width: 170px;
    }
}

#Subject {
    color: #6e6e6e;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f6f6f6;
}
.CivilExamBook{
    background: #fff;
    color: #DE6600;
    font-weight: 500;
    box-shadow: 0px 0px 3px 0px rgba(248, 122, 13, .2);
    border:0;
    transition: color .75s 
ease-in-out, background-color .75s 
ease-in-out, border-color .75s 
ease-in-out, box-shadow .75s 
ease-in-out;
}
.CivilExamBook:hover, .CivilExamBook:active, .CivilExamBook:focus{
    background: #fff;
    color: var(--accent3);
    border:0;
    outline:0;
    box-shadow: 0px 0px 3px 0px rgba(82, 2, 192, .2);
}
.BrowseSubject {
    overflow: auto;
    font-size:15px;
    font-family:var(--secondaryfont)
}

.BrowseSubject ::-webkit-scrollbar {
    display: none;
}

.BrowseSubject li {
    flex-wrap: nowrap;
    white-space: nowrap;
}

.BrowseSubject a {
    color: #222;
    white-space: nowrap;
}

.BrowseSubject a:hover,
.BrowseSubject a:focus {
    color: var(--accent1);
}

.BrowseSubject strong {
    font-weight: 500;
}

.HomeBanner {
    background: url(../images/hero-banner-bg.webp) no-repeat bottom right;
    padding-top: 50px;
    padding-bottom: 50px;
    background-size:cover;
}

.HomeBanner .carousel-item {
    padding-bottom: 10px;
}

.BannerTxt2 {
    margin-top: 20px;
}

.SlideImg {
    padding: 10px;
}

.BannerImg {
    box-shadow: 8px 8px 0px #a8a8a8;

}

.SlideTxt {
    text-align: center
}

.SlideTxt h1 {
    font-size: 18px;
}

.SlideTxt h3 {
    font-size: 15px;
}

@media(min-width:480px) {
    .SlideTxt h1 {
        font-size: 24px;
    }

    .SlideTxt h3 {
        font-size: 18px;
    }
}

@media(min-width:768px) {

    .SlideTxt {
        text-align: left
    }

    .SlideTxt h1 {
        font-size: 36px;
    }

    .SlideTxt h3 {
        font-size: 24px;
    }
}

@media(max-width:767px) {
    .SlideImg {
        margin-bottom: 1rem;
    }

    .BannerImg {
        width: 60%;
    }
}

#HomeBanner .carousel-indicators {
    clear: both;
    position: relative;
    margin: 20px 0 0 0;
}

.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #000;
    opacity: 1;
    border: 1px solid #fff;
}

.carousel-indicators .active {
    background-color: var(--accent1);
}

.Welcome {
    padding-bottom: 30px;
    padding-top: 30px;
}

.Quality {
    text-align: center;
}
.Quality img{
margin-bottom:10px;
}
@media(min-width:768px) {
    .Welcome {
        padding-bottom: 90px;
        padding-top: 90px;
    }
}

#NewArrival {
    /*background: #f4f4f4;*/
    /*background:url(../images/escheresque.webp)repeat;*/
    background:url(../images/test-bg.png)repeat;
}

#BookGrid .BookGridWrap {
    background: #efeded;
    padding: 1.5rem;
}

#BookGrid .Item>.Well {
    /*background: #fafafa;
    border-color: #e3e3e3;
    border-style: solid;
    border-width: 1px 1px 7px;
    border-radius: 0;*/
    position: relative;
    height: 100%;
    margin-bottom: 0;
   
    /*padding: 8px*/
}
.Well .ImgHolder img, .BookName a{
     -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.Well .ImgHolder img{
    border-radius:.75rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.Well:hover .ImgHolder img{
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
#BookGrid .Item>.Well:hover .BookName a, .NewArrivalSide .Well:hover .BookName a, .ReleatedBooks .Well:hover .BookName a{
    color:var(--accent1);
}
.SmallImgShadow{
    border-radius:.75rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
@media(min-width:768px) {
    #BookGrid .Item>.Well {
       /* padding: 1rem */
    }
}

.BookInfo {
    margin-top: 24px;
}

#BookGrid .Item .ImgHolder {
    text-align: center;
    position: relative;
    
}
#BookGrid .Item .ImgHolder a{
    display:inline-block;
}
.Well .BookName{
    margin-bottom: 10px;
    font-size: 15px;
}

.AuthorName {
    font-size: 14px;
    margin-bottom: 1rem;
    color: var(--accent2);
}

.BookPrice {
    font-size: 16px;
}

.NewPrice {
    font-weight: 500;
    color:var(--dark-grey);
}

#BookGrid .BookGridWrap h3 {
    margin-bottom: 0;
}

.OldPrice {
    text-decoration: line-through;
    color:#878787; 
    font-size:13px;
}
.MRP{
  color:#878787;  
  font-size:13px;
}
.IconBtn{
    display:inline-flex;
    align-items: center;
    gap:8px;
    white-space: nowrap;
}
@media(max-width:575px) {
    #NewArrival {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.SubjectList li {
    border-bottom: 1px solid #e2e2e2;
    flex: 0 0 auto;
    padding: .85rem .5rem;
    font-family: var(--secondaryfont);
    font-size: 17px;
}

.SubjectList a {
    display: flex;
    align-items: baseline;
    color: #000;
    gap: 8px;
}
.SubjectList a:hover {
    color: var(--accent1);
}

.SubjectList a:before {
    --size:14px;
    content: '';
    width: var(--size);
    height: var(--size);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z" fill="%23f87a0d"/></svg>')no-repeat;
    background-size: var(--size);
}

@media(min-width:768px) {
    .SubjectList li {
        min-width: 33.3333%
    }
}

@media(min-width:992px) {
    .SubjectList li {
        min-width: 25%;
    }
}
.BookRow .BookPrice{
	font-size:18px;
	color:var(--dark-grey);
	font-weight:700;
}
.BookTitle a, .BookName a{color:var(--dark-grey); font-weight:700}
.BookTitle a:hover, .BookName a:hover{color:var(--accent1);}
.BookRow .AuthorName{font-size:1rem; color:#7677c9;}

.ImgHolder{
	position:relative;
}
.Offer {
    top: 5px;
    right: auto;
    left: 5px;
    max-width: 97px;
    min-height: auto;
    width: auto;
    height: auto;
    border-radius: 5px;
    padding: 4px 9px 3px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;
    color: #ffffff;
    /* border-right: 50px solid transparent; */
    /* border-top: 50px solid; */
    background-color: var(--accent3);
    content: '';
    color: #fff;
    position: absolute;
    box-shadow: 5px 4px 13px 0 rgb(82 2 192 / 39%);
}

.CustomLinkBox{
    display:inline-flex;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background-color:var(--accent3);
    border-radius: 5px;
    box-shadow: 5px 4px 13px 0px rgb(82 2 192 / 15%);
    padding: 10px 20px; 
    transition: color .75s 
ease-in-out, background-color .75s 
ease-in-out, border-color .75s 
ease-in-out, box-shadow .75s 
ease-in-out;
}
.CustomLinkBox:hover, .CustomLinkBox:focus{
	background-color:#fff;
	color:var(--accent3);	 
}
.LabelOffer {
   font-size: 13px;    
    
    margin-bottom: 8px;
}
.PageContainer{
    padding-top:80px;
    padding-bottom:80px;
}


.BookRow {
    padding: 1rem;
    transition: box-shadow .75s ease-in-out;
    border-radius:10px;
}

.BookRow:hover {
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, .08);
}

.BookRow .ImgHolder img{
    border-radius:.5rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.PriceUnit .BookPrice {
    font-size: 24px;
    display:flex;
    gap:15px;
    align-items:center;
}

.PriceUnit .BookPrice .NewPrice {
    font-weight: 600;
}
.PriceUnit .BookPrice .NewPrice sup{
    top:-0.58em;
    font-size:13px;
    font-weight:400;
}

.Spacifications {
    flex-direction: column;
    gap: 4px
}

.Spacifications li {
    gap: 10px
}

.SpecItem {
    min-width: 140px;
    display: flex;
    justify-content: space-between;
    color:#222;
}

.SpecItem:after {
    content: ':';
    margin-left:5px;
}

.InfoDiv {
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
    margin-top: 1rem;
}

.CartBtnBlock {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}



.Seprator {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #c7c7c7;

}
.InfoDiv .BookTitle{
    font-size:1.125rem;
}

@media(min-width:768px) {
    .BookListingTitle {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .LabelOffer {
        margin-bottom: 0;
    }

    .InfoDiv {
        flex-direction: row;
        justify-content: space-between;
        margin-top: 0;
    }

    .CartBtnBlock {
        flex-direction: column;
        align-items: center;
    }
}

@media(max-width:767px) {
    .BookRow .ImgHolder img {
        width: 100px;
    }
}

#ImgArea .ImgHolder {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    padding: 1rem;
}
#BookDeatilArea .BookTitle {
    font-size:1.365rem;
}
.PriceUnit {
    margin-top: 30px;
    margin-bottom: 30px;
}

.TagBlock {
    color: var(--accent3);
    font-size:20px;
    font-weight:350;
}

.Tag {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M96.5 160L96.5 309.5C96.5 326.5 103.2 342.8 115.2 354.8L307.2 546.8C332.2 571.8 372.7 571.8 397.7 546.8L547.2 397.3C572.2 372.3 572.2 331.8 547.2 306.8L355.2 114.8C343.2 102.7 327 96 310 96L160.5 96C125.2 96 96.5 124.7 96.5 160zM208.5 176C226.2 176 240.5 190.3 240.5 208C240.5 225.7 226.2 240 208.5 240C190.8 240 176.5 225.7 176.5 208C176.5 190.3 190.8 176 208.5 176z" fill="%235202c0"/></svg>');
    width: 18px;
    height: 18px;
}

.PrintBtn {
    --bs-btn-border-color: #c8c8c8;
    --bs-btn-hover-border-color: #c8c8c8;
    --bs-btn-active-border-color: #c8c8c8;
}

.PrintBtn .PrintIcon {
    fill: var(--bs-btn-color);
}

.PrintBtn:hover .PrintIcon,
.PrintBtn:active .PrintIcon {
    fill: #fff;
}

.CustomBtn {
    box-shadow: 5px 4px 13px 0px rgba(0, 0, 0, 0.15);
    border: 0;
    font-weight: 500;
    font-size: .875rem;
    padding: 10px 20px;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.CustomBtnLG{
    font-size: 1.255rem;
    padding: 12px 24px;
    
}
.CustomBtnLG svg{
    width:20px;
    height:20px;
}
.AddCart{
    --bs-btn-bg:var(--accent1);
    --bs-btn-color:#fff;
    --bs-btn-hover-bg:var(--dark-blue);
    --bs-btn-hover-color:#fff;
    --bs-btn-active-bg:var(--dark-blue);
    --bs-btn-active-color:#fff
}
.BuyNow{
   --bs-btn-bg:#DE6600;
--bs-btn-color:#fff;
--bs-btn-hover-bg:var(--dark-blue);
--bs-btn-hover-color:#fff;
--bs-btn-active-bg:var(--dark-blue);
--bs-btn-active-color:#fff
}



.AboutBook b,
.AboutBook strong {
    font-weight: 500
}

.AboutBook h3 {
    font-size: 1.25rem;
}

.AboutBook hr {
    border-top: 1px solid #c4c4c4;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.LargeImg {
    background-color: #fff;
    position: sticky;
    top: 0;
}
.LargeImg img{
    border-radius:10px;
    box-shadow: 11px 10px 38px 0px rgba(46, 63, 99, 0.25);

}
@media(max-width:767px) {
    #ImgArea {
        margin-bottom: 40px;
    }

    .LargeImg {
        width: 70%;
        margin: 0 auto;
    }
}

.Trash {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M232.7 69.9L224 96L128 96C110.3 96 96 110.3 96 128C96 145.7 110.3 160 128 160L512 160C529.7 160 544 145.7 544 128C544 110.3 529.7 96 512 96L416 96L407.3 69.9C402.9 56.8 390.7 48 376.9 48L263.1 48C249.3 48 237.1 56.8 232.7 69.9zM512 208L128 208L149.1 531.1C150.7 556.4 171.7 576 197 576L443 576C468.3 576 489.3 556.4 490.9 531.1L512 208z" fill="%23fff"/></svg>')no-repeat center center;
    width: 16px;
    height: 16px;
    display: block;
}

table th {
    font-weight: 500;
}
#cartPartialContent{
     font-size:14px;
}
.CartList {
    padding-bottom: 200px !important;
}
.CartItem{
    background:#fff;
    border-radius:6px;
    padding:8px;
    box-shadow:0 0 3px 0px rgba(0, 0, 0, .08);
}
.CartItem .BookName a{
    font-weight:500;
    line-height:normal;
    display:block;
}
.CartImg img{
    min-width:70px;
    border-radius:4px;
}
.MiniCartFooter{
    position:absolute;
    bottom:0;
    width:100%;
}
.CartDetailedTotals {
    position: relative;
    display: block;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.CartCummaryLine {
    display: flex;
    justify-content: space-between;
    font-weight:500;
}
.GrandTotal{
    font-size:20px;
}
.MiniCartSummery{
    line-height:normal;
}
 
.CartCount{
    color: #fff;
    background: var(--bs-secondary);
    border-radius: 10px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
}
.ViewCartBtn:hover .CartCount, .ViewCartBtn:focus .CartCount, .ViewCartBtn:active .CartCount{
    color: var(--bs-secondary);
    background:#fff;
}
.offcanvas-backdrop{
background: rgba(0, 0, 0, 0.71);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.1px);
-webkit-backdrop-filter: blur(7.1px);
}
.offcanvas-backdrop.show {
    opacity: 1;
}
.Qty{
    width:70px;
}
.Shoptable{
    font-size:14px;
}
.table>:not(caption)>*>*{
 color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-body-color)));
}
/* footer */
footer {
   
    color: #abaeac;    
    font-family: var(--secondaryfont)
}
.FooterTop{
padding-top: 40px;
background: #04055D ;
background: linear-gradient(180deg,rgba(4, 5, 93, 1) 0%, rgba(4, 5, 47, 1) 100%);
padding-bottom:15px;
}
footer .WidgetTitle {
    color: #eaeaea;
    font-size:18px;
    margin-top:1rem;
}

footer hr {
    margin-top: 5px;
    border-bottom: 1px solid #18194a;
    height: 1px;
}

footer ul.FooterLinks li {
    margin-bottom: 6px;
}

footer a {
    color: #abaeac;
}

footer a:hover,
footer a:focus {
    color: var(--accent1);
}

.MailingList .PanelBody {
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 4px;
    padding: 1rem;
}

.Payment {
    background: #04052F;
    padding-top: 15px;
    padding-bottom: 15px;
}

ul.PaymentList {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;

}

ul.PaymentList li svg {
    width: 34px;
    height: 34px;
}

.large-img .ImgHolder img {
    margin: 0 auto;
}


.InfoRow {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 8px;
}

.Location {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M128 252.6C128 148.4 214 64 320 64C426 64 512 148.4 512 252.6C512 371.9 391.8 514.9 341.6 569.4C329.8 582.2 310.1 582.2 298.3 569.4C248.1 514.9 127.9 371.9 127.9 252.6zM320 320C355.3 320 384 291.3 384 256C384 220.7 355.3 192 320 192C284.7 192 256 220.7 256 256C256 291.3 284.7 320 320 320z" fill="white"/></svg>');
}

.Phone {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z" fill="white"/></svg>')
}

.Fax {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M224 128L224 208L288 208L288 128L434.7 128L480 173.3L480 208L544 208L544 173.3C544 156.3 537.3 140 525.3 128L480 82.7C468 70.7 451.7 64 434.7 64L288 64C252.7 64 224 92.7 224 128zM96 192C78.3 192 64 206.3 64 224L64 512C64 529.7 78.3 544 96 544L144 544C161.7 544 176 529.7 176 512L176 224C176 206.3 161.7 192 144 192L96 192zM544 256L224 256L224 512C224 529.7 238.3 544 256 544L544 544C561.7 544 576 529.7 576 512L576 288C576 270.3 561.7 256 544 256zM288 352C288 338.7 298.7 328 312 328C325.3 328 336 338.7 336 352C336 365.3 325.3 376 312 376C298.7 376 288 365.3 288 352zM288 448C288 434.7 298.7 424 312 424C325.3 424 336 434.7 336 448C336 461.3 325.3 472 312 472C298.7 472 288 461.3 288 448zM400 328C413.3 328 424 338.7 424 352C424 365.3 413.3 376 400 376C386.7 376 376 365.3 376 352C376 338.7 386.7 328 400 328zM376 448C376 434.7 386.7 424 400 424C413.3 424 424 434.7 424 448C424 461.3 413.3 472 400 472C386.7 472 376 461.3 376 448zM488 328C501.3 328 512 338.7 512 352C512 365.3 501.3 376 488 376C474.7 376 464 365.3 464 352C464 338.7 474.7 328 488 328zM464 448C464 434.7 474.7 424 488 424C501.3 424 512 434.7 512 448C512 461.3 501.3 472 488 472C474.7 472 464 461.3 464 448z" fill="white"/></svg>')
}

.Mail {
    background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M.026 24l11.974-11.607 11.974 11.607h-23.948zm11.964-23.961l-11.99 8.725v12.476l7.352-7.127-5.653-4.113 10.291-7.488 10.309 7.488-5.655 4.108 7.356 7.132v-12.476l-12.01-8.725z" fill="%23fff"/></svg>');
}

.FIcons {
    width: 14px;
    height: 14px;
    align-items: center;
    background-size: 14px;
}
.pagination{
 gap:1rem;
    --bs-pagination-padding-x:0;
    --bs-pagination-padding-y:0;
    --bs-pagination-border-width:0;
    --bs-pagination-bg:transparent;
    --bs-pagination-color:#9ba4b1;
    --bs-pagination-hover-bg:transparent;
    --bs-pagination-hover-color:var(--accent1);
    --bs-pagination-hover-color:var(--accent1);    
    --bs-pagination-active-bg: transparent;
    --bs-pagination-active-color: var(--accent3);    
    --bs-pagination-focus-color:var(--accent1);
    --bs-pagination-focus-bg:transparent;
    --bs-pagination-focus-box-shadow:none;
    --bs-pagination-disabled-bg:transparent;
    font-weight:500;
}
.pagination .active>.page-link{
    position:relative;
}

.pagination .active>.page-link:after{
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    border-radius: 5px;
    background:var(--accent1);
}
.ShadowCard{
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
    background:#fff;
    border:0
}
.ShadowCard img{
    width:42px;
    height:42px;
    margin-bottom:8px;
}
.NewArrivalSide {
    border:1px solid #f2f2f2;
    padding:1.5rem 1rem;
    border-radius:10px;
    background:#d3d2fe url(../images/new-arrival-bg.webp)no-repeat top center;
}
.NewArrivalSide .ImgHolder img{
    border-radius:10px;
}

@media(min-width:992px){
.NewArrivalSide{
    position:sticky;
    top:0;
}
.NewArrivals .ImgHolder img{
    width:70%;
}
}
.SummTxt{
    display:flex;
    align-items:center;
    gap:5px;
}
.CartSumm .SummTxt::after{
    content:'';
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2352539e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    width:1.25rem;
    height:1.25rem;
    background-repeat:no-repeat;
    transform 0.2s ease-in-out;
}
.CartSumm:not(.collapsed) .SummTxt::after{
    transform:rotate(-180deg);
    
}
.OrderPostInfo{
    --bs-accordion-active-bg:#fff;
    --bs-accordion-btn-focus-box-shadow:none;
}
.OrderPostInfo .form-check-input:checked {
    background-color: var(--accent2);
    border-color: var(--accent2);
}
.OrderPostInfo .form-check-input{
    margin:0
}
.OrderPostInfo .accordion-button::after {
      display: none; /* remove default arrow */
    }
  .OrderPostInfo  .accordion-button {
      display: flex;
      align-items: center;
     gap:10px;
      cursor: pointer;
    }
  .OrderPostInfo .accordion-button.active {
      background-color:#eaeafd;
      color:var(--accent2);
    }