/* Generated by bin/css_bundle.php - do not edit. */

/* ---- assets/css/qs-fonts.css ---- */
@font-face {
font-family: 'Noto Naskh Arabic';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN2DHV20Lg.woff2) format('woff2');
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
font-family: 'Noto Naskh Arabic';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN36HV20Lg.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;
}
@font-face {
font-family: 'Noto Naskh Arabic';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN3oHV20Lg.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;
}
@font-face {
font-family: 'Noto Naskh Arabic';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN2IHV20Lg.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;
}
@font-face {
font-family: 'Noto Naskh Arabic';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN2GHV0.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;
}
@font-face {
font-family: 'Noto Naskh Arabic';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN2DHV20Lg.woff2) format('woff2');
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
font-family: 'Noto Naskh Arabic';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN36HV20Lg.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;
}
@font-face {
font-family: 'Noto Naskh Arabic';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN3oHV20Lg.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;
}
@font-face {
font-family: 'Noto Naskh Arabic';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN2IHV20Lg.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;
}
@font-face {
font-family: 'Noto Naskh Arabic';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeN2GHV0.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;
}
@font-face {
font-family: 'Noto Nastaliq Urdu';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/LhW4MUPbN-oZdNFcBy1-DJYsEoTq5pu3SvoMC9Y.woff2) format('woff2');
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
font-family: 'Noto Nastaliq Urdu';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/LhW4MUPbN-oZdNFcBy1-DJYsEoTq5pu3QfoMC9Y.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;
}
@font-face {
font-family: 'Noto Nastaliq Urdu';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/LhW4MUPbN-oZdNFcBy1-DJYsEoTq5pu3T_oM.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;
}
@font-face {
font-family: 'Noto Nastaliq Urdu';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/LhW4MUPbN-oZdNFcBy1-DJYsEoTq5pu3SvoMC9Y.woff2) format('woff2');
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
font-family: 'Noto Nastaliq Urdu';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/LhW4MUPbN-oZdNFcBy1-DJYsEoTq5pu3QfoMC9Y.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;
}
@font-face {
font-family: 'Noto Nastaliq Urdu';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/LhW4MUPbN-oZdNFcBy1-DJYsEoTq5pu3T_oM.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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/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;
}
@font-face {
font-family: 'Qs Nastaliq Fallback';
src: local('Noto Naskh Arabic'), local('Geeza Pro'), local('Segoe UI'), local('Tahoma'), local('Arial');
ascent-override: 190.4%; descent-override: 59.6%; line-gap-override: 0%;
}
@font-face {
font-family: 'Qs Naskh Fallback';
src: local('Noto Naskh Arabic'), local('Geeza Pro'), local('Segoe UI'), local('Tahoma'), local('Arial');
ascent-override: 106.9%; descent-override: 63.4%; line-gap-override: 0%;
}

/* ---- assets/vendor/fontawesome/css/subset.min.css ---- */
/*!
* Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,0));transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}
.fa-chevron-circle-right:before,.fa-trash-alt:before,.fa-user-times:before,.fa-comment-alt:before,.fa-compress-alt:before,.fa-file-alt:before,.fa-file-lines:before,.fa-calendar-alt:before,.fa-volleyball-ball:before,.fa-sort-desc:before,.fa-circle-minus:before,.fa-right-from-bracket:before,.fa-heart-music-camera-bolt:before,.fa-microphone-alt-slash:before,.fa-magnifying-glass-location:before,.fa-forward-step:before,.fa-face-smile-beam:before,.fa-football-ball:before,.fa-angle-double-down:before,.fa-beer-mug-empty:before,.fa-arrow-up-long:before,.fa-burn:before,.fa-male:before,.fa-face-grin-stars:before,.fa-pastafarianism:before,.fa-spoon:before,.fa-envelopes-bulk:before,.fa-circle-h:before,.fa-address-book:before,.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-file-clipboard:before,.fa-truck-loading:before,.fa-scroll-torah:before,.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-archive:before,.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-face-grin-tongue-squint:before,.fa-earth-africa:before,.fa-tablet-alt:before,.fa-face-flushed:before,.fa-gavel:before,.fa-bell-concierge:before,.fa-pen-ruler:before,.fa-people-arrows-left-right:before,.fa-caret-square-right:before,.fa-cut:before,.fa-digital-tachograph:before,.fa-mail-reply:before,.fa-minus-square:before,.fa-compass:before{content:"\f14e"}.fa-caret-square-down:before,.fa-bars:before,.fa-hourglass-3:before,.fa-heart-broken:before,.fa-external-link-square-alt:before,.fa-face-kiss-beam:before,.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-arrow-right-from-bracket:before,.fa-chevron-circle-down:before,.fa-unlock-alt:before,.fa-headphones-alt:before,.fa-sitemap:before{content:"\f0e8"}.fa-circle-dollar-to-slot:before,.fa-flag:before{content:"\f024"}.fa-volume-down:before,.fa-wheat-alt:before,.fa-check-square:before,.fa-header:before,.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-phone-square-alt:before,.fa-circle-dot:before,.fa-dizzy:before,.fa-futbol-ball:before,.fa-futbol:before,.fa-paint-brush:before,.fa-lock:before{content:"\f023"}.fa-hot-tub-person:before,.fa-map-location:before,.fa-edit:before,.fa-share-alt:before,.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-bag-shopping:before,.fa-shopping-bag:before{content:"\f290"}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-users:before{content:"\f0c0"}.fa-eye-slash:before{content:"\f070"}.fa-hand-paper:before,.fa-face-kiss:before,.fa-face-grin-tongue:before,.fa-face-grin-wink:before,.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-rss-square:before,.fa-hryvnia-sign:before,.fa-face-grin-wide:before,.fa-rod-asclepius:before,.fa-rod-snake:before,.fa-staff-aesculapius:before,.fa-ambulance:before,.fa-angle-right:before{content:"\f105"}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-poo-bolt:before,.fa-face-frown-open:before,.fa-bookmark:before{content:"\f02e"}.fa-folder-blank:before,.fa-file-medical-alt:before,.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-magic-wand-sparkles:before,.fa-pen-alt:before,.fa-user:before{content:"\f007"}.fa-shuttle-van:before,.fa-caret-square-left:before,.fa-bullhorn:before{content:"\f0a1"}.fa-globe:before{content:"\f0ac"}.fa-area-chart:before,.fa-ban:before,.fa-air-freshener:before,.fa-star:before{content:"\f005"}.fa-box:before{content:"\f466"}.fa-arrow-pointer:before,.fa-expand-arrows-alt:before,.fa-shapes:before,.fa-random:before,.fa-person-running:before,.fa-computer-mouse:before,.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}.fa-shop-slash:before,.fa-hourglass-1:before,.fa-right-to-bracket:before,.fa-heart-pulse:before,.fa-people-carry-box:before,.fa-weight-scale:before,.fa-user-friends:before,.fa-arrow-up-a-z:before,.fa-face-laugh-squint:before,.fa-arrow-circle-up:before,.fa-person-walking:before,.fa-fire:before{content:"\f06d"}.fa-bed-pulse:before,.fa-shuttle-space:before,.fa-face-laugh:before,.fa-microphone-alt:before,.fa-mars-stroke-up:before,.fa-champagne-glasses:before,.fa-file-arrow-up:before,.fa-wifi-3:before,.fa-wifi-strong:before,.fa-bath:before,.fa-user-edit:before,.fa-border-style:before,.fa-map-location-dot:before,.fa-poll:before,.fa-battery-car:before,.fa-glasses:before{content:"\f530"}.fa-mars-stroke-h:before,.fa-hand-back-fist:before,.fa-caret-square-up:before,.fa-bar-chart:before,.fa-hands-bubbles:before,.fa-eye-low-vision:before,.fa-plus-square:before,.fa-microphone:before{content:"\f130"}.fa-glass-martini-alt:before,.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-columns:before,.fa-gem:before{content:"\f3a5"}.fa-dolly-box:before,.fa-compress-arrows-alt:before,.fa-angle-double-right:before,.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-eur:before,.fa-euro-sign:before,.fa-check-circle:before,.fa-circle-stop:before,.fa-compass-drafting:before,.fa-face-laugh-beam:before,.fa-chevron-circle-up:before,.fa-gbp:before,.fa-pound-sign:before,.fa-arrow-down-long:before,.fa-mail-reply-all:before,.fa-person-skating:before,.fa-filter-circle-dollar:before,.fa-arrow-circle-down:before,.fa-arrow-right-to-file:before,.fa-external-link-square:before,.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-address-card:before,.fa-contact-card:before,.fa-balance-scale-right:before,.fa-diamond-turn-right:before,.fa-house-laptop:before,.fa-face-tired:before,.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-seedling:before,.fa-arrows-alt-h:before,.fa-arrow-circle-left:before,.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-cloud-bolt:before,.fa-remove-format:before,.fa-face-smile-wink:before,.fa-arrows-h:before,.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-blackboard:before,.fa-user-alt-slash:before,.fa-handshake-alt-slash:before,.fa-arrows-rotate:before,.fa-refresh:before,.fa-shield-alt:before,.fa-atlas:before,.fa-house-chimney-crack:before,.fa-file-archive:before,.fa-glass-martini:before,.fa-person-skiing:before,.fa-temperature-arrow-down:before,.fa-feather-alt:before,.fa-ad:before,.fa-arrow-circle-right:before,.fa-sort:before,.fa-list-1-2:before,.fa-list-numeric:before,.fa-money-check-alt:before,.fa-language:before{content:"\f1ab"}.fa-face-kiss-wink-heart:before,.fa-filter:before{content:"\f0b0"}.fa-arrows-alt:before,.fa-star-half-alt:before,.fa-glass-whiskey:before,.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-krw:before,.fa-won-sign:before,.fa-cab:before,.fa-chart-pie:before,.fa-face-grin-beam:before,.fa-location-pin:before,.fa-map-marker:before{content:"\f041"}.fa-hard-hat:before,.fa-hat-hard:before,.fa-arrow-alt-circle-right:before,.fa-face-rolling-eyes:before,.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-arrow-right:before{content:"\f061"}.fa-map-signs:before,.fa-screwdriver-wrench:before,.fa-heart:before{content:"\f004"}.fa-home-user:before,.fa-cocktail:before,.fa-face-surprise:before,.fa-circle-pause:before,.fa-apple-alt:before,.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-poll-h:before,.fa-circle:before{content:"\f111"}.fa-backward-fast:before,.fa-basketball-ball:before,.fa-arrow-alt-circle-up:before,.fa-mobile-alt:before,.fa-volume-high:before,.fa-burger:before,.fa-wrench:before{content:"\f0ad"}.fa-rupee-sign:before,.fa-circle-question:before,.fa-phone-alt:before,.fa-tags:before{content:"\f02c"}.fa-fast-forward:before,.fa-face-meh-blank:before,.fa-parking:before,.fa-bars-progress:before,.fa-cart-flatbed:before,.fa-ban-smoking:before,.fa-basket-shopping:before,.fa-bus-alt:before,.fa-eye:before{content:"\f06e"}.fa-face-sad-cry:before,.fa-signal-5:before,.fa-signal-perfect:before,.fa-home-lg:before,.fa-face-frown:before,.fa-shop:before,.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-balance-scale-left:before,.fa-sort-asc:before,.fa-comment-dots:before,.fa-face-grin-squint:before,.fa-hand-holding-dollar:before,.fa-hands-praying:before,.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-location-crosshairs:before,.fa-face-grin-tears:before,.fa-phone:before{content:"\f095"}.fa-calendar-times:before,.fa-user-cog:before,.fa-arrow-up-1-9:before,.fa-digging:before,.fa-trash:before{content:"\f1f8"}.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-quote-right-alt:before,.fa-shirt:before,.fa-t-shirt:before,.fa-tenge-sign:before,.fa-arrow-left:before{content:"\f060"}.fa-external-link-alt:before,.fa-table-cells:before,.fa-th:before{content:"\f00a"}.fa-bible:before,.fa-medkit:before,.fa-female:before,.fa-briefcase-clock:before,.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-book-tanakh:before,.fa-phone-volume:before,.fa-tag:before{content:"\f02b"}.fa-comment:before{content:"\f075"}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-envelope:before{content:"\f0e0"}.fa-angle-double-up:before,.fa-arrow-up-9-1:before,.fa-hourglass-empty:before,.fa-user-doctor:before,.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-camera-alt:before,.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-hand-holding-droplet:before,.fa-prescription-bottle-alt:before,.fa-truck:before{content:"\f0d1"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-hard-drive:before,.fa-face-grin-squint-tears:before,.fa-list-alt:before,.fa-person-skiing-nordic:before,.fa-arrow-alt-circle-left:before,.fa-subway:before,.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-crop-alt:before,.fa-money-bill-1:before,.fa-left-long:before,.fa-minus:before,.fa-arrow-left-long:before,.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-cog:before,.fa-droplet-slash:before,.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-arrow-turn-up:before,.fa-square-root-alt:before,.fa-clock-four:before,.fa-backward-step:before,.fa-clinic-medical:before,.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-mobile-android-alt:before,.fa-battery-3:before,.fa-sliders-h:before,.fa-ellipsis-v:before,.fa-long-arrow-alt-right:before,.fa-teletype:before,.fa-hiking:before,.fa-calculator:before{content:"\f1ec"}.fa-cable-car:before,.fa-download:before{content:"\f019"}.fa-face-grin:before,.fa-backspace:before,.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-mobile-android:before,.fa-mobile-phone:before,.fa-face-meh:before,.fa-book-dead:before,.fa-drivers-license:before,.fa-dedent:before,.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-arrow-right-arrow-left:before,.fa-redo-alt:before,.fa-rotate-forward:before,.fa-cutlery:before,.fa-arrow-up-wide-short:before,.fa-broadcast-tower:before,.fa-long-arrow-alt-up:before,.fa-file-arrow-down:before,.fa-bolt:before,.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-face-laugh-wink:before,.fa-arrow-alt-circle-down:before,.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-angle-down:before{content:"\f107"}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}.fa-ellipsis-h:before,.fa-first-aid:before,.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-automobile:before,.fa-book-open-reader:before,.fa-temperature-arrow-up:before,.fa-h-square:before,.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-hands-helping:before,.fa-location-dot:before,.fa-person-swimming:before,.fa-droplet:before,.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-battery-0:before,.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-bars-staggered:before,.fa-reorder:before,.fa-blind:before,.fa-check-to-slot:before,.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}.fa-chain:before,.fa-assistive-listening-systems:before,.fa-play:before{content:"\f04b"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-diagnoses:before,.fa-trash-can-arrow-up:before,.fa-file-edit:before,.fa-pen-square:before,.fa-pencil-square:before,.fa-chevron-down:before{content:"\f078"}.fa-battery-5:before,.fa-battery-full:before,.fa-list-dots:before,.fa-down-long:before,.fa-landmark-alt:before,.fa-television:before,.fa-tv-alt:before,.fa-list-check:before,.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-car-burst:before,.fa-person-snowboarding:before,.fa-shipping-fast:before,.fa-adjust:before,.fa-circle-radiation:before,.fa-baseball-ball:before,.fa-diagram-project:before,.fa-volume-mute:before,.fa-volume-times:before,.fa-grip-horizontal:before,.fa-share-from-square:before,.fa-child-combatant:before,.fa-phone-square:before,.fa-add:before,.fa-plus:before{content:"\2b"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-arrows-up-down-left-right:before,.fa-chalkboard-teacher:before,.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}.fa-trash-arrow-up:before,.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-rocket:before{content:"\f135"}.fa-photo-film:before,.fa-sign-hanging:before,.fa-tablet-android:before,.fa-angle-up:before{content:"\f106"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-car-alt:before,.fa-battery-2:before,.fa-baby-carriage:before,.fa-percent:before,.fa-face-smile:before,.fa-thumb-tack:before,.fa-trophy:before{content:"\f091"}.fa-person-praying:before,.fa-rotate:before,.fa-cogs:before,.fa-face-grin-hearts:before,.fa-transgender-alt:before,.fa-arrow-turn-down:before,.fa-ticket-alt:before,.fa-angle-double-left:before,.fa-clock-rotate-left:before,.fa-face-grin-beam-sweat:before,.fa-arrow-right-from-file:before,.fa-shield-blank:before,.fa-shield:before{content:"\f132"}.fa-arrow-up-short-wide:before,.fa-golf-ball-tee:before,.fa-chevron-circle-left:before,.fa-magic:before,.fa-wine-glass-alt:before,.fa-biking:before,.fa-earth-oceania:before,.fa-square-xmark:before,.fa-times-square:before,.fa-expand-alt:before,.fa-arrows-alt-v:before,.fa-calendar:before{content:"\f133"}.fa-bahai:before,.fa-circle-plus:before,.fa-face-grin-tongue-wink:before,.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-clone:before{content:"\f24d"}.fa-arrow-up-z-a:before,.fa-fire-alt:before,.fa-book-quran:before,.fa-angry:before,.fa-feed:before,.fa-balance-scale:before,.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-desktop-alt:before,.fa-desktop:before{content:"\f390"}.fa-table-list:before,.fa-comment-sms:before,.fa-book:before{content:"\f02d"}.fa-check:before{content:"\f00c"}.fa-battery-4:before,.fa-angle-left:before{content:"\f104"}.fa-fist-raised:before,.fa-image-portrait:before,.fa-earth-europe:before,.fa-cart-flatbed-suitcase:before,.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-book-open:before{content:"\f518"}.fa-book-journal-whills:before,.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-mail-forward:before,.fa-exchange-alt:before,.fa-money-bill-1-wave:before,.fa-hands:before,.fa-sign-language:before,.fa-ladder-water:before,.fa-swimming-pool:before,.fa-arrows-up-down:before,.fa-face-grimace:before,.fa-wheelchair-alt:before,.fa-level-down-alt:before,.fa-envelope-square:before,.fa-band-aid:before,.fa-circle-xmark:before,.fa-times-circle:before,.fa-earth-asia:before,.fa-id-card-alt:before,.fa-magnifying-glass-plus:before,.fa-allergies:before,.fa-coffee:before,.fa-magnifying-glass-minus:before,.fa-user-alt:before,.fa-note-sticky:before,.fa-face-sad-tear:before,.fa-print:before{content:"\f02f"}.fa-try:before,.fa-turkish-lira-sign:before,.fa-dollar-sign:before,.fa-dollar:before,.fa-magnifying-glass-dollar:before,.fa-users-cog:before,.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}.fa-masks-theater:before,.fa-handshake-alt:before,.fa-fighter-jet:before,.fa-share-alt-square:before,.fa-video-camera:before,.fa-graduation-cap:before,.fa-level-up-alt:before,
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../vendor/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(../vendor/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-js-square:before,.fa-reddit-square:before,.fa-instagram-square:before,.fa-hacker-news-square:before,.fa-snapchat-square:before,.fa-google-plus:before{content:"\f2b3"}.fa-google:before{content:"\f1a0"}.fa-font-awesome-alt:before,.fa-linkedin-in:before{content:"\f0e1"}.fa-square-viadeo:before,.fa-dribbble-square:before,.fa-square-twitter:before,.fa-kickstarter:before,.fa-square-youtube:before,.fa-rendact:before,.fa-square-steam:before,.fa-square-vimeo:before,.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-github-square:before,.fa-gitlab-square:before,.fa-wordpress:before{content:"\f19a"}.fa-goodreads:before{content:"\f3a8"}.fa-odnoklassniki-square:before,.fa-pinterest-square:before,.fa-paypal:before{content:"\f1ed"}.fa-facebook-f:before{content:"\f39e"}.fa-google-plus-square:before,.fa-square-xing:before,.fa-42-group:before,.fa-pied-piper-square:before,.fa-tiktok:before{content:"\e07b"}.fa-facebook-square:before,.fa-linkedin:before{content:"\f08c"}.fa-lastfm-square:before,.fa-instagram:before{content:"\f16d"}.fa-facebook:before{content:"\f09a"}.fa-whatsapp:before{content:"\f232"}.fa-wirsindhandwerk:before,.fa-snapchat-ghost:before,.fa-behance-square:before,.fa-goodreads-g:before{content:"\f3a9"}.fa-git-square:before,.fa-square-tumblr:before,.fa-twitter:before{content:"\f099"}.fa-telegram-plane:before,.fa-square-whatsapp:before,.fa-slack-hash:before,.fa-medium-m:before,:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../vendor/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(../vendor/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../vendor/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(../vendor/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../vendor/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(../vendor/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../vendor/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(../vendor/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../vendor/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(../vendor/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../vendor/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(../vendor/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../vendor/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(../vendor/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../vendor/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(../vendor/fontawesome/webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../vendor/fontawesome/webfonts/fa-v4compatibility.woff2) format("woff2"),url(../vendor/fontawesome/webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}

/* ---- assets/vendor/fontawesome/css/subset-shims.min.css ---- */
/*!
* Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
.fa.fa-envelope-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-envelope-o:before{content:"\f0e0"}.fa.fa-star-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-star-o:before{content:"\f005"}.fa.fa-trash-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-trash-o:before{content:"\f2ed"}.fa.fa-home:before{content:"\f015"}.fa.fa-clock-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-clock-o:before{content:"\f017"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-picture-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-picture-o:before{content:"\f03e"}.fa.fa-map-marker:before{content:"\f3c5"}.fa.fa-check-square-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-check-square-o:before{content:"\f14a"}.fa.fa-check-circle-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-check-circle-o:before{content:"\f058"}.fa.fa-eye,.fa.fa-eye-slash{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-calendar:before{content:"\f073"}.fa.fa-bar-chart:before{content:"\e0e3"}.fa.fa-external-link:before{content:"\f35d"}.fa.fa-sign-in:before{content:"\f2f6"}.fa.fa-square-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-square-o:before{content:"\f0c8"}.fa.fa-facebook,.fa.fa-twitter{font-family:"Font Awesome 6 Brands";font-weight:400}.fa.fa-facebook:before{content:"\f39e"}.fa.fa-facebook-f{font-family:"Font Awesome 6 Brands";font-weight:400}.fa.fa-facebook-f:before{content:"\f39e"}.fa.fa-credit-card{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-globe:before{content:"\f57d"}.fa.fa-save{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-save:before{content:"\f0c7"}.fa.fa-google-plus{font-family:"Font Awesome 6 Brands";font-weight:400}.fa.fa-google-plus:before{content:"\f0d5"}.fa.fa-money:before{content:"\f3d1"}.fa.fa-linkedin{font-family:"Font Awesome 6 Brands";font-weight:400}.fa.fa-linkedin:before{content:"\f0e1"}.fa.fa-comments-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-comments-o:before{content:"\f086"}.fa.fa-circle-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-circle-o:before{content:"\f111"}.fa.fa-unlock-alt:before{content:"\f09c"}.fa.fa-compass{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-instagram{font-family:"Font Awesome 6 Brands";font-weight:400}.fa.fa-long-arrow-right:before{content:"\f30b"}.fa.fa-wordpress{font-family:"Font Awesome 6 Brands";font-weight:400}.fa.fa-google{font-family:"Font Awesome 6 Brands";font-weight:400}.fa.fa-newspaper-o{font-family:"Font Awesome 6 Free";font-weight:400}.fa.fa-newspaper-o:before{content:"\f1ea"}.fa.fa-paypal{font-family:"Font Awesome 6 Brands";font-weight:400}.fa.fa-trash:before{content:"\f2ed"}.fa.fa-line-chart:before{content:"\f201"}.fa.fa-whatsapp{font-family:"Font Awesome 6 Brands";font-weight:400}.fa.fa-clone{font-family:"Font Awesome 6 Free";font-weight:400}

/* ---- css/bootstrap.pruned.css ---- */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
@media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../../fonts/glyphicons-halflings-regular.eot');
src: url('../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
}
a:focus {
outline: 0;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive{
display: block;
max-width: 100%;
height: auto;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small{
font-weight: normal;
line-height: 1;
color: #777;
}
h1,
h2,
h3{
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
h2 small,
h3 small{
font-size: 65%;
}
h4,
h5,
h6{
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
h5 small,
h6 small{
font-size: 75%;
}
h1{
font-size: 36px;
}
h2{
font-size: 30px;
}
h3{
font-size: 24px;
}
h4{
font-size: 18px;
}
h5{
font-size: 14px;
}
h6{
font-size: 12px;
}
p {
margin: 0 0 10px;
}
small{
font-size: 85%;
}
mark{
padding: .2em;
background-color: #fcf8e3;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover {
background-color: #286090;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small{
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
blockquote footer:before,
blockquote small:before{
content: '\2014 \00A0';
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
blockquote.pull-right footer:before,
blockquote.pull-right small:before{
content: '';
}
blockquote.pull-right footer:after,
blockquote.pull-right small:after{
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.row {
margin-right: -15px;
margin-left: -15px;
} .col-md-3, .col-lg-3, .col-md-4, .col-md-5, .col-xs-6, .col-sm-6, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-10, .col-xs-12, .col-md-12{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
} .col-xs-6, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-6 {
width: 50%;
}
@media (min-width: 768px) { .col-sm-6, .col-sm-10{
float: left;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-6 {
width: 50%;
}
}
@media (min-width: 768px) { .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
}
@media (min-width: 1200px) { .col-lg-3{
float: left;
}
.col-lg-3 {
width: 25%;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
}
.form-control {
display: block;
width: 100%;
height: 40px;
padding: 10px 15px;
font-size: 15px;
line-height: 1.42857143;
color: #000;
background-color: #fff;
background-image: none;
transition: border 1s;
border: 1px solid #ccc;
}
.form-control:focus {
border: 1px solid #0000008c;
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eee;
opacity: 1;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: 34px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio{
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label{
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"]{
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.radio + .radio{
margin-top: -5px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio.disabled label,
fieldset[disabled] .radio label{
cursor: not-allowed;
}
.has-success .radio,
.has-success.radio label{
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-error .radio,
.has-error.radio label{
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active{
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active{
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc;
}
.btn-primary {
color: #fff;
background-color: #000;
border-color: #000;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active{
color: #fff;
background-color: #000;
border-color: #000;
}
.btn-primary:active,
.btn-primary.active{
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #000;
border-color: #000;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active{
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active{
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-link {
font-weight: normal;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-lg{
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm{
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
visibility: hidden;
}
.collapse.in {
display: block;
visibility: visible;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
}
.dropdown {
position: relative;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"]{
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control {
display: table-cell;
}
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group .form-control:first-child{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group .form-control:last-child{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a{
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > small > a{
color: inherit;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body{
border-top: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition:      -o-transform .3s ease-out;
transition:         transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: absolute;
top: 0;
right: 0;
left: 0;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
min-height: 16.42857143px;
padding: 15px;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
visibility: visible;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.carousel {
position: relative;
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.navbar:before,
.navbar:after,
.panel-body:before,
.panel-body:after{
display: table;
content: " ";
}
.clearfix:after,
.container:after,
.row:after,
.navbar:after,
.panel-body:after{
clear: both;
}
.pull-right {
float: right !important;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}

/* ---- js/owl-carousel/owl.carousel.css ---- */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing {
cursor: url(../../js/owl-carousel/grabbing.png) 8 8, move;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}

/* ---- js/owl-carousel/owl.theme.css ---- */
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);
opacity: 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity=100);
opacity: 1;
text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 10px;
height: 10px;
margin: 5px 5px;
filter: Alpha(Opacity=30);
opacity: 0.3;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 20px;
background: #3498DB;
transition: .4s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
opacity: 1;
transition: .4s;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.owl-item.loading {
min-height: 150px;
background: url(../../js/owl-carousel/AjaxLoader.gif) no-repeat center center
}

/* ---- js/owl-carousel/owl.transitions.css ---- */
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px;
}
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
@-webkit-keyframes empty {
0% {
opacity: 1
}
}
@-moz-keyframes empty {
0% {
opacity: 1
}
}
@keyframes empty {
0% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px);
}
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
transform: translateZ(-500px);
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown {
from {
transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5);
}
}

/* ---- css/style.pruned.css ---- */
@font-face {
font-family: "Bebas-Neue";
font-weight: 100;
src: url("../../fonts/BebasNeue-Thin.ttf");
}
@font-face {
font-family: "Bebas-Neue";
font-weight: 200;
src: url("../../fonts/BebasNeue-Light.ttf");
}
@font-face {
font-family: "Bebas-Neue";
font-weight: 300;
src: url("../../fonts/BebasNeue-Book.ttf");
}
@font-face {
font-family: "Bebas-Neue";
font-weight: 400;
src: url("../../fonts/BebasNeue-Regular.ttf");
}
@font-face {
font-family: "Bebas-Neue";
font-weight: 600;
src: url("../../fonts/BebasNeue-Bold.ttf");
}
body {
overflow-x: hidden;
font-family: 'Roboto',sans-serif;
color: #484848;
}
p {
font-size: 16px;
color: #484848;
font-weight: 400;
font-family: "Roboto",sans-serif;
}
a,
a:hover {
outline: 0;
color: #3498DB;
transition: 0.3s;
-webkit-transition: 0.3s;
text-decoration: none;
}
a
a:hover,
a:focus,
a:active,
a.active {
outline: 0;
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Bebas-Neue', sans-serif;
font-weight: 500 !important;
color: #222222;
}
h1 {
font-size: 60px;
}
h2 {
font-size: 48px;
}
h3 {
font-size: 38px;
}
h4 {
font-size: 28px;
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style: none;
margin: 0;
}
button,
button:hover {
transition: 0.3s;
-webkit-transition: 0.3s;
}
.space20 {	margin-bottom: 20px;}
.space30 {	margin-bottom: 30px;}
.space60 {	margin-bottom: 60px;}
.btn-main {
background: #3498DB;
color: #fff;
border-radius: 5px;
border: none;
line-height: 45px;
padding: 0 24px;
text-transform: none;
letter-spacing: 0.3px;
font-size: 14px;
font-weight: 600;
transition: 0.4s;
-webkit-transition: 0.4s;
margin: 0 auto;
display: table;
}
.btn-main:hover {
background: #111;
color: #Fff;
transition: 0.4s;
-webkit-transition: 0.4s;
}
input:focus, textarea:focus {
outline:0;
}
input[type=checkbox] {
display: none;
}
header {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 999;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.navbar {
background: #676767eb;
text-transform: uppercase;
margin: 0;
border-radius: 0;
border: none;
padding: 5px 0;
position: relative;
top: 0;
left: 0;
right: 0;
}
.navbar a:focus ,
.navbar .navbar-nav li a:focus {
outline: 0;
color: #fff;
}
#intro {
padding: 227px 0 132px;
position: relative;
background: #000 url(../../images/bg/1.jpg) no-repeat top right fixed;
background-size: 100% auto;
overflow: hidden;
}
#intro h2 {
color: #fff;
font-size: 70px;
font-weight: 400;
margin: 25px 0 25px;
line-height: 75px;
}
#intro p {
color: #fff;
font-size: 16px;
font-weight: 300;
margin: 0 0 40px;
padding-right: 25%;
line-height: 25px;
}
#sub-form {
position: relative;
overflow: hidden;
}
#result {
text-align: center;
position: absolute;
top: 103%;
left: 60px;
right: 0px;
display: block;
margin: 0px auto;
font-size: 11px;
color: #fff !important;
max-width: 100%;
padding: 0px 12px;
}
#result a {
color: #000 !important;
}
#result em {
font-style:normal;
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.2;
}
.term-popup {
cursor: pointer;
}
.terms {
position: fixed;
z-index: -15;
visibility: hidden;
opacity: 0;
transition: 0.5s;
-webkit-transition: 0.5s;
width: 90%;
max-height: 90%;
overflow: scroll;
overflow-x: hidden;
max-width: 1170px;
height: auto;
background: #FFF;
top: 17%;
left: 0;
right: 0;
margin: 0 auto;
display: table-cell;
vertical-align: middle;
padding: 50px;
box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}
.terms h3 {
font-size: 30px;
margin: 0 0 30px;
border-bottom: 2px solid #e1e1e1;
padding-bottom: 15px;
}
.terms ul li {
list-style: decimal;
margin-left: 15px;
margin-bottom: 15px;
font-size: 13px;
line-height: 23px;
}
.t-close {
position: absolute;
right: 25px;
top: 25px;
font-size: 30px;
opacity: 0.2;
transition: 0.4s;
-webkit-transition: 0.4s;
cursor: pointer;
}
.t-close:hover {
opacity: 1;
transition: 0.4s;
-webkit-transition: 0.4s;
}
.terms-active {
position: fixed;
z-index: 9999999;
visibility: visible;
opacity: 1;
transition: 0.5s;
-webkit-transition: 0.5s;
}
.overlay-dark {
background: #000;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: -20;
transition: 0.5s;
-webkit-transition: 0.5s;
}
.overlay-dark.active {
z-index: 99999;
visibility: visible;
opacity: 0.5;
transition: 0.5s;
-webkit-transition: 0.5s;
}
#services {
padding: 40px 0;
}
#features {
background: #3498DB;
padding: 75px 0 0;
}
#features h3 {
background: #3498DB;
display: table;
padding: 9px 15px;
text-transform: uppercase;
font-size: 20px;
font-weight: 700;
color: #fff;
}
.ic-inner img {
border-radius: 5px;
}
.ic-inner .btn-primary {
font-size: 12px;
background: transparent;
padding: 10px 25px;
border-radius: 7px;
color: #b70021;
border: 1px solid #b70021;
}
.ic-inner .btn-primary:hover {
font-size: 12px;
background: #b70021;
padding: 10px 25px;
border-radius: 7px;
color: #fff;
border: 1px solid #b70021;
}
.ic-inner h4 {
font-size: 23px;
font-weight: 900;
margin: 20px 0 15px;
}
.ic-inner p {
font-size: 13px;
line-height: 20px;
}
#quote-slider .owl-controls {
margin-top: 10px;
text-align: center;
position: absolute;
bottom: 25px;
display: block;
margin: 0 auto;
left: 0;
right: 0;
}
#services2 {
background: #f1f1f1;
padding: 100px 0 50px;
}
#services2 i {
background: #3498DB;
width: 75px;
height: 75px;
line-height: 75px;
text-align: center;
color: #FFF;
font-size: 25px;
float: left;
border-radius: 50%;
}
#services2 .col-md-4 {
margin-bottom: 50px;
}
#clients {
padding: 40px 0;
background: #f8f8f8;
}
#clients h3 {
margin: 0px 0px 30px;
font-size: 30px;
font-weight: 900;
text-transform: inherit;
text-align: center;
}
#clients ul {
padding: 0px 0px;
margin: 0 -25px;
}
#clients ul li {
float: left;
margin: 0;
list-style: none;
width: 20%;
position: relative;
padding: 0 15px;
}
#clients ul li img {
opacity: 0.2;
transition: 0.4s;
-webkit-transition: 0.4s;
}
#clients ul li:hover img {
opacity: 1;
transition: 0.4s;
-webkit-transition: 0.4s;
-webkit-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
#map {
display: block;
width: 100%;
height: 400px;
margin: 0 auto;
}
#map img {
max-width: none !important;
height: auto;
}
#footer {
background: #fff;
padding: 40px 0;
padding-top: 80px;
padding-bottom: 10px;
display: table;
width: 100%;
margin-top: 40px;
}
#contact-info {
margin-bottom: 0px;
}
#footer h5 {
font-size: 25px;
font-weight: 900;
color: #000;
margin: 0 0 50px;
}
#footer h5 span {
font-weight: 600;
}
#incompleteMessage i {
color: #f1c40f;
font-size:15px;
margin-right:5px;
}
#contactForm input {
width: 100%;
border: none;
border: 1px solid #e1e1e1;
height: 65px;
margin-bottom: 15px;
background: transparent;
padding: 15px 15px;
color: #000;
font-size: 15px;
border-radius: 3px;
}
#contactForm textarea {
width: 100%;
color: #000;
border: none;
border: 1px solid #e1e1e1;
height: 145px;
margin-bottom: 15px;
background: transparent;
padding: 10px 15px;
font-size: 15px;
border-radius: 3px;
}
#contactForm p {
font-size: 13px;
}
.footer-copy {
background: #fff;
}
.footer-copy p {
padding: 10px 0;
color: #000000;
font-size: 13px;
line-height: 2.2;
font-weight: 100;
}
.footer-copy p a {
color:#000;
}
.footer-copy p a:hover {
color:#b70121;
}
.modal-content {
position: relative;
background-clip: padding-box;
border: none;
border-radius: 0px;
outline: 0px none;
box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
padding: 0;
margin: 0 auto;
height: 70%;
margin-top: 5%;
top: 0;
}
.modal-content .container {
padding: 0;
}
@media only screen and (min-width: 960px)  and (max-width: 1150px)  {
#intro {
background-size: 130% auto;
}
}
@media only screen and (min-width: 768px)  and (max-width: 959px)  {
#intro {
background-size: auto 100%;
padding: 160px 0px 132px;
}
#intro h2 {
font-size: 48px;
line-height: 56px;
}
#result {
left: 0px;
}
#intro p {
font-size: 14px;
margin: 0px 0px 30px;
padding-right: 15px;
line-height: 25px;
}
#features .col-md-3 {
width: 100%;
float: none;
}
#features .col-md-4 {
width: 45%;
}
#features .col-md-5 {
width: 55%;
}
#features h3 {
display: table;
margin: 0 auto 20px;
;
}
#features .space60 {
margin-bottom: 20px;
}
.ic-inner p {
font-size: 12px;
}
#services2 i {
width: 65px;
height: 65px;
line-height: 65px;
}
#contactForm p {
font-size: 10px;
}
.modal-content {
margin: 35% auto 0px;
height: auto;
}
}
@media only screen and (max-width: 767px)  {
#result {
left: 0px;
}
.modal-content {
width:90%;
margin: 50% auto 0px;
height: auto;
}
.terms {
width: 90%;
max-height: 80%;
top: 10%;
padding: 40px;
}
.container {
width: 100%;
max-width: 400px;
}
#intro {
background-size: auto 100%;
padding: 160px 0px 132px;
}
#intro p {
font-size: 13px;
margin: 0px 0px 30px;
}
#intro h2 {
font-size: 45px;
margin: 25px 0px 40px;
line-height: 50px;
text-align: center;
}
#intro {
background-size: auto 100%;
}
header {
height:70px;
}
#intro p {
font-size: 14px;
margin: 0px 0px 20px;
line-height: 24px;
padding: 0;
text-align: center;
}
#services {
padding: 100px 0px 60px;
}
#features h3 {
margin: 0px 0px 20px;
}
.ic-inner {
margin-bottom: 30px;
}
#quote-slider .item img {
display: none;
}
#quote-slider .owl-controls {
bottom: -50px;
}
.footer-copy p {
font-size: 13px;
text-align: center;
margin: 0 0 30px;
}
.navbar-toggle {
border: none !important;
margin-top: 17px;
margin-right: 0px;
}
.navbar-toggle:hover {
background: #fff !important;
}
.navbar-toggle:focus {
background: transparent !important;
}
}

/* ---- css/noty.min.css ---- */
.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
position: fixed;
margin: 0;
padding: 0;
z-index: 9999999;
-webkit-transform: translateZ(0) scale(1, 1);
transform: translateZ(0) scale(1, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
filter: blur(0);
-webkit-filter: blur(0);
max-width: 90%; }
#noty_layout__top {
top: 0;
left: 5%;
width: 90%; }
#noty_layout__topLeft {
top: 20px;
left: 20px;
width: 325px; }
#noty_layout__topCenter {
top: 5%;
left: 50%;
width: 325px;
-webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }
#noty_layout__topRight {
top: 20px;
right: 20px;
width: 325px; }
#noty_layout__bottom {
bottom: 0;
left: 5%;
width: 90%; }
#noty_layout__bottomLeft {
bottom: 20px;
left: 20px;
width: 325px; }
#noty_layout__bottomCenter {
bottom: 5%;
left: 50%;
width: 325px;
-webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }
#noty_layout__bottomRight {
bottom: 20px;
right: 20px;
width: 325px; }
#noty_layout__center {
top: 50%;
left: 50%;
width: 325px;
-webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }
#noty_layout__centerLeft {
top: 50%;
left: 20px;
width: 325px;
-webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }
#noty_layout__centerRight {
top: 50%;
right: 20px;
width: 325px;
-webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }
.noty_progressbar {
display: none; }
.noty_has_timeout.noty_has_progressbar .noty_progressbar {
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 100%;
background-color: #ffffff;
opacity: 0.7;
filter: alpha(opacity=10); }
.noty_bar {
-webkit-backface-visibility: hidden;
-webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
-ms-transform: translate(0, 0) scale(1, 1);
transform: translate(0, 0) scale(1, 1);
-webkit-font-smoothing: subpixel-antialiased;
overflow: hidden; }
.noty_effects_open {
opacity: 0;
-webkit-transform: translate(50%);
-ms-transform: translate(50%);
transform: translate(50%);
-webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.noty_effects_close {
-webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.noty_fix_effects_height {
-webkit-animation: noty_anim_height 75ms ease-out;
animation: noty_anim_height 75ms ease-out; }
.noty_close_with_click {
cursor: pointer; }
.noty_close_button {
position: absolute;
top: 2px;
right: 2px;
font-weight: bold;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 2px;
cursor: pointer;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out; }
.noty_close_button:hover {
background-color: rgba(0, 0, 0, 0.1); }
.noty_modal {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
z-index: 10000;
opacity: .3;
left: 0;
top: 0; }
.noty_modal.noty_modal_open {
opacity: 0;
-webkit-animation: noty_modal_in .3s ease-out;
animation: noty_modal_in .3s ease-out; }
.noty_modal.noty_modal_close {
-webkit-animation: noty_modal_out .3s ease-out;
animation: noty_modal_out .3s ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
@-webkit-keyframes noty_modal_in {
100% {
opacity: .3; } }
@keyframes noty_modal_in {
100% {
opacity: .3; } }
@-webkit-keyframes noty_modal_out {
100% {
opacity: 0; } }
@keyframes noty_modal_out {
100% {
opacity: 0; } }
@keyframes noty_modal_out {
100% {
opacity: 0; } }
@-webkit-keyframes noty_anim_in {
100% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1; } }
@keyframes noty_anim_in {
100% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1; } }
@-webkit-keyframes noty_anim_out {
100% {
-webkit-transform: translate(50%);
transform: translate(50%);
opacity: 0; } }
@keyframes noty_anim_out {
100% {
-webkit-transform: translate(50%);
transform: translate(50%);
opacity: 0; } }
@-webkit-keyframes noty_anim_height {
100% {
height: 0; } }
@keyframes noty_anim_height {
100% {
height: 0; } }

/* ---- css/custom.pruned.css ---- */
.img-responsive {
max-width: 100%;
width: 100%;
}
.rating-input {
font-size: 28px;
}
.book-description {
text-align: justify;
max-height: 10em;
}
.book-description2 * {
color: #000 !important;
}
.urdut {
font-size:20px !important;
}
.report i {
color: red;
}
.book_title {
margin-top: 0;
}
.books .col-md-3 {
text-align: center;
}
.books .col-md-3 h3 {
margin-bottom: 30px;
}
.featured-books {
background-color: #f8f8f8;
padding-bottom: 20px;
}
#login .modal-content {
margin-top: 15%;
}
#login .modal-body .row {
margin: 20px 0;
}
#login .modal-body .row h4 {
font-size: 22px;
margin: 20px 0;
margin-bottom: 30px;
}
.modal-title {
font-size: 25px;
}
.modal-header .close {
margin-top: 0;
padding: 7px 11px;
}
#forgotPassword .modal-content {
margin-top: 35%;
}
#forgotPassword .modal-backdrop.in {
opacity: 0.8;
}
#howitworks {
background: #f8f8f8;
padding: 70px 0;
}
#howitworks img {
margin-bottom: 70px;
}
.book-rating {
margin: 10px 0;
}
.book-rating i {
font-size: 18px;
}
.book-details p:nth-child(1) {
font-size: 18px;
}
.book-details {
margin: 30px 0;
}
.report {
margin: 20px 0;
}
.author-description {
text-align: justify;
}
a,
a:hover {
color: #3498DB;
}
.btn-main {
background: #3498DB;
}
#features {
background: #f8f8f8;
}
#features h3 {
color: #fff;
}
#services2 i {
background: #b70021;
}
.footer-copy {
padding-top: 40px;
}
.footer-copy p a {
color: #000;
line-height: 1.3;
}
.footer-copy p a:hover {
color: #b70021;
}
.padding-120 {
padding: 120px 0;
}
.book_cover {
width: 170px;
height: 240px;
}
li.main{
position:relative;
width:175px;
height:225px;
overflow:hidden;
}
li.main:hover > .sub{
bottom:0;
transition: bottom 0.8s ease;
}
div.sub{
position:absolute;
bottom:-225px;
width:175px;
height:225px;
background-color: rgba(0,0,0,0.7);
border-right: 5px solid #3498db;
transition: bottom 0.4s ease;
color: #fff;
padding: 5px;
padding-left: 10px;
}
div.sub h4, div.sub h6{
color: #fff;
}
div.sub p {
font-size: 11px;
color: #fff;
}
#login form {
margin-top: -20px;
}
#login_error p {
color: #ff0000;
}
.sidebar {
background: #f8f8f8;
margin-top: 60px;
padding: 20px;
border-radius: 5px;
}
.sidebar-widget {
margin: 20px 0;
}
.sidebar-widget h3 {
margin-top: 0px;
border-bottom: 1px solid #f1f1f1;
padding-bottom:12px;
}
.morphsearch {
width: 100px;
right: 65px;
top: 100px;
min-height: 40px;
background: #f8f8f8;
z-index: 998;
position: absolute;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition-property: min-height, width, top, left;
transition-property: min-height, width, top, left;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.morphsearch.open {
width: 100%;
min-height: 100%;
top: 0px;
right: 0px;
z-index: 1000
}
.morphsearch-form {
width: 100%;
height: 40px;
margin: 0 auto;
position: relative;
-webkit-transition-property: width, height, -webkit-transform;
transition-property: width, height, transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.morphsearch.open .morphsearch-form {
width: 80%;
height: 160px;
-webkit-transform: translate3d(0,3em,0);
transform: translate3d(0,3em,0);
}
.morphsearch-input {
width: 100%;
height: 100%;
padding: 0 10% 0 10px;
font-weight: 700;
border: none;
background: transparent;
font-size: 0.8em;
color: #3498DB;
-webkit-transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
}
.morphsearch-input::-ms-clear {
display: none;
}
.morphsearch.open .morphsearch-input {
font-size: 7em;
}
.morphsearch-input::-webkit-input-placeholder {
color: #c2c2c2;
}
.morphsearch-input:-moz-placeholder {
color: #c2c2c2;
}
.morphsearch-input::-moz-placeholder {
color: #c2c2c2;
}
.morphsearch-input:-ms-input-placeholder {
color: #c2c2c2;
}
input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.morphsearch-input:focus,
.morphsearch-submit:focus {
outline: none;
}
.morphsearch-submit {
position: absolute;
width: 80px;
height: 80px;
text-indent: 100px;
overflow: hidden;
right: 0;
top: 50%;
background: transparent url(../img/magnifier.svg) no-repeat center center;
background-size: 100%;
border: none;
pointer-events: none;
transform-origin: 50% 50%;
opacity: 0;
-webkit-transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
}
.morphsearch.open .morphsearch-submit {
pointer-events: auto;
opacity: 1;
-webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.morphsearch-close {
width: 36px;
height: 36px;
position: absolute;
right: 1em;
top: 1em;
overflow: hidden;
text-indent: 100%;
cursor: pointer;
pointer-events: none;
opacity: 0;
-webkit-transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
}
.morphsearch.open .morphsearch-close {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.morphsearch-close::before,
.morphsearch-close::after {
content: '';
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 50%;
border-radius: 3px;
opacity: 0.2;
background: #000;
}
.morphsearch-close:hover.morphsearch-close::before,
.morphsearch-close:hover.morphsearch-close::after {
opacity: 1;
}
.morphsearch-close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.morphsearch-close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.morphsearch-content {
color: #333;
width: 100%;
height: 0;
overflow: hidden;
padding: 0 10.5%;
background: #f1f1f1;
position: absolute;
pointer-events: none;
opacity: 0;
}
.morphsearch.open .morphsearch-content {
opacity: 1;
height: auto;
overflow: visible;
pointer-events: auto;
-webkit-transition: opacity 0.3s 0.5s;
transition: opacity 0.3s 0.5s;
}
#search {
box-shadow: 1px 1px 20px rgba(169, 169, 169, 0.62);
}
.open #search {
box-shadow: none;
}
.dummy-column {
width: 45%;
padding: 0 0 6em;
float: left;
opacity: 0;
-webkit-transform: translate3d(0,100px,0);
transform: translateY(100px);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;
}
.morphsearch.open .dummy-column:first-child {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.morphsearch.open .dummy-column:nth-child(2) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.morphsearch.open .dummy-column:nth-child(3) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.morphsearch.open .dummy-column {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.dummy-column:nth-child(2) {
margin: 0 5%;
}
.dummy-column h2 {
font-size: 1em;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 800;
color: #c2c2c2;
padding: 0.5em 0;
}
.round {
border-radius: 50%;
}
.dummy-media-object {
padding: 0.75em;
display: block;
margin: 0.3em 0;
cursor: pointer;
border-radius: 5px;
background: rgba(118,117,128,0.05);
}
.dummy-media-object:hover,
.dummy-media-object:focus {
background: rgba(118,117,128,0.1);
}
.dummy-media-object img {
display: inline-block;
width: 50px;
margin: 0 10px 0 0;
vertical-align: middle;
}
.dummy-media-object h3 {
vertical-align: middle;
font-size: 1.1em;
display: inline-block;
font-weight: 700;
margin: 0 0 0 0;
width: calc(100% - 70px);
color: #000;
}
.dummy-media-object:hover h3 {
color: #3498DB;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.morphsearch.open ~ .overlay {
opacity: 1;
}
.loader img {
margin: 0 auto;
display: block;
width:50px;
} .author_image_modal{
height: 200px !important;
width:  auto !important;
margin: 0 auto;
margin-bottom: 40px;
border-radius: 5px;
box-shadow: 0 15px 19px #b9b9b9;
}
.book_image_modal {
margin-bottom: 40px;
}
.author-name {
margin-top: 0;
font-weight: bolder;
font-size: 40px;
color: #000;
text-transform: capitalize;
}
.book-name {
margin-top: 0px;
font-weight: bolder;
font-size: 20px;
color: #000;
text-transform: capitalize;
}
.author-description {
margin-top: 20px;
max-height: 6em;
}
@media screen and (max-width: 53.125em) {
.morphsearch-input {
padding: 0 25% 0 10px;
}
.morphsearch.open .morphsearch-input {
font-size: 2em;
}
.dummy-column {
float: none;
width: auto;
padding: 0 0 2em;
}
.dummy-column:nth-child(2) {
margin: 0;
}
.morphsearch.open .morphsearch-submit {
-webkit-transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
}
}
@media screen and (max-width: 60.625em) {
.morphsearch {
width: 100px;
top: 12%;
right: 10%;
}
.genre-module section  h1, .genre-module  section  p {
text-align: center;
margin-left: 0px !important;
}
}
.genre_books {
padding: 20px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.genre_books .row {
margin: 40px 0 ;
}
.genre_books .genre_book img {
height: 200px !important;
width: auto !important;
margin: 0 auto;
}
.genre_books .genre_book  {
background: #f8f8f8;
padding: 15px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.advert-bar {
position: fixed;
bottom:0;
padding: 10px;
background: rgba(0,0,0,0.7);
width: 100%;
color: #fff;
text-align: center;
}
#modal_book_content {
padding: 15px;
padding-top: 0;
}
#show_book .modal-header {
padding: 5px !important;
}
#services {
padding-bottom: 20px;
}
.white-header header nav {
background: #fff;
}
.white-header header nav ul li a {
color: #000 !important;
}
.white-header header nav ul li a:hover {
color: #b7150a !important;
}
.talent-book-holder {
height: 300px;
overflow: auto;
}
.talent_books li {
display: inline-block;
}
#clients img {
max-width: 200px;
max-height: 150px;
}
.ic-inner img {
border-radius: 50%;
}
footer p {
font-size: 15px;
line-height: 1.6;
font-weight: 100;
}
footer h4 {
margin-bottom: 30px;
}
@keyframes fa-beat {
0% {
transform:scale(1);
}
5% {
transform:scale(1.25);
}
20% {
transform:scale(1);
}
30% {
transform:scale(1);
}
35% {
transform:scale(1.25);
}
50% {
transform:scale(1);
}
55% {
transform:scale(1.25);
}
70% {
transform:scale(1);
}
}
header {
border-top: 2px solid #000;
}
a.disabled p {
background: #333;
pointer-events: none;
}
a.disabled {
cursor: not-allowed;
}
.sidebar.right {
top: 0;
right: 0;
bottom: 0;
width: 400px;
background: #fff;
z-index: 999999;
border-left: 7px solid #0155b2;
}

/* ---- assets/css/qissa-ui.css ---- */
:root {
--qs-navy:        #0E3A53;
--qs-navy-700:    #0A2C40;
--qs-blue:        #2F6FA6;
--qs-bg-blue:     #EAF1F6;
--qs-pill-text:   #38617A;
--qs-ink:         #1A1A1A;
--qs-ink-2:       #3A3A3A;
--qs-muted:       #8A8A8A;
--qs-line:        #E6E6E6;
--qs-field-border:#D5DBE0;
--qs-star:        #F4B400;
--qs-surface:     #FFFFFF;
--qs-radius:      8px;
--qs-radius-card: 14px;
--qs-font: "Roboto", "Noto Naskh Arabic", "Qs Naskh Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
--qs-font-urdu: "Roboto", "Noto Nastaliq Urdu", "Qs Nastaliq Fallback", "Noto Naskh Arabic", Arial, sans-serif;
}
.qs-scope { font-family: var(--qs-font); color: var(--qs-ink-2); }
.qs-h1 { font-size: 34px; font-weight: 800; color: var(--qs-ink); line-height: 1.2; margin: 0; }
.qs-h2 { font-size: 22px; font-weight: 700; color: var(--qs-ink); margin: 0 0 14px; }
.qs-byline { font-size: 15px; color: var(--qs-muted); }
.qs-byline a, .qs-link { color: var(--qs-blue); text-decoration: underline; }
.qs-link:hover { color: var(--qs-navy); }
.qs-breadcrumb { font-size: 14px; color: var(--qs-muted); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.qs-breadcrumb a { color: var(--qs-muted); text-decoration: none; }
.qs-breadcrumb a:hover { color: var(--qs-blue); }
.qs-breadcrumb .qs-sep { color: #c9c9c9; }
.qs-breadcrumb .qs-current { color: var(--qs-blue); }
.qs-pill { display: inline-block; background: var(--qs-bg-blue); color: #38617A; font-family: var(--qs-font);
font-size: 13px; padding: 6px 16px; border-radius: 20px; line-height: 1.4; }
.qs-ribbon { display: inline-block; background: var(--qs-navy); color: #fff; font-family: var(--qs-font);
font-size: 14px; font-weight: 500; padding: 8px 32px 8px 16px; border-radius: 4px 0 0 4px;
-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 50%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 50%, 100% 100%, 0 100%); }
.container { max-width: 1040px; }
body.qs-wide .container { max-width: none; }
.qs-stars { color: var(--qs-star); font-size: 20px; letter-spacing: 2px; line-height: 1;
display: inline-block; }
.qs-stars .qs-off { color: #DCDCDC; }
.qs-stars--sm { font-size: 15px; letter-spacing: 1px; }
.qs-rating-pill { display: inline-flex; align-items: center; gap: 11px; margin-top: 12px;
padding: 11px 22px; background: #fff; border-radius: 40px; }
.qs-rating-pill--tint { background: var(--qs-bg-blue); }
.qs-rating-pill strong { font-size: 19px; font-weight: 800; color: var(--qs-navy); }
.qs-rating-pill span:not(.qs-stars):not(.qs-off) { font-size: 14.5px; color: var(--qs-pill-text); }
.qs-rating-pill a { color: var(--qs-blue); font-weight: 600; text-decoration: none; }
.qs-rating-pill a:hover { text-decoration: underline; }
.qs-reviews { color: var(--qs-navy); font-size: 14px; font-weight: 700; }
.qs-pd-by { font-family: var(--qs-font); font-size: 18px; color: var(--qs-ink-2);
font-weight: 400 !important; margin: 0 0 4px; text-transform: none; }
.qs-pd-by a { color: var(--qs-ink); text-decoration: underline; }
.qs-price { font-size: 36px; font-weight: 800; color: var(--qs-navy); line-height: 1; }
.qs-price small { font-size: 15px; font-weight: 500; color: var(--qs-muted); }
.qs-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px;
background: var(--qs-navy); color: #fff; border: 1px solid var(--qs-navy);
font-size: 16px; font-weight: 500; padding: 16px 20px; border-radius: var(--qs-radius);
cursor: pointer; text-decoration: none; transition: background .15s ease; }
.qs-btn:hover { background: var(--qs-navy-700); color: #fff; }
.qs-btn--block { width: 100%; }
.qs-btn--outline { background: #fff; color: var(--qs-navy); border: 1px solid var(--qs-field-border); }
.qs-btn--outline:hover { background: var(--qs-bg-blue); color: var(--qs-navy); }
.qs-btn.disabled, .qs-btn[disabled] { opacity: .5; cursor: not-allowed; }
.qs-tabs { display: flex; gap: 10px; margin-bottom: 18px; }
.qs-tab { flex: 1; text-align: center; padding: 13px 10px; border: 1px solid var(--qs-field-border);
border-radius: var(--qs-radius); background: #fff; color: var(--qs-muted);
font-size: 14px; font-weight: 500; cursor: pointer; transition: all .12s ease; line-height: 1.3; }
.qs-tab:hover { border-color: var(--qs-navy); color: var(--qs-navy); }
.qs-tab.is-active { background: var(--qs-navy); color: #fff; border-color: var(--qs-navy); }
.qs-select, .qs-input { width: 100%; padding: 12px 14px; border: 1px solid var(--qs-field-border);
border-radius: var(--qs-radius); font-size: 14px; color: var(--qs-ink);
background: #fff; }
.qs-select { cursor: pointer; }
.qs-select:focus, .qs-input:focus { outline: none; border-color: var(--qs-navy); box-shadow: 0 0 0 3px rgba(14,58,83,.10); }
.qs-card { background: var(--qs-surface); border: 1px solid var(--qs-line); border-radius: var(--qs-radius-card); padding: 20px; }
.qs-specs { font-size: 14px; line-height: 2.6; color: var(--qs-ink-2); }
.qs-specs .qs-k { color: var(--qs-ink); font-weight: 700; }
.qs-section-h { font-family: var(--qs-font); font-size: 26px; font-weight: 700; color: var(--qs-ink);
line-height: 1.25; margin: 0 0 18px; }
.qs-center { text-align: center; }
.qs-body-text { font-size: 15px; line-height: 1.85; color: var(--qs-ink-2); }
.qs-sec-head { display: flex; align-items: center; justify-content: space-between; gap: 16px;
flex-wrap: wrap; margin-bottom: 10px; }
.qs-sec-head .qs-section-h { margin: 0; }
.qs-btn--sm { padding: 10px 24px; font-size: 14px; }
.qs-video { border-radius: 12px; overflow: hidden; background: var(--qs-bg-blue); margin: 6px 0 40px; }
.qs-videos-list { margin: 0 0 40px; }
.qs-gallery-sec { margin: 6px 0 44px; }
.qs-about { margin: 0 0 44px; }
.qs-reviews-sec { margin: 8px 0 46px; }
.qs-review { margin: 26px 0; }
.qs-review-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.qs-review-head .qs-stars { font-size: 29px; letter-spacing: 4px; line-height: 1; }
.qs-review-name { font-size: 16px; font-weight: 700; color: var(--qs-ink); }
.qs-review-name a { color: inherit; text-decoration: none; }
.qs-review-name a:hover { color: var(--qs-navy); }
.qs-review-date { margin-left: auto; font-size: 13px; color: var(--qs-ink-2); }
.qs-review-text { margin: 12px 0 0; font-size: 15px; line-height: 1.8; color: #6B7280; }
.qs-rail { padding-top: 6px; }
.qs-author-card { margin-bottom: 44px; }
.qs-author-head { display: flex; align-items: center; gap: 14px; margin: 2px 0 16px; }
.qs-author-avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; display: block; }
.qs-author-name { display: block; font-size: 19px; font-weight: 700; color: var(--qs-ink); text-decoration: none; }
.qs-author-name:hover { color: var(--qs-navy); text-decoration: none; }
.qs-author-sub { font-size: 13px; color: var(--qs-muted); }
.qs-author-bio { font-size: 15px; line-height: 1.8; color: var(--qs-ink-2); margin-bottom: 14px;
display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }
.qs-author-social { margin-bottom: 16px; }
.qs-author-social a { color: var(--qs-blue); margin-right: 12px; font-size: 16px; }
.qs-author-social .goodreads_icon { font-weight: 700; font-family: Georgia, serif; }
.qs-rail-cta { text-align: center; }
.qs-product-details { margin-bottom: 40px; }
.qs-editors { margin-top: 10px; font-size: 14px; }
.qs-editors > .qs-k { display: block; margin-bottom: 6px; }
.qs-editor { display: flex; align-items: center; gap: 10px; margin: 8px 0; }
.qs-editor img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.qs-editor a { color: var(--qs-ink); text-decoration: underline; }
.qs-editor a:hover { color: var(--qs-navy); }
.qs-book-card { font-family: var(--qs-font); }
.qs-book-cover { position: relative; display: block; background: var(--qs-bg-blue);
border-radius: 10px; overflow: hidden;
box-shadow: 0 0 0 1px rgba(14,58,83,.14), 0 3px 8px rgba(14,58,83,.14),
0 8px 16px -8px rgba(14,58,83,.30);
transition: box-shadow .15s ease, transform .15s ease; }
.qs-book-cover:hover { transform: translateY(-2px);
box-shadow: 0 0 0 1px rgba(14,58,83,.18), 0 5px 12px rgba(14,58,83,.18),
0 14px 24px -8px rgba(14,58,83,.35); }
.qs-book-cover img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; display: block; }
ul.qs-carousel:not(.owl-carousel) {
display: flex; overflow: hidden; align-items: stretch;
list-style: none; margin: 0 0 56px; padding: 0;
}
ul.qs-carousel:not(.owl-carousel) > li { flex: 0 0 20%; max-width: 20%; padding: 0 8px; }
@media (max-width: 1199px) { ul.qs-carousel:not(.owl-carousel) > li { flex-basis: 25%; max-width: 25%; } }
@media (max-width: 979px)  { ul.qs-carousel:not(.owl-carousel) > li { flex-basis: 33.333%; max-width: 33.333%; } }
@media (max-width: 767px)  { ul.qs-carousel:not(.owl-carousel) > li { flex-basis: 50%; max-width: 50%; } }
@media (max-width: 479px)  { ul.qs-carousel:not(.owl-carousel) > li { flex-basis: 100%; max-width: 100%; } }
.qs-book-rank { position: absolute; top: 10px; left: 10px; background: #0E3A53; color: #fff;
font-size: 11.5px; font-weight: 700; padding: 3px 9px; border-radius: 999px;
letter-spacing: .02em; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.qs-book-rank.qs-book-rank--t { background: #DCEAF7; color: #0E3A53; box-shadow: none; }
.qs-book-badge { position: absolute; top: 10px; right: 10px; background: #DCEAF7; color: var(--qs-blue);
font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 14px; }
.qs-book-card { display: flex; flex-direction: column; }
.qs-book-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden; min-height: 3.7em; margin: 12px 0 4px; font-size: 17px;
font-weight: 700; color: var(--qs-ink); text-decoration: none; line-height: 1.7; }
.qs-book-name:hover { color: var(--qs-navy); text-decoration: none; }
.qs-book-author { display: block; font-size: 13.5px; color: var(--qs-muted); white-space: nowrap;
overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
a.qs-book-author:hover { color: var(--qs-navy); text-decoration: underline; }
.qs-feat-author a { color: inherit; text-decoration: none; }
.qs-feat-author a:hover { color: #fff; text-decoration: underline; }
.qs-spot-author a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.45); }
.qs-spot-author a:hover { color: #fff; text-decoration: none; border-bottom-color: #fff; }
.qs-modal-author { font-size: 14px; color: #777; margin: -4px 0 8px; }
.qs-modal-author a { color: var(--qs-navy, #0E3A53); font-weight: 600; text-decoration: none; }
.qs-modal-author a:hover { text-decoration: underline; }
.qs-book-genre { text-align: center; margin-top: auto; padding-top: 12px; }
.qs-book-grid { display: flex; flex-wrap: wrap; gap: 28px; }
.qs-book-grid .qs-book-card { width: calc(33.333% - 19px); min-width: 150px; }
.qs-book-grid--row { gap: 24px; }
.qs-book-grid--row .qs-book-card { width: calc(20% - 20px); min-width: 140px; }
@media (max-width: 991px) { .qs-book-grid--row .qs-book-card { width: calc(33.333% - 16px); } }
@media (max-width: 560px) { .qs-book-grid--row .qs-book-card { width: calc(50% - 12px); } }
@media (max-width: 560px) {
.qs-book-grid .qs-book-card { min-width: 0; }
.qs-book-grid:not(.qs-book-grid--4):not(.qs-book-grid--row) .qs-book-card { width: calc(50% - 14px); }
.qs-book-grid .qs-book-card:nth-child(odd):last-child { margin-left: auto; margin-right: auto; }
}
.qs-more-by { margin: 0 0 46px; }
.qs-related { margin: 22px 0 36px; }
.qs-related .qs-section-h { margin-bottom: 30px; }
.qs-carousel { position: relative; padding-bottom: 64px; list-style: none; margin: 0; padding-left: 0; }
.qs-carousel .owl-item { padding: 10px 12px 18px; }
.qs-carousel .owl-controls { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; }
.qs-carousel .owl-pagination { position: absolute; left: 0; right: 0; bottom: 12px; text-align: center; }
.qs-carousel .owl-page { display: inline-block; margin: 0 3px; }
.qs-carousel .owl-page span { display: block; width: 8px; height: 8px; border-radius: 5px;
background: #C7D2DC; opacity: 1; transition: all .15s ease; }
.qs-carousel .owl-page.active span { width: 22px; background: var(--qs-navy); }
.qs-carousel .owl-buttons div.owl-prev,
.qs-carousel .owl-buttons div.owl-next { position: absolute; bottom: 0; width: 40px; height: 40px;
border-radius: 50%; background: var(--qs-navy); color: #fff; font-size: 20px; line-height: 40px;
text-align: center; opacity: 1; padding: 0; margin: 0; cursor: pointer; }
.qs-carousel .owl-buttons div.owl-prev { left: calc(50% - 175px); }
.qs-carousel .owl-buttons div.owl-next { right: calc(50% - 175px); }
.qs-carousel .owl-pagination { max-width: 240px; margin: 0 auto; line-height: 20px; }
.qs-carousel .owl-buttons div.owl-prev:hover,
.qs-carousel .owl-buttons div.owl-next:hover { background: var(--qs-navy-700); opacity: 1; }
.qs-carousel .owl-buttons div.disabled { opacity: .45; cursor: default; }
@media (max-width: 560px) { .qs-carousel .owl-item { padding: 8px 7px 14px; } }
.qs-store-hero { border-radius: var(--qs-radius-card); overflow: hidden; margin: 4px 0 10px; }
.qs-hero-slide { display: flex; align-items: center; gap: 48px; height: 400px;
padding: 40px 120px 40px 64px;
background: linear-gradient(115deg, #0A2C40 0%, var(--qs-navy) 45%, #1B5379 100%); }
.qs-hero-cover { flex-shrink: 0; display: block; border-radius: 8px; transform: rotate(-2deg);
box-shadow: 0 0 0 1px rgba(255,255,255,.25), 0 0 36px 6px rgba(255,255,255,.30),
0 18px 40px rgba(0,0,0,.45);
transition: transform .2s ease; }
.qs-hero-cover:hover { transform: rotate(0deg) scale(1.02); }
.qs-hero-cover img { display: block; width: 210px; height: 300px; object-fit: cover; border-radius: 8px; }
.qs-hero-body { min-width: 0; }
.qs-hero-kicker { color: rgba(255,255,255,.65); font-family: var(--qs-font); font-size: 13px;
font-weight: 600; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 14px; }
.qs-hero-title { font-family: var(--qs-font); color: #fff; font-size: 36px; font-weight: 800 !important;
line-height: 1.2; margin: 0 0 14px; text-transform: none; letter-spacing: 0;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.qs-hero-desc { color: rgba(255,255,255,.85); font-family: var(--qs-font); font-size: 15px;
line-height: 1.85; max-width: 640px; margin: 0 0 24px;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 767px) {
.qs-hero-slide { flex-direction: column; height: auto; padding: 30px; gap: 24px; }
.qs-hero-title { font-size: 26px; }
}
.qs-store-hero .owl-carousel3 { position: relative; }
.qs-store-hero .owl-theme .owl-controls { position: static !important; margin: 0; height: 0; }
.qs-store-hero .owl-theme .owl-controls .owl-buttons div {
position: absolute; top: 50%; margin: -20px 0 0; padding: 0; width: 40px; height: 40px;
border-radius: 50%; background: rgba(255,255,255,.92); color: var(--qs-navy);
font-size: 17px; line-height: 40px; text-align: center; opacity: 1; }
.qs-store-hero .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 20px; }
.qs-store-hero .owl-theme .owl-controls .owl-buttons div.owl-next { right: 20px; }
.qs-store-hero .owl-theme .owl-controls.clickable .owl-buttons div:hover { background: #fff; color: var(--qs-navy); opacity: 1; }
.qs-store-hero .owl-theme .owl-controls .owl-buttons div.disabled { opacity: 0; }
.qs-sec { margin: 56px 0; }
.qs-sec-head2 { position: relative; text-align: center; margin-bottom: 26px; }
.qs-sec-count { display: block; margin-top: 4px; font-size: 14px; color: var(--qs-muted); }
.qs-scope .qs-section-h, .qs-scope h2.qs-section-h {
display: block; font-family: var(--qs-font); font-size: 28px; font-weight: 700 !important;
color: var(--qs-ink); line-height: 1.25; letter-spacing: -0.3px; text-transform: none;
margin: 0 0 18px; }
.qs-scope .qs-sec-head .qs-section-h, .qs-scope .qs-sec-head2 .qs-section-h { margin: 0; }
.qs-sec-head2 .qs-section-h, .qs-sec-head2 h2.qs-section-h { display: inline-block; font-size: 30px; }
.qs-see-all { position: absolute; right: 0; top: 50%; transform: translateY(-50%);
color: var(--qs-navy); font-weight: 600; text-decoration: none; font-size: 15px; }
.qs-see-all:hover { color: var(--qs-blue); text-decoration: none; }
@media (max-width: 640px) {
.qs-sec-head2 .qs-section-h, .qs-sec-head2 h2.qs-section-h { display: block; font-size: 24px; margin-bottom: 8px; }
.qs-see-all { position: static; transform: none; display: inline-block; }
}
.qs-sub { text-align: center; color: var(--qs-muted); font-size: 15px; margin: -16px 0 26px; }
.qs-sec-desc { max-width: 760px; margin: -10px auto 30px; color: var(--qs-muted);
font-family: var(--qs-font); font-size: 16px; line-height: 1.75; text-align: left; }
.qs-sub + .qs-sec-desc { margin-top: 0; }
.qs-sec-desc[dir="rtl"], .qs-sec-desc:lang(ur) { line-height: 2.15; }
@media (max-width: 767px) { .qs-sec-desc { font-size: 15px; margin-bottom: 24px; } }
.qs-perks { display: flex; justify-content: center; flex-wrap: wrap; margin: 46px 0; }
.qs-perk { display: flex; align-items: flex-start; gap: 14px; padding: 6px 44px; }
.qs-perk + .qs-perk { border-left: 1px solid var(--qs-line); }
.qs-perk i { color: var(--qs-navy); font-size: 26px; margin-top: 2px; }
.qs-perk-t { color: var(--qs-navy); font-weight: 700; font-size: 16px; }
.qs-perk-s { color: var(--qs-muted); font-size: 13px; margin-top: 2px; }
.qs-sec.books { background: transparent !important; padding: 0 !important; }
.qs-genre-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.qs-genre-hidden.qs-genre-show { display: flex; }
.qs-genre-toggle-wrap { text-align: center; margin-top: 22px; }
.qs-genre-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
background: none;
border: 0;
padding: 8px 4px;
font: inherit;
font-size: 15px;
font-weight: 600;
color: var(--qs-blue);
cursor: pointer;
text-decoration: none;
transition: color .15s;
}
.qs-genre-toggle:hover, .qs-genre-toggle:focus { color: var(--qs-navy); }
.qs-genre-toggle:focus-visible { outline: 2px solid var(--qs-blue); outline-offset: 3px; border-radius: 4px; }
.qs-genre-toggle i { font-size: 13px; transition: transform .2s; }
.qs-genre-toggle[aria-expanded="true"] i { transform: translateY(1px); }
@media (max-width: 991px) { .qs-genre-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .qs-genre-grid { grid-template-columns: repeat(2, 1fr); } }
.qs-feat-card { display: flex; gap: 22px; background: var(--qs-navy); border-radius: var(--qs-radius-card);
padding: 24px; height: 296px; overflow: hidden; }
.qs-feat-cover { width: 180px; height: 248px; flex-shrink: 0; object-fit: cover; border-radius: 8px; display: block;
flex-shrink: 0;
box-shadow: 0 0 0 1px rgba(255,255,255,.22), 0 0 28px 4px rgba(255,255,255,.28),
0 10px 24px rgba(0,0,0,.35); }
.qs-feat-body { color: #fff; display: flex; flex-direction: column; align-items: flex-start; flex: 1; min-width: 0; }
.qs-feat-title { font-size: 21px; font-weight: 700; color: #fff; margin: 2px 0 10px; line-height: 1.3;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.qs-feat-desc { color: rgba(255,255,255,.85); font-size: 14px; line-height: 1.7; margin: 0 0 8px;
display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.qs-feat-author { color: rgba(255,255,255,.9); font-style: italic; font-size: 14px; margin: 0 0 12px;
max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qs-feat-body .qs-btn { margin-top: auto; }
@media (max-width: 640px) {
.qs-feat-card { flex-direction: column; align-items: center; text-align: center; }
.qs-feat-cover { margin: 0 auto; }
.qs-feat-body { align-items: center; }
.qs-feat-body .qs-btn { width: 100%; justify-content: center; margin-top: 16px; }
}
@media (max-width: 767px) {
.qs-feat-card { height: auto; flex-direction: column; }
.qs-feat-cover { width: 140px; height: 190px; }
}
.qs-btn--white { background: #fff; color: var(--qs-navy); border-color: #fff; }
.qs-btn--white:hover { background: var(--qs-bg-blue); color: var(--qs-navy); border-color: var(--qs-bg-blue); }
.qs-btn--outline-white { background: transparent; color: #fff; border-color: rgba(255,255,255,.7); }
.qs-btn--outline-white:hover { background: rgba(255,255,255,.14); color: #fff; border-color: #fff; }
.qs-highlight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.qs-highlight { display: block; text-decoration: none; }
.qs-highlight-img { display: block; width: 100%; aspect-ratio: 8 / 5; border-radius: 10px;
background-size: cover; background-position: center;
box-shadow: 0 0 0 1px rgba(14,58,83,.14), 0 3px 8px rgba(14,58,83,.14),
0 8px 16px -8px rgba(14,58,83,.30); }
.qs-highlight-img--ph { background: var(--qs-bg-blue); display: flex; align-items: center;
justify-content: center; color: var(--qs-blue); font-size: 40px; opacity: .8; }
.qs-highlight-title { display: block; margin: 18px 0 8px; font-family: var(--qs-font); font-size: 20px;
font-weight: 700; color: var(--qs-ink); line-height: 1.3; }
a.qs-highlight:hover .qs-highlight-title { color: var(--qs-blue); }
.qs-highlight-desc { display: block; font-family: var(--qs-font); font-size: 14px;
line-height: 1.75; color: var(--qs-muted); }
@media (max-width: 991px) { .qs-highlight-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .qs-highlight-grid { grid-template-columns: 1fr; } }
.qs-author-banner { display: flex; justify-content: space-between; align-items: stretch; gap: 40px;
background: var(--qs-navy); border-radius: var(--qs-radius-card);
padding: 30px 120px 30px 46px; height: 380px; overflow: hidden; }
.qs-ab-left { display: flex; flex-direction: column; justify-content: center; }
.qs-ab-label { color: rgba(255,255,255,.75); font-size: 14px; font-weight: 600; letter-spacing: .08em;
text-transform: uppercase; margin-bottom: 22px; }
.qs-ab-main { display: flex; gap: 22px; align-items: flex-start; }
.qs-ab-avatar { width: 104px; height: 104px; border-radius: 50%; object-fit: cover; display: block;
border: 3px solid rgba(255,255,255,.25); }
.qs-ab-name { display: inline-block; color: #fff; font-size: 30px; font-weight: 800; text-decoration: none;
line-height: 1.2; margin-bottom: 10px; }
.qs-ab-name:hover { color: #fff; text-decoration: underline; }
.qs-ab-bio { color: rgba(255,255,255,.85); font-size: 15px; line-height: 1.75; max-width: 600px; margin: 0 0 18px;
display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.qs-ab-actions { display: flex; align-items: center; gap: 18px; }
.qs-ab-quick { color: rgba(255,255,255,.85); text-decoration: underline; font-size: 14px; }
.qs-ab-quick:hover { color: #fff; }
.qs-ab-covers { display: grid; grid-template-columns: repeat(2, 108px); gap: 14px;
align-content: center; align-self: center; flex-shrink: 0; }
.qs-ab-covers img { width: 108px; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 8px; display: block;
box-shadow: 0 0 0 1px rgba(255,255,255,.22), 0 0 22px 3px rgba(255,255,255,.26),
0 6px 18px rgba(0,0,0,.35); }
.qs-ab-covers--few { grid-template-columns: 150px; }
.qs-ab-covers--few img { width: 150px; }
@media (max-width: 900px) {
.qs-author-banner { flex-direction: column; padding: 26px 22px 28px; height: auto; gap: 24px; }
.qs-ab-label { margin-bottom: 16px; font-size: 12.5px; }
.qs-ab-main { gap: 16px; }
.qs-ab-avatar { width: 72px; height: 72px; border-width: 2px; }
.qs-ab-name { font-size: 22px; margin-bottom: 8px; }
.qs-ab-bio { font-size: 14.5px; line-height: 1.7; -webkit-line-clamp: 3; margin-bottom: 14px; }
.qs-ab-covers { grid-template-columns: repeat(4, 1fr); gap: 10px;
align-content: start; align-self: stretch; width: 100%; }
.qs-ab-covers img { width: 100%; }
.qs-ab-covers--few { grid-template-columns: repeat(2, 1fr); }
.qs-ab-covers--few img { width: 100%; }
}
@media (max-width: 520px) {
.qs-ab-main { flex-direction: column; align-items: flex-start; gap: 12px; }
.qs-ab-name { font-size: 20px; }
.qs-ab-actions { flex-wrap: wrap; gap: 12px; }
.qs-ab-covers { grid-template-columns: repeat(3, 1fr); gap: 8px; }
.qs-ab-covers--few { grid-template-columns: repeat(2, 1fr); }
}
.qs-carousel-author { padding-bottom: 0; }
.qs-carousel-author .owl-controls { position: static !important; margin: 0; height: 0; }
.qs-carousel-author .owl-controls .owl-buttons div.owl-prev,
.qs-carousel-author .owl-controls .owl-buttons div.owl-next {
position: absolute; bottom: auto; top: 50% !important; margin-top: -20px;
background: rgba(255,255,255,.92); color: var(--qs-navy); }
.qs-carousel-author .owl-controls .owl-buttons div.owl-prev { left: 22px; }
.qs-carousel-author .owl-controls .owl-buttons div.owl-next { left: auto; right: 22px; }
.qs-carousel-author .owl-controls .owl-buttons div.owl-prev:hover,
.qs-carousel-author .owl-controls .owl-buttons div.owl-next:hover { background: #fff; }
.qs-carousel-author .owl-controls .owl-buttons div.disabled { opacity: 0; }
#ad_space_1, #ad_space_2 { max-width: 360px; margin: 24px auto; text-align: center; }
#ad_space_1 img, #ad_space_2 img { max-width: 100%; height: auto; }
.qs-promo { background: var(--qs-bg-blue); border-radius: var(--qs-radius-card); padding: 44px;
margin: 52px 0; display: flex; }
.qs-promo-card { background: #fff; border-radius: 10px; padding: 30px 34px; }
.qs-promo-t { font-size: 22px; font-weight: 700; color: var(--qs-ink); margin-bottom: 18px; }
.qs-cart-head { margin: 4px 0 22px; }
.qs-cart-count { color: var(--qs-muted); font-size: 15px; margin: 6px 0 0; }
.qs-cart-item { display: flex; align-items: center; gap: 18px; background: #fff;
border: 1px solid var(--qs-line); border-radius: var(--qs-radius-card);
padding: 16px 18px; margin-bottom: 14px; }
.qs-cart-cover { flex-shrink: 0; }
.qs-cart-cover img { width: 64px; height: 88px; object-fit: cover; border-radius: 6px; display: block;
box-shadow: 0 0 0 1px rgba(14,58,83,.12), 0 4px 10px rgba(14,58,83,.18); }
.qs-cart-info { flex: 1; min-width: 0; }
.qs-cart-title { display: block; font-family: var(--qs-font); font-size: 16.5px; font-weight: 700;
color: var(--qs-ink); text-decoration: none; margin-bottom: 6px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qs-cart-title:hover { color: var(--qs-navy); }
.qs-cart-meta { margin-bottom: 6px; }
.qs-cart-unit { color: var(--qs-muted); font-size: 13.5px; }
.qs-cart-qty { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.qs-qty-btn { width: 30px; height: 30px; border: 1px solid var(--qs-field-border); border-radius: 8px;
display: flex; align-items: center; justify-content: center; color: var(--qs-navy);
font-size: 11px; text-decoration: none; background: #fff; }
.qs-qty-btn:hover { border-color: var(--qs-navy); background: var(--qs-bg-blue); color: var(--qs-navy); }
.qs-qty-num { min-width: 34px; text-align: center; font-weight: 700; color: var(--qs-ink); font-size: 15px; }
.qs-cart-line { text-align: right; min-width: 96px; flex-shrink: 0; }
.qs-cart-line-total { font-weight: 800; color: var(--qs-navy); font-size: 16.5px; }
.qs-coupon-off { color: #1f7a4d; font-size: 13px; font-weight: 600; }
.qs-cart-remove { flex-shrink: 0; color: #C25B5B; font-size: 16px; padding: 8px; text-decoration: none; }
.qs-cart-remove:hover { color: #a33f3f; }
.qs-cart-empty { text-align: center; padding: 60px 20px; background: #fff;
border: 1px dashed var(--qs-field-border); border-radius: var(--qs-radius-card); }
.qs-cart-empty .fa-shopping-cart { font-size: 44px; color: var(--qs-bg-blue); -webkit-text-stroke: 1px var(--qs-blue); }
.qs-cart-empty h3 { font-family: var(--qs-font); font-weight: 700; color: var(--qs-ink); margin: 16px 0 8px; }
.qs-cart-empty p { color: var(--qs-muted); margin-bottom: 20px; }
.qs-cart-summary h3 { font-family: var(--qs-font); font-size: 19px; font-weight: 700;
color: var(--qs-ink); margin: 2px 0 16px; }
.qs-sum-row { display: flex; justify-content: space-between; font-family: var(--qs-font); font-size: 14.5px;
color: var(--qs-ink-2); padding: 9px 0; border-bottom: 1px solid var(--qs-line); }
.qs-sum-coupon span:last-child { color: #1f7a4d; font-weight: 600; }
.qs-sum-total { border-bottom: 0; padding-top: 14px; font-size: 16px; font-weight: 700; color: var(--qs-ink); }
.qs-sum-total span:last-child { color: var(--qs-navy); font-size: 20px; font-weight: 800; }
.qs-cart-summary .qs-btn--block { margin-top: 14px; }
.qs-cart-continue { display: block; text-align: center; margin-top: 14px; color: var(--qs-blue);
font-size: 14px; text-decoration: none; }
.qs-cart-continue:hover { text-decoration: underline; }
@media (max-width: 640px) {
.qs-cart-item { flex-wrap: wrap; }
.qs-cart-info { flex-basis: calc(100% - 100px); }
}
.qs-checkout-card { padding: 26px 28px; }
.qs-checkout label { font-family: var(--qs-font); font-size: 13.5px; font-weight: 600;
color: var(--qs-ink); }
.qs-checkout .form-control { height: auto; padding: 11px 14px; border: 1px solid var(--qs-field-border);
border-radius: 8px; box-shadow: none; font-family: var(--qs-font);
font-size: 14.5px; color: var(--qs-ink); }
.qs-checkout .form-control:focus { border-color: var(--qs-navy); box-shadow: 0 0 0 3px rgba(14,58,83,.10); }
.qs-checkout .form-group { margin-bottom: 18px; }
.qs-co-sechead { display: flex; align-items: baseline; justify-content: space-between;
flex-wrap: wrap; gap: 8px; border-bottom: 1px solid var(--qs-line);
padding-bottom: 12px; }
.qs-co-sechead h4 { font-family: var(--qs-font); font-size: 17px; font-weight: 700;
color: var(--qs-ink); margin: 0; }
.qs-co-loginhint { font-size: 13.5px; color: var(--qs-muted); }
.qs-co-loginhint a { color: var(--qs-blue); font-weight: 600; }
.qs-pay-options { display: flex; gap: 14px; margin-top: 10px; flex-wrap: wrap; }
.qs-pay-option { flex: 1; min-width: 200px; margin: 0; font-weight: 400; cursor: pointer; }
.qs-pay-option input { position: absolute; opacity: 0; }
.qs-pay-body { display: block; border: 1.5px solid var(--qs-field-border); border-radius: 10px;
padding: 14px 16px 12px 42px; position: relative; transition: all .12s ease; }
.qs-pay-body i { position: absolute; left: 14px; top: 16px; color: var(--qs-muted); font-size: 16px; }
.qs-pay-t { display: block; font-weight: 700; color: var(--qs-ink); font-size: 14.5px; }
.qs-pay-s { display: block; color: var(--qs-muted); font-size: 12.5px; margin-top: 2px; }
.qs-pay-option input:checked + .qs-pay-body { border-color: var(--qs-navy);
background: var(--qs-bg-blue); box-shadow: 0 0 0 1px var(--qs-navy) inset; }
.qs-pay-option input:checked + .qs-pay-body i,
.qs-pay-option input:checked + .qs-pay-body .qs-pay-t { color: var(--qs-navy); }
.qs-co-sumhead { display: flex; align-items: baseline; justify-content: space-between; }
.qs-co-edit { color: var(--qs-blue); font-size: 13.5px; text-decoration: none; }
.qs-co-edit:hover { text-decoration: underline; }
.qs-cart-item--sm { padding: 12px 0; border: 0; border-bottom: 1px solid var(--qs-line);
border-radius: 0; margin-bottom: 0; }
.qs-cart-item--sm .qs-cart-cover img { width: 46px; height: 64px; }
.qs-cart-item--sm .qs-cart-title { font-size: 14.5px; margin-bottom: 4px; }
.qs-cart-item--sm .qs-cart-line { min-width: 80px; }
.qs-cart-item--sm .qs-cart-line-total { font-size: 15px; }
.qs-genre-hero { display: flex; align-items: center; justify-content: space-between; gap: 26px;
flex-wrap: wrap; background: linear-gradient(115deg, #0A2C40 0%, var(--qs-navy) 45%, #1B5379 100%);
border-radius: var(--qs-radius-card); padding: 34px 40px; margin-bottom: 30px; }
.qs-genre-hero-title { font-family: var(--qs-font); color: #fff; font-size: 34px; font-weight: 800 !important;
margin: 0 0 8px; text-transform: capitalize; letter-spacing: -0.3px; }
.qs-genre-hero-desc { color: rgba(255,255,255,.82); font-family: var(--qs-font); font-size: 15px;
line-height: 1.75; max-width: 680px; margin: 0; }
.qs-genre-hero-count { flex-shrink: 0; background: #fff; color: var(--qs-navy); font-family: var(--qs-font);
font-size: 13px; font-weight: 700; line-height: 1; padding: 10px 18px 10px 22px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 50%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 50%); }
.qs-book-grid--4 { gap: 26px; margin-bottom: 26px; }
.qs-book-grid--4 .qs-book-card { width: calc(25% - 20px); min-width: 150px; }
@media (max-width: 991px) { .qs-book-grid--4 .qs-book-card { width: calc(33.333% - 18px); } }
@media (max-width: 560px) { .qs-book-grid--4 .qs-book-card { width: calc(50% - 13px); } }
.qs-book-desc { font-size: 13px; color: var(--qs-muted); line-height: 1.6; margin-top: 6px;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.qs-spotlight { display: flex; align-items: center; gap: 34px; margin: 6px 0 32px;
background: linear-gradient(115deg, #0A2C40 0%, var(--qs-navy) 50%, #1B5379 100%);
border-radius: var(--qs-radius-card); padding: 30px 40px; }
.qs-spot-cover { flex-shrink: 0; display: block; border-radius: 8px;
box-shadow: 0 0 0 1px rgba(255,255,255,.25), 0 0 26px 4px rgba(255,255,255,.28),
0 12px 28px rgba(0,0,0,.4); }
.qs-spot-cover img { width: 128px; height: 182px; object-fit: cover; border-radius: 8px; display: block; }
.qs-spot-body { min-width: 0; }
.qs-spot-title { font-family: var(--qs-font); color: #fff; font-size: 25px; font-weight: 800 !important;
margin: 0 0 4px; line-height: 1.25; text-transform: none; letter-spacing: 0;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.qs-spot-author { color: rgba(255,255,255,.7); font-family: var(--qs-font); font-size: 14px; margin-bottom: 10px; }
.qs-spot-desc { color: rgba(255,255,255,.85); font-family: var(--qs-font); font-size: 14.5px;
line-height: 1.75; max-width: 720px; margin: 0 0 16px;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 640px) {
.qs-spotlight { flex-direction: column; padding: 24px; text-align: center; }
.qs-spotlight .qs-spot-cover img { margin: 0 auto; }
.qs-spotlight .qs-btn { width: 100%; justify-content: center; }
}
.qs-top-badge { position: absolute; top: 10px; left: 10px; background: var(--qs-star); color: #3A2E00;
font-family: var(--qs-font); font-size: 11.5px; font-weight: 700; line-height: 1;
padding: 5px 10px; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.qs-top-badge .fa-star { font-size: 10px; }
.qs-reviewblock { display: flex; align-items: center; gap: 26px; margin: 6px 0 32px;
background: var(--qs-bg-blue); border: 1px solid #D9E6F0;
border-radius: var(--qs-radius-card); padding: 28px 36px; }
.qs-rb-quote { flex-shrink: 0; width: 54px; height: 54px; border-radius: 50%; background: #fff;
color: var(--qs-blue); font-size: 20px; display: flex; align-items: center;
justify-content: center; box-shadow: 0 3px 10px rgba(14,58,83,.12); }
.qs-rb-body { flex: 1; min-width: 0; }
.qs-rb-stars { font-size: 17px; letter-spacing: 3px; margin-bottom: 8px; display: block; }
.qs-rb-text { font-family: var(--qs-font); font-size: 16px; line-height: 1.75; color: var(--qs-ink);
font-style: italic; margin: 0 0 10px; max-width: 640px;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.qs-rb-reviewer { font-family: var(--qs-font); font-size: 13.5px; color: var(--qs-muted); }
.qs-rb-book { flex-shrink: 0; display: flex; align-items: center; gap: 14px; text-decoration: none;
background: #fff; border-radius: 10px; padding: 12px 18px 12px 12px;
box-shadow: 0 3px 10px rgba(14,58,83,.10); max-width: 300px;
transition: box-shadow .15s ease, transform .15s ease; }
.qs-rb-book:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(14,58,83,.18); text-decoration: none; }
.qs-rb-book img { width: 52px; height: 74px; object-fit: cover; border-radius: 5px; display: block; }
.qs-rb-bookmeta { min-width: 0; }
.qs-rb-booktitle { display: block; font-family: var(--qs-font); font-size: 14.5px; font-weight: 700;
color: var(--qs-ink); line-height: 1.3; margin-bottom: 3px;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.qs-rb-bookauthor { display: block; font-family: var(--qs-font); font-size: 12.5px; color: var(--qs-muted); margin-bottom: 5px; }
.qs-rb-cta { display: block; font-family: var(--qs-font); font-size: 13px; font-weight: 700; color: var(--qs-blue); }
@media (max-width: 767px) { .qs-reviewblock { flex-direction: column; align-items: flex-start; } }
.qs-qpanel { position: relative; background: #fff; border: 1px solid var(--qs-line);
border-radius: var(--qs-radius-card); margin: 6px 0 32px; padding: 0 36px 26px;
box-shadow: 0 0 0 1px rgba(14,58,83,.04), 0 4px 14px rgba(14,58,83,.08); }
.qs-qpanel-tab { display: inline-block; background: var(--qs-navy); color: #fff;
font-family: var(--qs-font); font-size: 11.5px; font-weight: 700;
letter-spacing: 2px; text-transform: uppercase; line-height: 1;
padding: 8px 22px 8px 16px; margin: 18px 0 0 -36px;
clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 50%, 100% 100%, 0 100%); }
.qs-qpanel-body { display: flex; align-items: flex-start; gap: 26px; padding-top: 16px; }
.qs-qpanel-cover { flex-shrink: 0; display: block; }
.qs-qpanel-cover img { width: 84px; height: 120px; object-fit: cover; border-radius: 6px;
box-shadow: 0 0 0 1px rgba(14,58,83,.12), 0 4px 10px rgba(14,58,83,.18); }
.qs-qpanel-main { min-width: 0; flex: 1; }
.qs-qpanel-quote { border: 0; margin: 0 0 10px; padding: 0; font-size: 19px; line-height: 1.7;
color: var(--qs-ink); font-family: Georgia, 'Times New Roman', serif;
max-width: 760px;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.qs-qpanel-meta { font-family: var(--qs-font); font-size: 14px; color: var(--qs-ink-2); margin-bottom: 14px; }
.qs-qpanel-meta a { color: var(--qs-navy); font-weight: 600; text-decoration: none; }
.qs-qpanel-meta a:hover { text-decoration: underline; }
.qs-qpanel-theme { display: inline-block; background: var(--qs-bg-blue); color: #38617A !important;
font-size: 12px; font-weight: 600; padding: 3px 12px; border-radius: 20px;
margin-left: 8px; }
.qs-qpanel-theme:hover { background: var(--qs-navy); color: #fff !important; text-decoration: none; }
@media (max-width: 640px) { .qs-qpanel { padding: 0 24px 22px; }
.qs-qpanel-tab { margin-left: -24px; }
.qs-qpanel-cover { display: none; } }
.qs-quotes-band .qs-bmk-row { display: flex; gap: 22px; align-items: stretch; }
.qs-bmk { flex: 1 1 0; min-width: 0; background: var(--qs-bg-blue); padding: 20px 22px 34px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 18px), 0 100%);
font-family: var(--qs-font); display: flex; flex-direction: column; }
.qs-bmk-mark { font-family: Georgia, 'Times New Roman', serif; font-size: 44px; line-height: .5;
color: var(--qs-blue); display: block; margin-bottom: 8px; }
.qs-bmk-quote { border: 0; margin: 0 0 14px; padding: 0; font-size: 15.5px; line-height: 1.7;
color: var(--qs-ink); font-family: Georgia, 'Times New Roman', serif;
display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.qs-bmk-meta { margin-top: auto; font-size: 13px; color: #38617A; }
.qs-bmk-meta a { color: var(--qs-navy); font-weight: 600; text-decoration: none; }
.qs-bmk-meta a:hover { text-decoration: underline; }
@media (max-width: 767px) { .qs-quotes-band .qs-bmk-row { flex-direction: column; } }
.qs-quote-card { position: relative; background: #fff; border: 1px solid var(--qs-line);
border-radius: var(--qs-radius-card); padding: 24px 130px 20px 28px;
margin-bottom: 18px; font-family: var(--qs-font); }
.qs-quote-text { border: 0; margin: 0 0 14px; padding: 0; font-size: 18px; line-height: 1.75;
color: var(--qs-ink); font-family: Georgia, 'Times New Roman', serif; }
.qs-quote-attrib { font-size: 14.5px; color: var(--qs-ink-2); margin-bottom: 10px; }
.qs-quote-attrib a { color: var(--qs-navy); font-weight: 600; text-decoration: none; }
.qs-quote-attrib a:hover { text-decoration: underline; }
.qs-quote-tags .qs-pill { font-size: 12px; padding: 4px 12px; text-decoration: none; margin-right: 4px; }
.qs-quote-tags .qs-pill:hover { background: var(--qs-navy); color: #fff; }
.qs-quote-cover { position: absolute; right: 24px; top: 24px; display: block; }
.qs-quote-cover img { width: 78px; height: 110px; object-fit: cover; border-radius: 6px;
box-shadow: 0 0 0 1px rgba(14,58,83,.12), 0 4px 10px rgba(14,58,83,.18); }
.qs-quote-side h3 { font-family: var(--qs-font); font-size: 17px; font-weight: 700;
color: var(--qs-ink); margin: 2px 0 14px; }
.qs-quote-theme { display: flex; justify-content: space-between; align-items: center;
padding: 8px 10px; border-radius: 8px; text-decoration: none;
color: var(--qs-navy); font-family: var(--qs-font); font-size: 14.5px; font-weight: 500; }
.qs-quote-theme:hover { background: var(--qs-bg-blue); text-decoration: none; color: var(--qs-navy); }
.qs-quote-theme.is-active { background: var(--qs-navy); color: #fff; }
.qs-qt-count { font-size: 12.5px; color: var(--qs-muted); }
.qs-quote-theme.is-active .qs-qt-count { color: rgba(255,255,255,.75); }
@media (max-width: 640px) { .qs-quote-card { padding-right: 28px; } .qs-quote-cover { display: none; } }
.qs-bookquotes { margin: 0 0 44px; }
.qs-bq { border-left: 3px solid var(--qs-bg-blue); padding: 4px 0 4px 20px; margin: 18px 0; }
.qs-bq blockquote { border: 0; margin: 0 0 8px; padding: 0; font-size: 16.5px; line-height: 1.8;
color: var(--qs-ink); font-family: Georgia, 'Times New Roman', serif; }
.qs-bq-meta { font-family: var(--qs-font); font-size: 13.5px; color: var(--qs-muted); }
.qs-bq-meta a { color: var(--qs-navy); text-decoration: none; }
.qs-bq-meta a:hover { text-decoration: underline; }
.qs-bq-meta .qs-pill { font-size: 11.5px; padding: 3px 10px; margin-left: 6px; text-decoration: none; }
.qs-bq-all { font-family: var(--qs-font); font-size: 14px; font-weight: 600; color: var(--qs-blue);
text-decoration: none; }
.qs-bq-all:hover { text-decoration: underline; }
.qs-author-intro { display: flex; align-items: flex-start; gap: 56px; margin: 14px 0 36px; }
.qs-ai-photo { flex-shrink: 0; width: 330px; max-width: 38vw; }
.qs-ai-photo img { width: 100%; height: auto; aspect-ratio: 6 / 7; object-fit: cover; border-radius: 10px; display: block; }
.qs-ai-main { flex: 1; min-width: 0; }
.qs-ai-name { font-family: var(--qs-font); color: var(--qs-ink); font-size: 44px; font-weight: 800 !important;
margin: 0 0 6px; line-height: 1.15; text-transform: none; letter-spacing: 0; }
.qs-ai-username { font-family: var(--qs-font); font-size: 17px; color: var(--qs-muted); margin-bottom: 12px; }
.qs-ai-meta { font-family: var(--qs-font); font-size: 13.5px; color: var(--qs-muted); margin-bottom: 10px; }
.qs-ai-meta i { margin-right: 5px; }
.qs-ai-meta span { margin-right: 16px; white-space: nowrap; }
.qs-ai-meta a { color: var(--qs-navy); font-weight: 600; text-decoration: none; }
.qs-ai-meta a:hover { text-decoration: underline; }
.qs-ai-rating { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.qs-ai-rating .qs-stars { font-size: 19px; letter-spacing: 3px; color: var(--qs-star); }
.qs-ai-verified { display: inline-flex; align-items: center; gap: 6px; font-family: var(--qs-font);
font-size: 13.5px; font-weight: 600; color: var(--qs-navy); background: rgba(14,58,83,.07);
border: 1px solid rgba(14,58,83,.16); border-radius: 999px; padding: 4px 12px; }
.qs-ai-verified i { color: var(--qs-navy); font-size: 14px; }
.qs-ai-followers { font-family: var(--qs-font); font-size: 13.5px; color: var(--qs-muted); }
.qs-ai-badges { display: flex; gap: 8px; margin-bottom: 6px; }
.qs-ai-badges img { width: 40px; height: 40px; }
.qs-ai-abouth { font-family: var(--qs-font); color: var(--qs-ink); font-size: 28px; font-weight: 700 !important;
margin: 18px 0 12px; text-transform: none; letter-spacing: 0; }
.qs-ai-bio { font-family: var(--qs-font); font-size: 16px; line-height: 1.8; color: var(--qs-ink-2);
max-width: 760px; margin: 0 0 20px; }
.qs-ai-social { display: flex; align-items: center; gap: 6px; margin-bottom: 20px; }
.qs-ai-social a { color: var(--qs-navy); font-size: 19px; text-decoration: none;
font-family: var(--qs-font); font-weight: 700; line-height: 1;
display: inline-flex; align-items: center; justify-content: center;
width: 36px; height: 36px; border-radius: 8px; }
.qs-ai-social a:hover { color: var(--qs-blue); background: var(--qs-bg-blue); }
.qs-ai-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.qs-ai-actions .qs-btn { padding: 12px 22px; font-size: 15px; }
@media (max-width: 767px) { .qs-author-intro { flex-direction: column; gap: 24px; }
.qs-ai-photo { width: 100%; max-width: 340px; }
.qs-ai-name { font-size: 32px; } }
.qs-astat-k { font-family: var(--qs-font); font-size: 13px; font-weight: 700; letter-spacing: 1.5px;
text-transform: uppercase; color: var(--qs-muted); margin: 0 0 10px; }
.qs-astat-row { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; }
.qs-astat { flex: 1 1 130px; background: #fff; border: 1px solid var(--qs-line); border-radius: 12px;
padding: 16px 20px; box-shadow: 0 0 0 1px rgba(14,58,83,.04), 0 4px 14px rgba(14,58,83,.08); }
.qs-astat b { display: block; font-family: var(--qs-font); font-size: 24px; font-weight: 800; color: var(--qs-navy); }
.qs-astat span { font-family: var(--qs-font); font-size: 13px; color: var(--qs-muted); }
.qs-ah-sec { margin: 40px 0 10px; }
.qs-ah-sec .qs-sec-head2 { margin-bottom: 24px; }
.qs-ty-icon { width: 74px; height: 74px; border-radius: 50%; background: #E7F4EE; color: #1f7a4d;
font-size: 32px; line-height: 74px; text-align: center; margin: 10px auto 20px; }
.qs-ty-sub { font-family: var(--qs-font); font-size: 16px; color: var(--qs-ink-2); margin-top: 10px; }
.qs-ty-card { max-width: 620px; margin: 26px auto; text-align: left; padding: 26px 28px;
font-family: var(--qs-font); font-size: 14.5px; color: var(--qs-ink-2); }
.qs-ty-ordernum { text-align: center; font-size: 20px; color: var(--qs-ink); margin-bottom: 18px; }
.qs-track { text-align: center; background: var(--qs-bg-blue); border: 1px solid #CFE0EC;
border-radius: 10px; padding: 20px; margin-bottom: 20px; }
.qs-track-l { font-size: 14px; color: var(--qs-ink-2); line-height: 1.7; }
.qs-track-num { font-size: 26px; font-weight: 800; color: var(--qs-navy); letter-spacing: 1px; margin-top: 4px; }
.qs-ty-h { font-family: var(--qs-font); font-size: 15px; font-weight: 700; color: var(--qs-ink);
margin: 20px 0 6px; }
.qs-ty-total { color: var(--qs-navy); font-weight: 800; }
.qs-ty-note { color: var(--qs-muted); font-size: 13.5px; margin-top: 16px; }
.qs-ty-help { color: var(--qs-ink-2); font-size: 14.5px; }
.qs-ty .detail_bank { margin: 10px 0 4px; line-height: 2; }
.qs-notice { border: 1px solid #E6D5B8; background: #FDF8EF; border-radius: var(--qs-radius);
padding: 12px; text-align: center; color: #7A6A53; font-size: 13px; }
.qs-unavailable { color: #7A6A53; }
.breadcrumb { background: transparent; padding: 10px 0; margin-bottom: 14px; font-size: 14px; }
.breadcrumb > li + li:before { color: #c9c9c9; }
.breadcrumb a { color: var(--qs-muted); }
.breadcrumb .active { color: var(--qs-blue); }
@media (max-width: 560px) {
.book_title { font-size: 28px !important; }
}
.book_title { font-family: var(--qs-font); font-size: 42px; font-weight: 800 !important; color: var(--qs-ink);
line-height: 1.12; letter-spacing: -0.5px; margin: 14px 0 10px; }
.col-md-7 h4, h4.qs-pd-by { font-family: var(--qs-font); font-weight: 400; font-size: 18px;
color: var(--qs-ink-2); text-transform: none; margin: 0 0 16px; }
.col-md-7 h4 a[href], h4.qs-pd-by a[href] { color: var(--qs-ink); text-decoration: underline; font-weight: 500; }
.col-md-7 .co_authors a { color: var(--qs-ink); }
.col-md-7 .book-rating, .col-md-7 .sharing { display: none; }
.book-cover-frame { background: var(--qs-bg-blue); border-radius: 12px; padding: 16px;
max-width: 360px; margin: 0 auto; }
.book-cover-frame .fotorama__stage { border-radius: 8px; overflow: hidden; }
.fotorama__nav__frame .fotorama__thumb { background: var(--qs-bg-blue); border-radius: 6px; }
.panel-title > a { color: var(--qs-ink); font-weight: 700; text-decoration: none; }
.panel-default > .panel-heading { background: transparent; border: 0; padding-left: 0; }
.panel-group .panel { border: 0; box-shadow: none; }
.reviews .media { border-top: 1px solid var(--qs-line); padding-top: 16px; }
.reviews .fa-star { color: var(--qs-star); }
.reviews .fa-star-o { color: #DCDCDC; }
.qs-announce { background: var(--qs-navy); color: #fff; font-family: var(--qs-font);
font-size: 13.5px; text-align: center; padding: 9px 16px; display: block;
text-decoration: none; }
.qs-announce:hover { color: #fff; text-decoration: underline; }
.qs-header { background: #fff; border-bottom: 1px solid var(--qs-line);
font-family: var(--qs-font); position: relative; z-index: 999; }
.qs-header-main { max-width: 1170px; margin: 0 auto; padding: 16px 15px;
display: flex; align-items: center; gap: 26px; }
.qs-reset-wrap { display: flex; justify-content: center; padding: 70px 16px 90px; background: #fff; }
.qs-reset-card { width: 100%; max-width: 460px; text-align: center; }
.qs-reset-ico--ok { background: #ECFDF3; color: #12B76A; }
.qs-reset-ico { width: 64px; height: 64px; margin: 0 auto 22px; border-radius: 50%;
background: #EBEFFF; color: var(--qs-navy); font-size: 24px;
display: flex; align-items: center; justify-content: center; }
.qs-reset-card h1 { font-size: 27px; font-weight: 800 !important; color: var(--qs-navy); margin: 0 0 10px; }
.qs-reset-sub { color: #5b6b78; font-size: 15px; line-height: 1.7; margin-bottom: 26px; }
.qs-reset-err { color: #B3122B; font-size: 14px; margin: -8px 0 18px; }
.qs-code-cells { display: flex; justify-content: center; gap: 8px; margin-bottom: 24px; }
.qs-code-cell { width: 44px; height: 54px; text-align: center; font-size: 22px; font-weight: 700;
color: var(--qs-navy); border: 1.5px solid #cdd7de; border-radius: 10px; background: #fff; }
.qs-code-cell:focus { outline: none; border-color: var(--qs-navy); box-shadow: 0 0 0 3px rgba(14,58,83,.12); }
.qs-code-fallback, .qs-reset-pass { width: 100%; padding: 13px 16px; font-size: 16px; margin-bottom: 20px;
border: 1.5px solid #cdd7de; border-radius: 10px; }
.qs-code-fallback:focus, .qs-reset-pass:focus { outline: none; border-color: var(--qs-navy);
box-shadow: 0 0 0 3px rgba(14,58,83,.12); }
.qs-reset-btn { width: 100%; }
.qs-reset-resend { margin: 22px 0 0; font-size: 14px; color: #5b6b78; }
.qs-reset-resend a { color: var(--qs-navy); font-weight: 700; text-decoration: underline; }
.qs-reset-back { display: inline-block; margin-top: 26px; color: #5b6b78; font-size: 14px; font-weight: 600; text-decoration: none; }
.qs-reset-back:hover { color: var(--qs-navy); text-decoration: none; }
@media (max-width: 420px) {
.qs-code-cells { gap: 5px; }
.qs-code-cell { width: 38px; height: 48px; font-size: 19px; }
}
.qs-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; flex-shrink: 0; }
.qs-brand img { height: 34px; width: auto; display: block; }
.qs-brand span { font-size: 27px; font-weight: 800; color: var(--qs-navy); letter-spacing: -0.3px; }
.qs-brand:hover { text-decoration: none; }
.qs-search { flex: 1; position: relative; }
.qs-search input { width: 100%; padding: 12px 18px 12px 44px; border: 1.5px solid var(--qs-navy);
border-radius: 10px; font-size: 14.5px; color: var(--qs-ink); background: #fff; }
.qs-search input:focus { outline: none; box-shadow: 0 0 0 3px rgba(14,58,83,.12); }
.qs-search .fa-search { position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
color: var(--qs-muted); font-size: 15px; pointer-events: none; }
.qs-header-icons { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.qs-header-icons > a { color: var(--qs-navy); font-size: 21px; position: relative;
text-decoration: none; line-height: 1; }
.qs-header-icons > a:hover { color: var(--qs-blue); }
.qs-cart-badge { position: absolute; top: -8px; right: -10px; background: var(--qs-blue);
color: #fff; font-size: 10.5px; font-weight: 700; min-width: 17px; height: 17px;
line-height: 17px; text-align: center; border-radius: 9px; padding: 0 4px; }
.qs-header-auth { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.qs-header-auth .qs-login { color: var(--qs-navy); font-size: 14.5px; font-weight: 600;
text-decoration: none; }
.qs-header-auth .qs-login:hover { color: var(--qs-blue); }
.qs-header-nav { border-top: 1px solid var(--qs-line); }
.qs-header-nav ul { max-width: 1170px; margin: 0 auto; padding: 0 15px; list-style: none;
display: flex; justify-content: center; flex-wrap: wrap; gap: 4px; }
.qs-header-nav a { display: block; padding: 13px 20px; font-size: 16px;
font-weight: 500; line-height: 24px; text-decoration: none; }
.white-header header nav.qs-header-nav ul li a,
.qs-header-nav a { color: #094977 !important; }
.white-header header nav.qs-header-nav ul li a:hover,
.qs-header-nav a:hover { color: var(--qs-blue) !important; text-decoration: none; }
.white-header header nav.qs-header-nav ul li a.qs-nav-free,
.qs-header-nav a.qs-nav-free { color: #1f7a4d !important; }
.qs-navdrop { position: relative; }
.qs-navdrop-btn {
display: block; background: none; border: 0; cursor: pointer;
padding: 13px 20px; font-family: var(--qs-font);
font-size: 16px; font-weight: 500; line-height: 24px; color: #094977;
}
.qs-navdrop-btn:hover { color: var(--qs-blue); }
.qs-navdrop--linked { display: flex; align-items: center; }
.qs-navdrop--linked .qs-navdrop-link { padding-right: 2px; }
.qs-navdrop--linked .qs-navdrop-btn--chev { display: inline-block; padding-left: 4px; }
.qs-navdrop-chev { font-size: 11px; margin-left: 5px; transition: transform .15s; }
.qs-navdrop.is-open .qs-navdrop-chev { transform: rotate(180deg); }
.qs-header-nav .qs-navdrop-menu {
position: absolute; left: 0; top: 100%; z-index: 90;
min-width: 210px; max-width: none; background: #fff; border: 1px solid #e2e8ee;
border-radius: 10px; box-shadow: 0 8px 26px rgba(14,58,83,.13);
padding: 6px; margin: 0; list-style: none;
display: none; flex-wrap: nowrap; justify-content: flex-start; gap: 0;
}
.qs-header-nav .qs-navdrop.is-open .qs-navdrop-menu { display: block; }
.qs-header-nav .qs-navdrop-menu a {
display: block; padding: 9px 12px; border-radius: 7px;
font-size: 14.5px; line-height: 1.4;
}
.qs-header-nav .qs-navdrop-menu a:hover { background: #f4f8fb; color: var(--qs-blue) !important; }
.qs-mnav-cats, .qs-mnav-icons, .qs-mnav-auth { display: none; }
@media (max-width: 991px) {
.qs-header { position: relative; height: auto; }
.qs-header-main { flex-wrap: nowrap; gap: 12px; padding: 12px 15px; }
.qs-brand span { display: none; }
.qs-brand img { height: 30px; }
.qs-header-auth { display: none; }
.qs-header-icons { gap: 14px; }
.qs-header-icons > a { font-size: 20px; }
.qs-search input { padding: 10px 14px 10px 40px; font-size: 14px; }
.qs-header-nav.is-open { position: absolute; left: 0; right: 0; top: 100%;
background: #fff; box-shadow: 0 18px 34px rgba(10,44,64,.18); z-index: 80; }
.qs-mnav-auth { display: block; }
.qs-mnav-cats { display: block; }
.qs-mnav-cats button { width: 100%; display: flex; align-items: center; gap: 10px;
background: var(--qs-navy); color: #fff; border: 0; padding: 14px 22px;
font-family: var(--qs-font); font-size: 15px; font-weight: 600; cursor: pointer; }
.qs-mnav-chev { margin-left: auto; font-size: 12px; transition: transform .18s ease; }
.qs-mnav-cats.is-open .qs-mnav-chev { transform: rotate(180deg); }
.qs-header-nav .qs-mnav-genres { display: none; list-style: none; margin: 0; padding: 4px 0 8px;
background: #F5F8FC; }
.qs-mnav-cats.is-open .qs-mnav-genres { display: block; }
.qs-header-nav.is-open ul .qs-mnav-genres li a { border-top: 0; padding: 10px 26px;
color: var(--qs-blue); font-size: 14.5px; }
.qs-header-nav.is-open ul .qs-mnav-genres li a.qs-mnav-all { color: var(--qs-navy); font-weight: 700; }
.qs-navdrop-btn { width: 100%; text-align: left; display: flex; align-items: center; }
.qs-navdrop--linked .qs-navdrop-link { flex: 1 1 auto; }
.qs-navdrop--linked .qs-navdrop-btn--chev { width: auto; flex: 0 0 auto; padding: 13px 24px 13px 8px; }
.qs-navdrop-chev { margin-left: auto; }
.qs-header-nav .qs-navdrop-menu { position: static; min-width: 0; border: 0; border-radius: 0;
box-shadow: none; padding: 4px 0 8px; background: #F5F8FC; }
.qs-header-nav.is-open ul .qs-navdrop-menu li a { border-top: 0; padding: 10px 26px;
border-radius: 0; color: var(--qs-blue) !important; font-size: 14.5px; }
.qs-mnav-icons { display: flex; align-items: center; gap: 28px;
padding: 14px 24px 16px; border-top: 1px solid var(--qs-line); }
.qs-header-nav.is-open ul li.qs-mnav-icons a { display: inline-flex; padding: 0;
border-top: 0; color: var(--qs-navy); font-size: 21px; position: relative; }
.qs-mnav-icons .qs-cart-badge { position: absolute; top: -7px; right: -11px; }
}
@media (max-width: 767px) {
.qs-header-nav a, .qs-navdrop-btn { padding: 11px 12px; font-size: 14px; }
}
#morphsearch:not(.open) { opacity: 0; pointer-events: none; }
#morphsearch.open { opacity: 1; }
.qs-footer { background: var(--qs-navy); font-family: var(--qs-font); }
.qs-footer-in { max-width: 1170px; margin: 0 auto; padding: 54px 15px 0; }
.qs-footer-cols { display: flex; flex-wrap: wrap; gap: 40px; }
.qs-footer-brand { flex: 1.4; min-width: 220px; }
.qs-footer-brand .qs-fb-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.qs-footer-brand img { width: 52px; height: 52px; object-fit: contain; background: #fff; border-radius: 50%; padding: 9px; }
.qs-footer-brand .qs-fb-name { color: #fff; font-size: 19px; font-weight: 700; }
.qs-footer-brand p { color: rgba(255,255,255,.75); font-size: 14.5px; line-height: 1.8; max-width: 300px; }
.qs-footer-col { flex: 1; min-width: 150px; }
.qs-footer-col h5 { font-family: var(--qs-font); color: #9fb8ce; font-size: 14px; font-weight: 700 !important;
letter-spacing: .02em; text-transform: none; margin: 6px 0 18px; }
.qs-footer-col .qs-footer-h5b { margin-top: 30px; }
.qs-footer-col a, .qs-footer-col span { display: block; color: rgba(255,255,255,.9); font-size: 14.5px;
padding: 6px 0; text-decoration: none; }
.qs-footer-col a:hover { color: #fff; text-decoration: underline; }
.qs-footer-col span { color: rgba(255,255,255,.7); }
.qs-footer-bottom { border-top: 1px solid rgba(255,255,255,.15); margin-top: 44px;
padding: 20px 0 24px; display: flex; align-items: center;
justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.qs-footer-bottom p { margin: 0; color: rgba(255,255,255,.65); font-size: 13.5px; }
.qs-footer-bottom p a { color: rgba(255,255,255,.85); text-decoration: none; }
.qs-footer-bottom p a:hover { text-decoration: underline; }
@media (max-width: 767px) {
.qs-footer-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 22px; }
.qs-footer-cols .qs-footer-col { display: contents; }
.qs-fgroup { min-width: 0; }
.qs-footer-contact.qs-fgroup { border-top: 0; padding-top: 0; margin-top: 0; }
.qs-footer-cols .qs-footer-col .qs-footer-h5b { margin-top: 6px; }
.qs-footer-brand { grid-column: 1 / -1; min-width: 0; }
.qs-footer-brand p { max-width: none; }
.qs-footer-col { min-width: 0; }
.qs-footer-bottom { flex-direction: column; gap: 14px; text-align: center; }
.qs-footer-social { display: flex; justify-content: center; gap: 22px; }
.qs-footer-social a { margin-left: 0; }
}
.qs-footer-social a { color: rgba(255,255,255,.8); font-size: 16px; margin-left: 16px;
text-decoration: none; }
.qs-footer-social a:hover { color: #fff; }
.fa.fa-tiktok { font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.qs-modal .modal-content { border: 0; border-radius: 14px; font-family: var(--qs-font);
box-shadow: 0 18px 50px rgba(14,58,83,.28); }
.qs-modal .modal-header { border: 0; padding: 26px 30px 0; }
.qs-modal .modal-title { font-size: 21px; font-weight: 700 !important; color: var(--qs-ink);
text-align: center; text-transform: none; letter-spacing: 0; }
.qs-modal .close { font-size: 26px; opacity: .45; margin-top: -6px; }
.qs-modal .close:hover { opacity: .8; }
.qs-modal .modal-body { padding: 20px 30px 30px; }
.qs-modal .form-control { height: 46px; border-radius: 8px; border: 1px solid #d9dfe4;
box-shadow: none; font-size: 14.5px; padding: 0 16px; }
.qs-modal .form-control:focus { border-color: var(--qs-navy); box-shadow: 0 0 0 3px rgba(14,58,83,.12); }
.qs-modal .alert { border-radius: 8px; }
.qs-gbtn { display: flex; align-items: center; justify-content: center; gap: 10px;
border: 1px solid #d9dfe4; border-radius: 8px; background: #fff; color: #444;
font-weight: 600; padding: 11px; font-size: 14.5px; text-decoration: none; width: 100%; }
.qs-gbtn:hover { background: #f5f8fa; color: #222; text-decoration: none; }
.qs-gbtn img { height: 20px; width: 20px; }
.qs-or { display: flex; align-items: center; gap: 12px; color: #9aa7b0; font-size: 13px; margin: 18px 0; }
.qs-or:before, .qs-or:after { content: ""; flex: 1; border-top: 1px solid #e8edf1; }
.qs-auth-link { display: block; text-align: center; font-size: 14px; color: var(--qs-muted); margin-top: 14px; }
.qs-auth-link a { color: var(--qs-navy); font-weight: 700; text-decoration: none; }
.qs-auth-link a:hover { text-decoration: underline; }
.qs-auth-card { max-width: 480px; margin: 36px auto 70px; background: #fff;
border: 1px solid var(--qs-line); border-radius: 14px; padding: 34px 36px;
font-family: var(--qs-font);
box-shadow: 0 0 0 1px rgba(14,58,83,.04), 0 4px 14px rgba(14,58,83,.08); }
.qs-auth-card h1 { font-family: var(--qs-font); font-size: 26px; font-weight: 800 !important;
color: var(--qs-ink); margin: 0 0 4px; text-align: center;
text-transform: none; letter-spacing: 0; }
.qs-auth-sub { text-align: center; color: var(--qs-muted); font-size: 14.5px; margin-bottom: 20px; }
.qs-auth-card .form-control { height: 46px; border-radius: 8px; border: 1px solid #d9dfe4;
box-shadow: none; font-size: 14.5px; padding: 0 16px; }
.qs-auth-card .form-control:focus { border-color: var(--qs-navy); box-shadow: 0 0 0 3px rgba(14,58,83,.12); }
.qs-auth-fine { font-size: 12.5px; color: var(--qs-muted); line-height: 1.6; margin: 14px 0 16px; }
.qs-auth-fine a { color: var(--qs-navy); font-weight: 600; }
.qs-rate-wrap { max-width: 660px; margin: 26px auto 70px; font-family: var(--qs-font); }
.qs-rate-book { display: flex; gap: 18px; align-items: center; background: var(--qs-bg-blue);
border-radius: 12px; padding: 16px 20px; margin-bottom: 26px; }
.qs-rate-book img { width: 58px; height: 82px; object-fit: cover; border-radius: 6px;
box-shadow: 0 0 0 1px rgba(14,58,83,.12), 0 4px 10px rgba(14,58,83,.18); }
.qs-rate-kicker { font-size: 12.5px; font-weight: 700; letter-spacing: 1.5px;
text-transform: uppercase; color: #38617A; margin-bottom: 3px; }
.qs-rate-title { font-size: 18px; font-weight: 700; color: var(--qs-ink); line-height: 1.3; }
.qs-rate-h { font-size: 24px; font-weight: 800 !important; color: var(--qs-ink);
text-align: center; margin: 0 0 6px; text-transform: none; letter-spacing: 0; }
.qs-rate-sub { text-align: center; color: var(--qs-muted); font-size: 14.5px; margin-bottom: 12px; }
.qs-rate-stars { text-align: center; margin: 6px 0 4px; }
.qs-rate-stars .rating-input i, .qs-rate-stars .rating i { color: var(--qs-star); font-size: 34px; margin: 0 3px; }
.qs-survey { background: #fff; border: 1px solid var(--qs-line); border-radius: 12px;
padding: 22px 26px; margin: 20px 0;
box-shadow: 0 0 0 1px rgba(14,58,83,.04), 0 4px 14px rgba(14,58,83,.08); }
.qs-survey .form-group { margin-bottom: 20px; }
.qs-survey .form-group:last-child { margin-bottom: 0; }
.qs-survey label { font-weight: 700; color: var(--qs-ink); font-size: 15px; }
.qs-survey .radio { display: flex; align-items: center; gap: 8px; font-size: 14.5px;
color: var(--qs-ink-2); margin: 7px 0; }
.qs-survey .radio input { margin: 0 !important; position: static !important; }
.qs-rate-wrap textarea.form-control { border-radius: 10px; border: 1px solid #d9dfe4;
box-shadow: none; font-size: 14.5px; padding: 14px 16px; }
.qs-rate-wrap textarea.form-control:focus { border-color: var(--qs-navy);
box-shadow: 0 0 0 3px rgba(14,58,83,.12); }
.qs-rate-login { text-align: center; background: var(--qs-bg-blue); border: 1px solid #CFE0EC;
border-radius: 14px; padding: 40px 30px; }
.qs-rate-login h3 { font-family: var(--qs-font); font-size: 20px; font-weight: 700 !important;
color: var(--qs-ink); margin: 0 0 8px; text-transform: none; }
.qs-rate-login p { color: var(--qs-ink-2); font-size: 14.5px; margin-bottom: 18px; }
.morphsearch { background: var(--qs-bg-blue); border-radius: 10px; }
.morphsearch.open { background: #fff; border-radius: 0; }
.morphsearch-input { font-family: var(--qs-font); color: var(--qs-navy); font-weight: 700; }
.morphsearch.open .morphsearch-input { font-size: 4.5em; color: var(--qs-navy);
border-bottom: 3px solid var(--qs-bg-blue); }
.morphsearch-input::-webkit-input-placeholder { color: #b9c9d4; }
.morphsearch-input::-moz-placeholder { color: #b9c9d4; }
.morphsearch.open .morphsearch-form { max-width: 900px; }
.morphsearch-close::before, .morphsearch-close::after { background: var(--qs-navy); }
.morphsearch-content { background: #fff; font-family: var(--qs-font); }
.morphsearch .dummy-column h2 { font-family: var(--qs-font); font-size: 13px; font-weight: 700 !important;
letter-spacing: 2px; text-transform: uppercase; color: var(--qs-muted); }
.morphsearch .dummy-media-object { border-radius: 10px; padding: 8px 10px; background: transparent;
transition: background .15s ease; display: flex; align-items: center; gap: 12px; }
.morphsearch .dummy-media-object:hover { background: var(--qs-bg-blue); }
.morphsearch .dummy-media-object img { border-radius: 8px; object-fit: cover; margin: 0; }
.morphsearch .dummy-media-object img.round { border-radius: 50%; }
.morphsearch .dummy-media-object h3 { font-family: var(--qs-font); font-size: 15px; font-weight: 600;
color: var(--qs-ink); margin: 0; }
@media (max-width: 767px) { .morphsearch.open .morphsearch-input { font-size: 2em; } }
.qs-prefooter { padding: 50px 20px 10px; }
.qs-newsletter { max-width: 560px; margin: 0 auto 46px; background: var(--qs-bg-blue);
border-radius: 16px; padding: 34px 38px; text-align: center;
font-family: var(--qs-font); }
.qs-newsletter h3 { font-family: var(--qs-font); font-size: 22px; font-weight: 800 !important;
color: var(--qs-navy); margin: 0 0 8px; text-transform: none; letter-spacing: 0; }
.qs-newsletter p { color: #38617A; font-size: 14.5px; line-height: 1.65; margin: 0 0 18px; }
.qs-newsletter form { display: flex; flex-direction: column; gap: 12px; }
.qs-newsletter input[type="email"] { height: 48px; border-radius: 10px; border: 1px solid #CFE0EC;
background: #fff; padding: 0 18px; font-size: 14.5px;
font-family: var(--qs-font); outline: none; width: 100%; }
.qs-newsletter input[type="email"]:focus { border-color: var(--qs-navy);
box-shadow: 0 0 0 3px rgba(14,58,83,.12); }
.qs-newsletter .qs-btn { width: 100%; }
.qs-press { max-width: 1100px; margin: 0 auto; padding-bottom: 40px; text-align: center; }
.qs-press-label { font-family: var(--qs-font); font-size: 12.5px; font-weight: 700;
letter-spacing: 2.5px; text-transform: uppercase; color: var(--qs-muted);
margin-bottom: 22px; }
.qs-press-row { display: flex; align-items: center; justify-content: center;
flex-wrap: wrap; gap: 44px; }
.qs-press-row img { height: 34px; width: auto; max-width: 130px; object-fit: contain;
filter: grayscale(1); opacity: .55; transition: all .2s ease; }
.qs-press-row img:hover { filter: none; opacity: 1; }
@media (max-width: 640px) { .qs-newsletter { padding: 26px 22px; }
.qs-press-row { gap: 26px; }
.qs-press-row img { height: 26px; } }
.qs-burger { display: none; background: none; border: 0; padding: 10px; cursor: pointer; }
.qs-burger span { display: block; width: 24px; height: 3px; background: var(--qs-navy);
border-radius: 2px; margin: 5px 0; transition: transform .2s ease, opacity .2s ease; }
.qs-burger.is-open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.qs-burger.is-open span:nth-child(2) { opacity: 0; }
.qs-burger.is-open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
@media (max-width: 991px) {
.qs-burger { display: block; }
.qs-header-nav { display: none; }
.qs-header-nav.is-open { display: block; }
.qs-header-nav.is-open ul { flex-direction: column; align-items: stretch; gap: 0;
padding: 6px 0 12px; }
.qs-header-nav.is-open ul li a { display: block; padding: 12px 24px;
border-top: 1px solid var(--qs-line); }
}
.qs-wa-band { max-width: 760px; margin: 0 auto 46px; background: linear-gradient(115deg, #0A2C40 0%, var(--qs-navy) 45%, #1B5379 100%);
border-radius: 16px; padding: 30px 34px; text-align: center; font-family: var(--qs-font); }
.qs-wa-band h3 { font-family: var(--qs-font); color: #fff; font-size: 21px; font-weight: 800 !important;
margin: 0 0 6px; text-transform: none; letter-spacing: 0; }
.qs-wa-band > p { color: rgba(255,255,255,.75); font-size: 14px; margin: 0 0 20px; }
.qs-wa-cards { display: flex; gap: 16px; justify-content: center; }
.qs-wa-card { flex: 1 1 0; max-width: 300px; background: #fff; border-radius: 12px; padding: 18px 16px;
text-decoration: none; display: block; transition: transform .15s ease, box-shadow .15s ease; }
.qs-wa-card:hover { transform: translateY(-3px); text-decoration: none;
box-shadow: 0 0 26px 4px rgba(255,255,255,.28); }
.qs-wa-qr { display: block; position: relative; width: 120px; height: 120px; margin: 0 auto 12px;
overflow: hidden; border-radius: 8px; }
.qs-wa-qr img { position: absolute; width: 174%; left: -37%; top: -22.6%; }
.qs-wa-card b { display: block; color: var(--qs-navy); font-size: 15.5px; font-weight: 700; margin-bottom: 3px; }
.qs-wa-sub { display: block; color: var(--qs-muted); font-size: 12.5px; margin-bottom: 12px; }
.qs-wa-btn { display: inline-flex; align-items: center; gap: 8px; background: #25D366; color: #fff;
font-size: 13.5px; font-weight: 600; padding: 9px 18px; border-radius: 8px; }
.qs-wa-btn .fa { font-size: 16px; }
.qs-wa-card:hover .qs-wa-btn { background: #1DB954; }
.qs-wa-hint { display: block; color: rgba(255,255,255,.6); font-size: 12px; margin-top: 14px; }
@media (max-width: 640px) { .qs-wa-cards { flex-direction: column; align-items: center; }
.qs-wa-card { width: 100%; max-width: 320px; }
.qs-wa-qr { display: none; }
.qs-wa-hint { display: none; } }
.qs-wa-fab { position: fixed; right: 22px; bottom: 22px; z-index: 9990; font-family: var(--qs-font); }
.qs-cartbar { display: none; }
.qs-cartbar[hidden] { display: none !important; }
@media (max-width: 991px) {
body.qs-has-cartbar { padding-bottom: 64px; }
.qs-cartbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9980; display: flex; align-items: center;
justify-content: space-between; gap: 12px; padding: 11px 16px; background: var(--qs-navy); color: #fff !important;
font-family: var(--qs-font); font-size: 15px; font-weight: 600; text-decoration: none; box-shadow: 0 -6px 18px rgba(14,58,83,.25); }
.qs-cartbar:hover, .qs-cartbar:focus { color: #fff !important; text-decoration: none; }
.qs-cartbar-n .fa { margin-right: 6px; }
.qs-cartbar-cta { background: #fff; color: var(--qs-navy); border-radius: 6px; padding: 8px 14px; font-weight: 700; white-space: nowrap; }
.qs-cartbar ~ .qs-wa-fab { bottom: 84px; }
}
.qs-sum-links { display: flex; gap: 18px; margin-top: 12px; font-size: 14px; }
.qs-sum-links a { color: var(--qs-navy); font-weight: 600; }
.qs-sum-links .fa { margin-right: 4px; }
.qs-wa-toggle { width: 56px; height: 56px; border-radius: 50%; border: 0; background: #25D366; color: #fff;
font-size: 28px; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.25);
display: flex; align-items: center; justify-content: center; transition: transform .15s ease; }
.qs-wa-toggle:hover { transform: scale(1.07); }
.qs-wa-menu { display: none; position: absolute; right: 0; bottom: 68px; width: 230px; background: #fff;
border: 1px solid var(--qs-line); border-radius: 12px; padding: 12px;
box-shadow: 0 10px 30px rgba(14,58,83,.22); }
.qs-wa-menu.is-open { display: block; }
.qs-wa-menu b { display: block; color: var(--qs-navy); font-size: 13px; font-weight: 700; margin: 2px 4px 10px; }
.qs-wa-menu a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px;
color: var(--qs-navy); font-size: 13.5px; font-weight: 600; text-decoration: none; }
.qs-wa-menu a:hover { background: var(--qs-bg-blue); text-decoration: none; }
.qs-wa-menu a .fa { color: #25D366; font-size: 16px; width: 18px; text-align: center; }
.qs-ty-wa { display: flex; gap: 16px; align-items: center; text-align: left; background: #E9F8EF;
border: 1px solid #BFE8CD; border-radius: 12px; padding: 16px 18px; margin: 20px 0;
font-family: var(--qs-font); }
.qs-ty-wa .qs-wa-qr { width: 72px; height: 72px; margin: 0; flex-shrink: 0; }
.qs-ty-wa b { display: block; color: #14532D; font-size: 14.5px; margin-bottom: 3px; }
.qs-ty-wa p { color: #3D6B4F; font-size: 13px; margin: 0 0 10px; line-height: 1.55; }
.qs-ty-wa .qs-wa-btn { padding: 7px 14px; font-size: 12.5px; }
@media (max-width: 480px) { .qs-ty-wa .qs-wa-qr { display: none; } }
.qs-footer-news { display: block; border-top: 1px solid rgba(255,255,255,.14);
margin-top: 30px; padding-top: 26px; font-family: var(--qs-font); max-width: 340px; }
.qs-footer-news h5 { font-family: var(--qs-font); color: #fff; font-size: 16px; font-weight: 700 !important;
margin: 0 0 5px; text-transform: none; letter-spacing: 0; }
.qs-footer-news p { color: rgba(255,255,255,.65); font-size: 13px; line-height: 1.6; margin: 0 0 14px; max-width: none; }
.qs-footer-news form { display: grid; gap: 10px; }
.qs-footer-news input[type="email"],
.qs-footer-news input[type="text"] { width: 100%; height: 44px; border-radius: 9px; border: 0;
background: rgba(255,255,255,.12); color: #fff; padding: 0 16px;
font-size: 14px; font-family: var(--qs-font); outline: none; }
.qs-footer-news input[type="email"]::placeholder,
.qs-footer-news input[type="text"]::placeholder { color: rgba(255,255,255,.5); }
.qs-footer-news input[type="email"]:focus,
.qs-footer-news input[type="text"]:focus { background: rgba(255,255,255,.18);
box-shadow: 0 0 0 2px rgba(255,255,255,.35); }
.qs-footer-news button { height: 44px; width: 100%; padding: 0 22px; text-align: left; border: 0; border-radius: 9px;
background: #fff; color: var(--qs-navy); font-family: var(--qs-font);
font-size: 14px; font-weight: 700; cursor: pointer; }
.qs-footer-news button:hover { background: var(--qs-bg-blue); }
@media (max-width: 767px) {
.qs-footer-news { max-width: none; }
.qs-footer-news button { text-align: center; }
}
.qs-footer-col a .fa { width: 16px; margin-right: 6px; text-align: center; color: rgba(255,255,255,.6); }
.qs-footer-sep { border-top: 1px solid rgba(255,255,255,.14); padding-top: 22px; }
.qs-footer-col .qs-footer-h5b.qs-footer-sep { margin-top: 26px; }
.qs-footer-contact { display: flex; flex-direction: column; flex-wrap: wrap;
gap: 10px; margin-top: 26px; }
.qs-footer-contact a { color: rgba(255,255,255,.85); font-size: 13.5px; text-decoration: none;
white-space: nowrap; }
.qs-footer-contact a:hover { color: #fff; text-decoration: underline; }
.qs-footer-contact a .fa { color: rgba(255,255,255,.6); margin-right: 6px; }
@media (max-width: 767px) {
.qs-footer-contact { justify-content: center; }
.qs-footer-contact a,
.qs-footer-contact span { white-space: normal; overflow-wrap: anywhere; font-size: 13px; }
}
.qs-ratebox { background: var(--qs-bg-blue); border: 1px solid #CFE0EC; border-radius: 12px;
padding: 20px 24px; margin: 0 0 26px; font-family: var(--qs-font); }
.qs-ratebox-head b { display: block; font-size: 16px; font-weight: 700; color: var(--qs-ink); }
.qs-ratebox-head span { font-size: 13px; color: #38617A; }
.qs-starpick { display: flex; align-items: center; gap: 4px; margin: 12px 0 0; }
.qs-starpick-b { background: none; border: 0; padding: 0 2px; cursor: pointer; line-height: 1;
font-size: 34px; color: #C9D8E3; transition: color .12s ease, transform .12s ease; }
.qs-starpick-b:hover { transform: scale(1.12); }
.qs-starpick-b.is-on { color: var(--qs-star); }
.qs-starpick-label { margin-left: 12px; font-size: 14px; font-weight: 600; color: var(--qs-navy); }
.qs-ratebox-more { margin-top: 14px; }
.qs-ratebox-more textarea { width: 100%; border: 1px solid #CFE0EC; border-radius: 10px; background: #fff;
padding: 12px 14px; font-size: 14.5px; font-family: var(--qs-font);
line-height: 1.6; outline: none; resize: vertical; }
.qs-ratebox-more textarea:focus { border-color: var(--qs-navy); box-shadow: 0 0 0 3px rgba(14,58,83,.12); }
.qs-ratebox-note { font-size: 12.5px; color: #38617A; margin: 10px 0 12px; line-height: 1.55; }
.qs-review-done { background: #E9F8EF; border: 1px solid #BFE8CD; border-radius: 10px;
padding: 14px 18px; margin: 0 0 24px; font-family: var(--qs-font);
font-size: 14.5px; color: #14532D; }
.qs-review-done .fa { color: #1f7a4d; margin-right: 7px; }
.qs-media { font-family: var(--qs-font); }
.qs-media button { background: none; border: 0; padding: 0; cursor: pointer; }
.qs-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.qs-media-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.qs-media-play .fa { width: 44px; height: 44px; border-radius: 50%; background: rgba(14,58,83,.86);
color: #fff; font-size: 16px; display: flex; align-items: center;
justify-content: center; padding-left: 3px; }
.qs-media-thumb .qs-media-play .fa, .qs-media-tile .qs-media-play .fa { width: 30px; height: 30px; font-size: 11px; }
.qs-media-meta { font-size: 12.5px; color: var(--qs-muted); margin-top: 10px; text-align: center; }
.qs-media-stage { position: relative; }
.qs-media-main { position: relative; display: block; width: 100%; border-radius: 12px; overflow: hidden;
background: var(--qs-bg-blue); aspect-ratio: 3 / 4; }
.qs-media-main img { object-fit: contain; }
.qs-media-count { position: absolute; top: 12px; right: 12px; background: rgba(14,58,83,.85); color: #fff;
font-size: 11.5px; padding: 4px 11px; border-radius: 20px; }
.qs-media--single .qs-media-main { background: var(--qs-bg-blue); padding: 18px; }
.qs-media-row { display: flex; gap: 14px; align-items: stretch; }
.qs-media-rail { display: flex; flex-direction: column; gap: 9px; flex: none; }
.qs-media-thumbwrap { position: relative; display: block; }
.qs-media-thumb { position: relative; width: 58px; height: 76px; border-radius: 8px; overflow: hidden;
background: var(--qs-bg-blue); box-shadow: 0 0 0 1px rgba(14,58,83,.10);
transition: box-shadow .15s ease; }
.qs-media-thumb:hover, .qs-media-thumb.is-on { box-shadow: 0 0 0 2px var(--qs-navy); }
.qs-media-morecount { position: absolute; inset: 0; border-radius: 8px;
background: rgba(14,58,83,.72); color: #fff; font-size: 13px; font-weight: 700;
display: flex; align-items: center; justify-content: center; pointer-events: none; }
.qs-media-row .qs-media-stage { flex: 1; min-width: 0; display: flex; }
.qs-media-row .qs-media-main { aspect-ratio: auto; height: 100%; }
.qs-media--story .qs-media-story { max-width: 340px; margin: 0 auto; }
.qs-media-bars { display: flex; gap: 4px; margin-bottom: 9px; }
.qs-media-bars span { flex: 1; height: 3px; border-radius: 2px; background: #CFE0EC; }
.qs-media-bars span.is-on { background: var(--qs-navy); }
.qs-media--story .qs-media-main { aspect-ratio: 4 / 5; border-radius: 16px; }
.qs-media-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px;
border-radius: 50%; background: rgba(255,255,255,.92); color: var(--qs-navy);
display: flex; align-items: center; justify-content: center; font-size: 17px;
box-shadow: 0 2px 8px rgba(14,58,83,.2); }
.qs-media-prev { left: 8px; } .qs-media-next { right: 8px; }
.qs-media-cap { position: absolute; left: 12px; bottom: 12px; background: rgba(14,58,83,.85); color: #fff;
font-size: 11.5px; padding: 4px 11px; border-radius: 20px; max-width: 78%;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qs-media-mosaic { display: grid; grid-template-columns: 1.5fr 1fr 1fr; grid-auto-rows: 168px; gap: 10px; }
.qs-media-hero { grid-row: span 2; position: relative; border-radius: 12px; overflow: hidden;
background: var(--qs-bg-blue); height: 100%; }
.qs-media-hero img { object-fit: contain; }
.qs-media-cell { position: relative; display: block; }
.qs-media-tile { position: relative; display: block; width: 100%; height: 100%; min-height: 88px;
border-radius: 10px; overflow: hidden; background: var(--qs-bg-blue);
transition: transform .15s ease; }
.qs-media-tile:hover { transform: scale(1.02); }
.qs-media button.qs-media-all { position: absolute; inset: 0; border-radius: 10px; background: rgba(10,32,46,.78);
color: #fff; font-family: var(--qs-font); display: flex; flex-direction: column;
align-items: center; justify-content: center; gap: 6px; }
.qs-media button.qs-media-all .fa { font-size: 17px; opacity: .9; }
.qs-media button.qs-media-all b { font-size: 13px; font-weight: 700; }
.qs-media button.qs-media-all:hover { background: rgba(10,32,46,.88); }
@media (max-width: 640px) { .qs-media-mosaic { grid-template-columns: 1fr 1fr; }
.qs-media-hero { grid-column: span 2; grid-row: auto; } }
.qs-lb { position: fixed; inset: 0; z-index: 10000; background: rgba(8,22,32,.94);
display: flex; align-items: center; justify-content: center; font-family: var(--qs-font); }
.qs-lb[hidden] { display: none; }
.qs-lb-stage { max-width: 88vw; max-height: 82vh; display: flex; align-items: center; justify-content: center; }
.qs-lb-stage img { max-width: 88vw; max-height: 82vh; object-fit: contain; border-radius: 6px; }
.qs-lb-stage iframe { width: min(88vw, 960px); aspect-ratio: 16 / 9; border: 0; border-radius: 8px; }
.qs-lb-x { position: absolute; top: 16px; right: 22px; background: none; border: 0; color: #fff;
font-size: 34px; line-height: 1; cursor: pointer; opacity: .8; }
.qs-lb-x:hover { opacity: 1; }
.qs-lb-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px;
border-radius: 50%; border: 0; background: rgba(255,255,255,.14); color: #fff;
font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.qs-lb-nav:hover { background: rgba(255,255,255,.26); }
.qs-lb-prev { left: 20px; } .qs-lb-next { right: 20px; }
.qs-lb-bar { position: absolute; left: 0; right: 0; bottom: 18px; display: flex; justify-content: center;
gap: 14px; color: rgba(255,255,255,.8); font-size: 13px; }
@media (max-width: 640px) { .qs-lb-nav { width: 38px; height: 38px; font-size: 20px; }
.qs-lb-prev { left: 6px; } .qs-lb-next { right: 6px; } }
.qs-vidrow { display: flex; flex-wrap: wrap; gap: 16px; }
.qs-vidcard { width: 210px; text-align: left; font-family: var(--qs-font); }
.qs-vidcard-thumb { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9;
border-radius: 10px; overflow: hidden; background: var(--qs-bg-blue);
box-shadow: 0 0 0 1px rgba(14,58,83,.08); transition: transform .15s ease, box-shadow .15s ease; }
.qs-vidcard:hover .qs-vidcard-thumb { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(14,58,83,.18); }
.qs-vidcard-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.qs-vidcard-t { display: block; margin-top: 8px; font-size: 13.5px; font-weight: 600; color: var(--qs-ink);
line-height: 1.4; }
.qs-videos-list { margin: 0 0 40px; }
.qs-yourrating { font-family: var(--qs-font); font-size: 14px; color: var(--qs-muted); }
.qs-yourrating .qs-stars { font-size: 29px; letter-spacing: 4px; line-height: 1; color: var(--qs-star); margin-left: 4px; }
.book_title { line-height: 1.5; }
.qs-quote-text, .qs-bmk-quote, .qs-qpanel-quote, .qs-bq blockquote { line-height: 2; }
.book_title[dir], .book_title:lang(ur) { text-align: left; }
:lang(ur), [lang="ur"] { line-height: 1.9; }
body, p, div, span, li, td, th, a, button, label, blockquote,
h1, h2, h3, h4, h5, h6, input, textarea, select {
font-family: "Roboto", "Noto Naskh Arabic", "Qs Naskh Fallback", -apple-system, BlinkMacSystemFont,
"Segoe UI", Arial, sans-serif;
}
.book_title, .book_title_roman, .qs-book-name, .qs-genre-hero-title, .qs-section-h,
.qs-quote-text, .qs-bmk-quote, .qs-qpanel-quote, .qs-bq blockquote, .qs-spot-title,
.qs-feat-title, .qs-rate-title, .qs-review-text, .qs-rb-text, .qs-current,
.qs-qp-quote h1,
.qs-ai-name, .qs-vidcard-t, .qs-highlight-title {
font-family: "Roboto", "Noto Nastaliq Urdu", "Qs Nastaliq Fallback", "Noto Naskh Arabic",
"Urdu Typesetting", "Segoe UI", Arial, sans-serif;
}
.book_title { line-height: 1.55; }
.qs-section-h, .qs-genre-hero-title, .qs-spot-title { line-height: 1.5; }
.qs-feat-title { line-height: 2.05; }
.qs-vidcard-t, .qs-highlight-title, .qs-ai-name { line-height: 1.7; }
.qs-quote-text, .qs-bmk-quote, .qs-qpanel-quote, .qs-bq blockquote,
.qs-review-text, .qs-rb-text { line-height: 2.05; }
.qs-book-name, .qs-feat-title, .qs-spot-title, .qs-rb-booktitle, .qs-book-desc,
.qs-bmk-quote, .qs-qpanel-quote, .qs-quote-text, .qs-review-text, .qs-rb-text,
.qs-hero-title, .qs-author-name, .qs-ab-name, .qs-bq blockquote, .qs-vidcard-t,
.qs-qp-quote h1 {
padding-top: 0.3em;
}
.qs-media-tiles { display: flex; gap: 12px; flex-wrap: wrap; }
.qs-media-tilebig { position: relative; display: block; width: 232px; aspect-ratio: 4 / 3;
border-radius: 12px; overflow: hidden; background: var(--qs-bg-blue);
box-shadow: 0 0 0 1px rgba(14,58,83,.08); transition: transform .15s ease, box-shadow .15s ease; }
.qs-media-tilebig:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(14,58,83,.18); }
@media (max-width: 560px) { .qs-media-tilebig { width: 100%; } }
.qs-hero-stars { font-size: 31px; letter-spacing: 4px; line-height: 1; vertical-align: -3px; }
.qs-hero-stars + .qs-reviews { font-size: 15px; vertical-align: 5px; }
.qs-media-featured { position: absolute; top: 8px; left: 8px; background: var(--qs-navy);
color: #fff; font-family: var(--qs-font); font-size: 10.5px;
font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
padding: 3px 9px; border-radius: 20px; }
.qs-btn--lg { padding: 18px 34px; font-size: 18px; }
.qs-sample-btn { display: flex; align-items: center; justify-content: center; gap: 8px;
width: 100%; margin-top: 10px; padding: 13px 16px;
background: var(--qs-bg-blue); color: var(--qs-pill-text);
border: 1px solid transparent; border-radius: var(--qs-radius);
font-family: var(--qs-font); font-size: 14.5px; font-weight: 500;
text-align: center; text-decoration: none; transition: background .15s ease; }
.qs-sample-btn:hover, .qs-sample-btn:focus { background: #DCE8F1; color: var(--qs-navy);
text-decoration: none; }
.qs-smp-head { display: flex; gap: 28px; align-items: flex-start; margin: 6px 0 26px; }
.qs-smp-cover { flex: 0 0 148px; display: block; border-radius: var(--qs-radius);
overflow: hidden; box-shadow: 0 4px 18px rgba(14,58,83,.16); }
.qs-smp-cover img { width: 100%; height: auto; display: block; }
.qs-smp-meta { flex: 1 1 auto; min-width: 0; }
.qs-smp-tag { display: inline-flex; align-items: center; gap: 7px; background: var(--qs-bg-blue);
color: var(--qs-pill-text); font-size: 12.5px; font-weight: 500;
padding: 5px 13px; border-radius: 20px; }
.qs-smp-meta h1 { font-size: 30px; font-weight: 800 !important; color: var(--qs-ink);
line-height: 1.3; margin: 12px 0 4px; padding-top: .12em; }
.qs-smp-meta h1[dir="rtl"] { font-family: var(--qs-font-urdu); line-height: 1.7;
padding-top: .3em; }
.qs-smp-by { font-size: 15.5px; color: var(--qs-muted); margin: 0 0 12px; }
.qs-smp-by a { color: var(--qs-blue); text-decoration: none; }
.qs-smp-by a:hover { text-decoration: underline; }
.qs-smp-note { font-size: 14.5px; color: var(--qs-ink-2); line-height: 1.65; margin: 0 0 16px;
max-width: 56ch; }
.qs-smp-cta { display: flex; gap: 10px; flex-wrap: wrap; }
.qs-smp-progress { height: 6px; background: var(--qs-bg-blue); border-radius: 20px;
overflow: hidden; }
.qs-smp-progress span { display: block; height: 100%; background: var(--qs-navy);
border-radius: 20px; }
.qs-smp-progress-lbl { font-size: 12.5px; color: var(--qs-muted); margin: 7px 0 22px; }
.qs-smp-body { position: relative; max-width: 720px; margin: 0 auto;
font-family: var(--qs-font); font-size: 17.5px; line-height: 1.85;
color: var(--qs-ink-2); padding-bottom: 90px; }
.qs-smp-body.is-urdu { font-family: var(--qs-font-urdu); font-size: 19px; line-height: 2.4;
text-align: right; }
.qs-smp-body p { margin: 0 0 1.15em; }
.qs-smp-body img { max-width: 100%; height: auto; }
.qs-smp-body table { max-width: 100%; }
.qs-smp-body h1, .qs-smp-body h2, .qs-smp-body h3, .qs-smp-body h4 {
color: var(--qs-ink); font-weight: 700 !important; line-height: 1.4; margin: 1.6em 0 .6em; }
.qs-smp-fade { position: absolute; left: 0; right: 0; bottom: 0; height: 170px;
pointer-events: none;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 88%); }
.qs-smp-wall { max-width: 720px; margin: 0 auto 46px; padding: 34px 30px; text-align: center;
background: var(--qs-bg-blue); border-radius: var(--qs-radius-card); }
.qs-smp-wall-icn { font-size: 30px; color: var(--qs-navy); }
.qs-smp-wall h2 { font-size: 24px; font-weight: 700 !important; color: var(--qs-ink);
margin: 12px 0 8px; }
.qs-smp-wall > p { font-size: 15px; color: var(--qs-ink-2); line-height: 1.7; margin: 0 auto 20px;
max-width: 46ch; }
.qs-smp-perks { list-style: none; padding: 0; margin: 0 auto 24px; display: table;
text-align: left; }
.qs-smp-perks li { font-size: 14.5px; color: var(--qs-pill-text); margin-bottom: 9px; }
.qs-smp-perks li i { color: var(--qs-navy); width: 20px; }
.qs-smp-wall-alt { margin: 16px 0 0; font-size: 14px; }
.qs-smp-wall-alt a { color: var(--qs-blue); text-decoration: underline; }
.qs-smp-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030;
background: #fff; border-top: 1px solid var(--qs-line);
box-shadow: 0 -3px 14px rgba(14,58,83,.09);
padding: 10px 0; transform: translateY(110%); transition: transform .2s ease; }
.qs-smp-bar.is-on { transform: translateY(0); }
.qs-smp-bar .container { display: flex; align-items: center; gap: 16px;
justify-content: space-between; }
.qs-smp-bar-t { font-family: var(--qs-font); font-size: 15px; font-weight: 500;
color: var(--qs-ink); overflow: hidden; text-overflow: ellipsis;
white-space: nowrap; }
@media (max-width: 767px) {
.qs-smp-head { flex-direction: column; gap: 18px; }
.qs-smp-cover { flex: 0 0 auto; width: 128px; }
.qs-smp-meta h1 { font-size: 24px; }
.qs-smp-cta .qs-btn { flex: 1 1 100%; }
.qs-smp-body { font-size: 16.5px; }
.qs-smp-wall { padding: 26px 18px; }
.qs-smp-bar-t { max-width: 46%; }
}
.qs-page { padding-bottom: 56px; }
.qs-prose { max-width: 68ch; margin-left: auto; margin-right: auto;
font-size: 16.5px; line-height: 1.75; color: #333; }
.qs-prose .qs-breadcrumb { padding: 14px 0 0; }
.qs-prose h2 {
font-size: 23px;
font-weight: 700;
color: #0E3A53;
margin: 46px 0 14px;
line-height: 1.3;
}
.qs-prose h2:first-of-type { margin-top: 26px; }
.qs-prose h3 {
font-size: 17.5px;
font-weight: 700;
color: #1a1a1a;
margin: 30px 0 8px;
line-height: 1.4;
}
.qs-prose p { margin: 0 0 18px; }
.qs-prose .qs-lede { font-size: 18.5px; line-height: 1.7; color: #4a5b68; margin-bottom: 30px; }
.qs-prose .qs-prose-close {
font-size: 17.5px; line-height: 1.7; color: #4a5b68;
margin-top: 38px; padding-top: 24px; border-top: 1px solid #e6e6e6;
}
.qs-prose ul, .qs-prose ol { margin: 0 0 20px; padding-left: 22px; }
.qs-prose li { margin-bottom: 9px; }
.qs-prose li:last-child { margin-bottom: 0; }
.qs-prose ul ul, .qs-prose ol ol { margin-top: 9px; margin-bottom: 0; }
.qs-prose .qs-legal-list { list-style: none; padding-left: 0; margin: 0 0 22px; }
.qs-prose .qs-legal-list > li {
padding-left: 2.6em;
text-indent: -2.6em;
margin-bottom: 11px;
}
.qs-prose blockquote, .qs-prose .qs-callout {
margin: 26px 0; padding: 16px 20px;
background: #EAF1F6; border-left: 4px solid #0E3A53; border-radius: 0 8px 8px 0;
color: #0E3A53; font-size: 16.5px; line-height: 1.7;
}
.qs-prose blockquote p:last-child, .qs-prose .qs-callout p:last-child { margin-bottom: 0; }
.qs-prose blockquote strong, .qs-prose .qs-callout strong { color: #0E3A53; }
.qs-prose strong, .qs-prose b { font-weight: 700; color: #1a1a1a; }
.qs-prose a { color: #2F6FA6; text-decoration: underline; text-underline-offset: 2px; }
.qs-prose a:hover { color: #0E3A53; }
.qs-prose table { width: 100%; border-collapse: collapse; margin: 0 0 22px; font-size: 15.5px; }
.qs-prose th, .qs-prose td { border: 1px solid #e6e6e6; padding: 9px 12px; text-align: left; }
.qs-prose th { background: #EAF1F6; color: #0E3A53; font-weight: 700; }
.qs-prose hr { border: 0; border-top: 1px solid #e6e6e6; margin: 34px 0; }
.qs-prose .qs-legal-num { color: #2F6FA6; }
@media (max-width: 767px) {
.qs-prose { font-size: 16px; }
.qs-prose h2 { font-size: 20px; margin-top: 36px; }
.qs-prose h3 { font-size: 16.5px; }
.qs-prose .qs-lede { font-size: 17px; }
}
.qs-store-h1 {
font-size: 26px;
font-weight: 700;
color: #0E3A53;
margin: 0 0 18px;
line-height: 1.2;
}
@media (max-width: 767px) { .qs-store-h1 { font-size: 21px; } }
.qs-store-h1row { display: flex; align-items: center; justify-content: space-between;
flex-wrap: wrap; gap: 12px; margin: 0 0 18px; }
.qs-store-h1row .qs-store-h1 { margin: 0; }
.qs-citydrop { position: relative; }
.qs-citydrop-btn {
background: #fff; border: 1px solid #d7dee5; color: #0E3A53;
font-family: var(--qs-font); font-size: 14px; font-weight: 600;
padding: 9px 16px; border-radius: 999px; cursor: pointer;
display: inline-flex; align-items: center; gap: 8px; line-height: 1;
transition: border-color .15s, background .15s;
}
.qs-citydrop-btn:hover { border-color: #2F6FA6; background: #f4f8fb; }
.qs-citydrop-btn .fa { transition: transform .15s; }
.qs-citydrop-btn[aria-expanded="true"] { border-color: #2F6FA6; background: #f4f8fb; }
.qs-citydrop-btn[aria-expanded="true"] .fa { transform: rotate(180deg); }
.qs-citydrop-menu {
position: absolute; right: 0; top: calc(100% + 8px); z-index: 40;
min-width: 230px; background: #fff; border: 1px solid #e2e8ee;
border-radius: 10px; box-shadow: 0 8px 26px rgba(14,58,83,.13);
padding: 6px; display: none;
}
.qs-citydrop-menu.is-open { display: block; }
.qs-citydrop-menu a {
display: flex; align-items: center; justify-content: space-between; gap: 14px;
padding: 9px 12px; border-radius: 7px; color: #0E3A53;
font-size: 14.5px; text-decoration: none;
}
.qs-citydrop-menu a:hover { background: #f4f8fb; color: #2F6FA6; text-decoration: none; }
.qs-citydrop-menu a em { font-style: normal; color: #8a97a3; font-size: 12.5px; }
@media (max-width: 767px) {
.qs-store-h1row { align-items: flex-start; }
.qs-citydrop-menu { right: auto; left: 0; }
}
.qs-prose h1 { font-size: 34px; line-height: 1.15; margin: 0 0 18px; color: #0E3A53; }
@media (max-width: 767px) { .qs-prose h1 { font-size: 26px; } }
.qs-prose p, .qs-prose li, .qs-prose div { text-align: left; }
.qs-side-h { font-size: 17px; font-weight: 700; color: #0E3A53; margin: 0 0 12px; }
.qs-arch-pager {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 6px;
margin: 34px 0 10px;
}
.qs-arch-num {
display: inline-block;
min-width: 36px;
padding: 7px 10px;
text-align: center;
border: 1px solid #d7e0e7;
border-radius: 6px;
color: #2F6FA6;
font-size: 14px;
font-weight: 600;
text-decoration: none;
background: #fff;
}
.qs-arch-num:hover, .qs-arch-num:focus { background: #EAF1F6; color: #0E3A53; text-decoration: none; }
.qs-arch-num.is-current {
background: #0E3A53;
border-color: #0E3A53;
color: #fff;
cursor: default;
}
.qs-arch-gap { padding: 0 2px; color: #9bacb8; }
.qs-arch-pager .qs-btn { margin: 0 4px; }
.qs-genre-banner.is-current { outline: 2px solid #2F6FA6; outline-offset: -2px; opacity: .75; }
.qs-genre-banner.is-current .qs-genre-label { color: #2F6FA6; }
.qs-resume-note {
display: flex;
align-items: center;
gap: 14px;
background: #FDF1E3;
border: 1px solid #F0D9BC;
border-radius: 10px;
padding: 14px 16px;
margin: 0 0 18px;
}
.qs-resume-ico { font-size: 20px; color: #B4690E; flex: none; }
.qs-resume-body { flex: 1; min-width: 0; }
.qs-resume-body strong { display: block; color: #8A5109; font-size: 14.5px; margin-bottom: 2px; }
.qs-resume-body span { display: block; color: #8A5109; font-size: 13px; opacity: .9; line-height: 1.45; }
.qs-resume-note .qs-btn { flex: none; }
@media (max-width: 600px) {
.qs-resume-note { flex-wrap: wrap; }
.qs-resume-note .qs-btn { width: 100%; justify-content: center; }
}
.qs-rate-word {
margin: 6px 0 18px;
font-size: 14px;
color: var(--qs-ink-2, #5A7385);
text-align: center;
min-height: 21px;
}
.qs-rate-word span { display: block; }
.qs-rate-word.is-set span { font-weight: 600; color: var(--qs-navy, #0E3A53); }
.qs-hero-rate { display: inline-flex; align-items: center; gap: 10px; }
.qs-hero-rate-stars { display: inline-flex; }
.qs-hero-rate-s {
font-size: 26px; line-height: 1; text-decoration: none;
color: #D6DEE4; padding: 0 1px;
transition: color .1s, transform .1s;
}
.qs-hero-rate-s:hover, .qs-hero-rate-s:focus-visible { transform: scale(1.12); }
.qs-hero-rate-stars:hover .qs-hero-rate-s { color: var(--qs-star, #E8A33D); }
.qs-hero-rate-s:hover ~ .qs-hero-rate-s { color: #D6DEE4; }
.qs-hero-rate-label { font-size: 14px; color: var(--qs-muted, #6B7C88); }
.qs-hero-rate-stars:hover + .qs-hero-rate-label { color: var(--qs-navy, #0E3A53); }
.qs-rate-inline {
margin-left: 10px; font-size: 13.5px; font-weight: 600;
color: var(--qs-blue, #2F6FA6); text-decoration: none;
}
.qs-rate-inline:hover { text-decoration: underline; }
.qs-owned {
display: inline-block; font-size: 20px; font-weight: 700;
color: #1F8A54;
}
.qs-svc-hero { background: #0E3A53; background-size: cover;
background-position: center; padding: 76px 0 96px; margin: 0 0 46px; }
.qs-svc-hero-in { max-width: 620px; }
.qs-svc-eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .12em;
text-transform: uppercase; color: #9fc6e3; margin-bottom: 14px; }
.qs-svc-hero h1 { font-size: 40px; font-weight: 800; color: #fff; line-height: 1.15; margin: 0 0 16px; }
.qs-svc-hero p  { font-size: 17px; line-height: 1.75; color: rgba(255,255,255,.86); margin: 0 0 26px; }
.qs-svc-block { margin-bottom: 52px; }
.qs-svc-h2 { font-size: 26px; font-weight: 800; color: #0E3A53; margin: 0 0 22px; line-height: 1.25; }
.qs-svc-list { list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px 36px; }
.qs-svc-list li { display: flex; gap: 12px; align-items: flex-start;
font-size: 15.5px; line-height: 1.6; color: #40515e; }
.qs-svc-list .fa { color: #1D9E75; font-size: 13px; margin-top: 5px; flex: 0 0 auto; }
.qs-svc-shots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 52px; }
.qs-svc-shots figure { margin: 0; }
.qs-svc-shots img { width: 100%; height: 210px; object-fit: cover; border-radius: 12px; display: block; }
.qs-svc-shots figcaption { font-size: 13.5px; color: #7a8996; margin-top: 9px; line-height: 1.5; }
.qs-svc-steps { list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 30px; }
.qs-svc-steps li { position: relative; }
.qs-svc-stepn { display: flex; align-items: center; justify-content: center;
width: 34px; height: 34px; border-radius: 50%; background: #0E3A53; color: #fff;
font-weight: 800; font-size: 14px; margin-bottom: 12px; }
.qs-svc-steps h3 { font-size: 16.5px; font-weight: 700; color: #0E3A53; margin: 0 0 6px; }
.qs-svc-steps p  { font-size: 14.5px; line-height: 1.7; color: #5a6b78; margin: 0; }
.qs-svc-why { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.qs-svc-wcard { background: #F5F8FA; border-radius: 12px; padding: 24px; }
.qs-svc-wcard h3 { font-size: 17px; font-weight: 700; color: #0E3A53; margin: 0 0 9px; }
.qs-svc-wcard p  { font-size: 14.5px; line-height: 1.7; color: #5a6b78; margin: 0; }
.qs-svc-cta { background: #0E3A53; border-radius: 16px; padding: 38px 44px; margin-bottom: 52px;
display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 40px; align-items: center; }
.qs-svc-cta h2 { font-size: 26px; font-weight: 800; color: #fff; margin: 0 0 10px; line-height: 1.25; }
.qs-svc-cta p  { font-size: 15.5px; line-height: 1.7; color: rgba(255,255,255,.82); margin: 0; }
.qs-svc-cta-side .qs-btn { width: 100%; text-align: center; }
.qs-svc-contact { margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.16);
display: grid; gap: 9px; }
.qs-svc-contact a, .qs-svc-contact span { color: rgba(255,255,255,.85); font-size: 13.5px;
text-decoration: none; display: flex; gap: 9px; align-items: center; }
.qs-svc-contact a:hover { color: #fff; text-decoration: underline; }
.qs-svc-contact .fa { width: 15px; text-align: center; opacity: .7; }
.qs-svc-faq details { border-bottom: 1px solid #e6ebef; }
.qs-svc-faq summary { cursor: pointer; padding: 16px 34px 16px 0; font-size: 16px; font-weight: 600;
color: #0E3A53; list-style: none; position: relative; }
.qs-svc-faq summary::-webkit-details-marker { display: none; }
.qs-svc-faq summary::after { content: "\f107"; font-family: FontAwesome; position: absolute;
right: 6px; top: 16px; color: #93a3b0; transition: transform .15s; }
.qs-svc-faq details[open] summary::after { transform: rotate(180deg); }
.qs-svc-faq p { font-size: 15px; line-height: 1.75; color: #5a6b78; margin: 0 0 18px; padding-right: 34px; }
.qs-svc-also { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.qs-svc-acard { position: relative; display: block; overflow: hidden; border-radius: 12px;
padding: 26px; text-decoration: none; background: #0E3A53; min-height: 172px; }
.qs-svc-abg { position: absolute; inset: 0; background-size: cover; background-position: center;
opacity: .3; transition: opacity .2s, transform .3s; }
.qs-svc-acard > div { position: relative; }
.qs-svc-acard:hover { text-decoration: none; }
.qs-svc-acard:hover .qs-svc-abg { opacity: .42; transform: scale(1.04); }
.qs-svc-acard h3 { font-size: 18px; font-weight: 700; color: #fff; margin: 0 0 8px; }
.qs-svc-acard p  { font-size: 14.5px; line-height: 1.65; color: rgba(255,255,255,.82); margin: 0 0 12px; }
.qs-svc-acard span { font-size: 14px; font-weight: 700; color: #9fc6e3; }
.qs-hub-hero-in { max-width: 700px; }
.qs-hub-hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.qs-hub-intro { font-size: 16.5px; line-height: 1.7; color: #5a6b78; margin: -8px 0 22px; max-width: 640px; }
.qs-hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.qs-hub-grid .qs-hub-card { min-height: 200px; }
.qs-hub .qs-svc-steps { grid-template-columns: repeat(4, 1fr); }
.qs-hub .qs-svc-steps + .qs-svc-note { margin-top: 26px; }
.qs-hub-wlink { margin-top: 12px !important; }
.qs-hub-wlink a { font-weight: 700; color: #0E3A53; }
@media (max-width: 900px) { .qs-hub-grid { grid-template-columns: repeat(2, 1fr); } .qs-hub .qs-svc-steps { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .qs-hub-grid { grid-template-columns: 1fr; } .qs-hub-hero-btns .qs-btn { width: 100%; } }
@media (max-width: 900px) {
.qs-svc-hero { padding: 44px 0 60px; }
.qs-svc-hero h1 { font-size: 28px; }
.qs-svc-list, .qs-svc-shots, .qs-svc-steps, .qs-svc-why, .qs-svc-also { grid-template-columns: 1fr; }
.qs-svc-cta { grid-template-columns: 1fr; padding: 30px 24px; gap: 24px; }
.qs-svc-shots img { height: 190px; }
}
.qs-svc-note { font-size: 15.5px; line-height: 1.7; color: #5a6b78; margin: -8px 0 22px; max-width: 720px; }
.qs-svc-gal { display: grid; gap: 16px; }
.qs-svc-gal figure { margin: 0; border-radius: 12px; overflow: hidden; background: #EDF1F4; }
.qs-svc-gal img { width: 100%; height: auto; object-fit: cover; display: block;
transition: transform .3s; }
.qs-svc-gal figure:hover img { transform: scale(1.04); }
@media (max-width: 520px) { .qs-svc-gal { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
.qs-svc-gal--wide { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.qs-svc-gal--wide img { aspect-ratio: 3 / 2; }
.qs-svc-gal--tall { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.qs-svc-gal--tall img { aspect-ratio: 4 / 5; }
.qs-svc-gal.qs-svc-gal--shot { grid-template-columns: 1fr; }
.qs-svc-gal.qs-svc-gal--shot img { aspect-ratio: auto; border-radius: 8px; }
.qs-svc-gal.qs-svc-gal--shot figure {
border: 1px solid #D5DEE7;
background: #EEF2F6;
padding: 14px;
box-shadow: 0 6px 18px rgba(14, 58, 83, .07);
}
.qs-svc-gal.qs-svc-gal--shot figure:hover img { transform: none; }
.qs-svc-band { background: #F5F8FA; margin-bottom: 52px; }
.qs-svc-band > .container { padding-top: 44px; padding-bottom: 2px; }
.qs-svc-after-band { padding-top: 44px; }
@media (max-width: 600px) {
.qs-svc-page .container { padding-left: 24px; padding-right: 24px; }
.qs-svc-gal.qs-svc-gal--shot figure { padding: 7px; }
}
.qs-svc-statswrap { position: relative; z-index: 5; margin: -86px 0 46px; padding: 0 15px; }
.qs-svc-stats {
max-width: 944px; margin: 0 auto;
background: #2B62B3; border-radius: 8px; padding: 24px 32px;
display: flex; align-items: center; justify-content: center; gap: 40px;
box-shadow: 0 8px 26px rgba(11,45,84,.22);
}
.qs-svc-stats-c { flex: 0 0 auto; min-width: 160px; text-align: center; }
.qs-svc-stats-c strong { display: block; white-space: nowrap; font-size: 48px; line-height: 60px;
font-weight: 700; letter-spacing: -.02em; color: #fff; }
.qs-svc-stats-c span   { display: block; margin-top: 26px; font-size: 12px; line-height: 1;
font-weight: 400; letter-spacing: .04em; text-transform: uppercase; color: #FEFEFE; }
.qs-svc-stats-sep { flex: 0 0 auto; width: 0; height: 68px; border-left: .5px solid #FEFEFE; }
@media (max-width: 991px) {
.qs-svc-stats { gap: 24px; padding: 22px 20px; }
.qs-svc-stats-c { flex: 0 0 130px; min-width: 0; }
.qs-svc-stats-c strong { font-size: 38px; line-height: 46px; }
.qs-svc-stats-c span { margin-top: 16px; }
}
@media (max-width: 767px) {
.qs-svc-statswrap { margin-top: 18px; }
.qs-svc-stats { flex-wrap: wrap; gap: 22px 0; padding: 22px 12px; }
.qs-svc-stats-c { flex: 1 1 44%; max-width: 50%; }
.qs-svc-stats-c strong { font-size: 30px; line-height: 38px; }
.qs-svc-stats-c span { margin-top: 8px; font-size: 11px; }
.qs-svc-stats-sep { display: none; }
}
.qs-svc-problem { max-width: 760px; border-left: 3px solid #E3B23C; padding-left: 26px; }
.qs-svc-problem p { font-size: 16.5px; line-height: 1.8; color: #40515e; margin: 0 0 16px; }
.qs-svc-problem p:last-child { margin-bottom: 0; }
.qs-svc-stack { list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px 36px; }
.qs-svc-stack li { display: flex; gap: 13px; align-items: flex-start; }
.qs-svc-stack .fa { color: #1D9E75; font-size: 13px; margin-top: 6px; flex: 0 0 auto; }
.qs-svc-stack b { display: block; font-size: 16px; font-weight: 700; color: #0E3A53;
line-height: 1.4; margin-bottom: 4px; }
.qs-svc-stack span { display: block; font-size: 14.5px; line-height: 1.7; color: #5a6b78; }
.qs-svc-why--guarantee .qs-svc-wcard { background: #eef8f3; }
.qs-svc-why--guarantee .fa { color: #1D9E75; font-size: 20px; margin-bottom: 10px; display: block; }
@media (max-width: 900px) {
.qs-svc-stack { grid-template-columns: 1fr; gap: 18px; }
.qs-svc-problem { padding-left: 18px; }
.qs-svc-problem p { font-size: 15.5px; }
}
@media (max-width: 700px) {
.qs-svc-gal[style] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
.qs-svc-wcard > .fa { display: block; font-size: 22px; color: #2F6FA6; margin-bottom: 12px; line-height: 1; }
.qs-svc-why--guarantee .qs-svc-wcard > .fa { color: #1D9E75; font-size: 20px; margin-bottom: 10px; }
.qs-story-hero { background: #0E3A53; padding: 78px 0 100px; margin: 0 0 46px; color: #fff;
background-image: linear-gradient(135deg, rgba(14,58,83,.97), rgba(14,58,83,.82)),
url('../../images/launches/03-author-reading-to-a-full-room.jpg');
background-size: cover; background-position: center 32%; }
.qs-story-hero-in { max-width: 760px; }
.qs-story-eyebrow { display: inline-block; font-size: 12px; letter-spacing: .16em;
text-transform: uppercase; font-weight: 700; color: #9EC7E8;
border: 1px solid rgba(158,199,232,.4); border-radius: 40px;
padding: 6px 16px; margin-bottom: 20px; }
.qs-story-hero-in h1 { font-size: 44px; line-height: 1.16; font-weight: 800; color: #fff; margin: 0 0 20px; }
.qs-story-hero-in p { font-size: 18px; line-height: 1.66; color: rgba(255,255,255,.9); margin: 0 0 28px; max-width: 640px; }
.qs-story-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.qs-story-intro { max-width: 780px; margin: 8px 0 54px; }
.qs-story-intro p { font-size: 17px; line-height: 1.75; color: #40515C; margin: 0 0 16px; }
.qs-tl { position: relative; padding: 8px 0 10px 0; margin: 0 0 60px; max-width: 740px; }
.qs-tl::before { content: ''; position: absolute; left: 21px; top: 6px; bottom: 6px;
width: 2px; background: linear-gradient(180deg, #DCE7F0 0%, #DCE7F0 96%, transparent 100%); }
.qs-tl-year { position: relative; padding: 30px 0 14px 66px; }
.qs-tl-year:first-child { padding-top: 4px; }
.qs-tl-yearlabel { display: inline-block; font-size: 13px; font-weight: 800; letter-spacing: .12em;
text-transform: uppercase; color: #0E3A53; background: #EAF1F7;
border-radius: 30px; padding: 7px 18px; }
.qs-tl-item { position: relative; padding: 0 0 26px 66px; }
.qs-tl-node { position: absolute; left: 0; top: 2px; width: 44px; height: 44px; border-radius: 50%;
background: #fff; border: 2px solid #DCE7F0; display: flex; align-items: center;
justify-content: center; color: #2F6FA6; font-size: 17px; z-index: 2; }
.qs-tl-item--key .qs-tl-node { background: #2F6FA6; border-color: #2F6FA6; color: #fff; }
.qs-tl-item--key .qs-tl-card { border-color: #C6DCEE; background: #F7FBFE; }
.qs-tl-card { border: 1px solid #E4EBF1; border-radius: 10px; background: #fff; padding: 20px 24px 18px; }
.qs-tl-date { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em;
text-transform: uppercase; color: #7C8B96; margin-bottom: 6px; }
.qs-tl-card h3 { font-size: 20px; font-weight: 800; color: #0E3A53; margin: 0 0 10px; line-height: 1.3; }
.qs-tl-card > p { font-size: 16px; line-height: 1.72; color: #40515C; margin: 0; }
.qs-tl-card em { font-style: italic; }
.qs-tl-figs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.qs-tl-fig { font-size: 13px; font-weight: 700; color: #0E3A53; background: #EAF1F7;
border-radius: 6px; padding: 6px 12px; }
.qs-tl-live { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.qs-tl-live > div { flex: 1 1 120px; background: #0E3A53; border-radius: 8px; padding: 14px 16px; }
.qs-tl-live strong { display: block; font-size: 30px; line-height: 1.1; font-weight: 800; color: #fff; }
.qs-tl-live span { display: block; margin-top: 4px; font-size: 12px; line-height: 1.35;
text-transform: uppercase; letter-spacing: .05em; color: rgba(255,255,255,.8); }
.qs-tl-fig-img { margin: 18px 0 0; }
.qs-tl-fig-img img { width: 100%; height: auto; display: block; border-radius: 8px;
aspect-ratio: 3 / 2; object-fit: cover; }
.qs-tl-fig-img figcaption { font-size: 13px; line-height: 1.55; color: #7C8B96; margin-top: 8px; }
.qs-tl-fig-img--cover { display: flex; gap: 16px; align-items: flex-start; }
.qs-tl-fig-img--cover img { aspect-ratio: auto; object-fit: contain; width: auto; max-width: 150px;
border: 1px solid #E4EBF1; box-shadow: 0 3px 12px rgba(11,45,84,.12); }
.qs-tl-fig-img--cover figcaption { margin-top: 0; align-self: center; }
@media (max-width: 767px) {
.qs-tl-fig-img--cover { display: block; }
.qs-tl-fig-img--cover img { max-width: 120px; }
.qs-tl-fig-img--cover figcaption { margin-top: 10px; }
}
.qs-tl-src { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px;
padding-top: 14px; border-top: 1px solid #EEF3F7; }
.qs-tl-src > span { font-size: 11px; font-weight: 700; letter-spacing: .1em;
text-transform: uppercase; color: #9AA8B2; }
.qs-tl-src a { font-size: 13px; color: #2F6FA6; text-decoration: none;
border-bottom: 1px solid rgba(47,111,166,.35); }
.qs-tl-src a:hover { color: #0E3A53; border-bottom-color: #0E3A53; }
.qs-story-press { margin: 0 0 56px; }
.qs-story-presslist { display: flex; flex-wrap: wrap; gap: 10px; }
.qs-story-presslist a { font-size: 15px; font-weight: 600; color: #0E3A53; background: #fff;
border: 1px solid #E4EBF1; border-radius: 8px; padding: 12px 20px;
text-decoration: none; }
.qs-story-presslist a:hover { border-color: #2F6FA6; color: #2F6FA6; }
.qs-story-pressnote { font-size: 14px; color: #7C8B96; margin: 14px 0 0; max-width: 640px; }
.qs-story-cta { background: #0E3A53; border-radius: 12px; padding: 46px 44px; margin: 0 0 56px; }
.qs-story-cta h2 { font-size: 28px; font-weight: 800; color: #fff; margin: 0 0 14px; line-height: 1.25; }
.qs-story-cta p { font-size: 17px; line-height: 1.7; color: rgba(255,255,255,.86); margin: 0 0 26px; max-width: 660px; }
.qs-story-cta-btns { display: flex; flex-wrap: wrap; gap: 12px; }
@media (max-width: 767px) {
.qs-story-hero { padding: 54px 0 92px; }
.qs-story-hero-in h1 { font-size: 30px; }
.qs-story-hero-in p { font-size: 16px; }
.qs-story-hero-cta .qs-btn, .qs-story-cta-btns .qs-btn { width: 100%; }
.qs-tl::before { left: 15px; }
.qs-tl-year { padding-left: 48px; }
.qs-tl-item { padding-left: 48px; }
.qs-tl-node { width: 32px; height: 32px; font-size: 13px; }
.qs-tl-card { padding: 16px 16px 14px; }
.qs-tl-card h3 { font-size: 18px; }
.qs-tl-live > div { flex: 1 1 100%; }
.qs-story-cta { padding: 32px 22px; }
.qs-story-cta h2 { font-size: 23px; }
}
.qs-srev { margin: 46px 0 10px; }
.qs-srev-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.qs-srev-card {
background: #fff; border: 1px solid #e6e6e6; border-radius: 14px;
padding: 22px 22px 18px; margin: 0;
display: flex; flex-direction: column;
}
.qs-srev-stars { color: #F4B400; font-size: 13px; letter-spacing: 1px; margin-bottom: 10px; }
.qs-srev-card blockquote {
margin: 0 0 18px; padding: 0; border: 0;
font-size: 15.5px; line-height: 1.7; color: #333;
display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;
overflow: hidden;
}
.qs-srev-card figcaption { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.qs-srev-card figcaption img,
.qs-srev-initial {
width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: 0 0 44px;
}
.qs-srev-initial {
background: #EAF1F6; color: #0E3A53; font-weight: 700; font-size: 18px;
display: flex; align-items: center; justify-content: center;
}
.qs-srev-who { display: flex; flex-direction: column; line-height: 1.35; min-width: 0; }
.qs-srev-who strong { color: #0E3A53; font-size: 15px; }
.qs-srev-who em, .qs-srev-who a { font-style: normal; font-size: 13px; color: #7b8794; }
.qs-srev-who a { text-decoration: none; }
.qs-srev-who a:hover { color: #2F6FA6; text-decoration: underline; }
.qs-srev-src {
margin-top: 14px; padding-top: 12px; border-top: 1px solid #f0f0f0;
font-size: 12.5px; color: #2F6FA6; text-decoration: none;
display: flex; justify-content: space-between; gap: 10px;
}
.qs-srev-src:hover { text-decoration: underline; }
.qs-srev-src span { color: #9aa7b2; }
@media (max-width: 991px) { .qs-srev-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .qs-srev-row { grid-template-columns: 1fr; } }
.qs-qp { max-width: 780px; }
.qs-qp-quote {
border: 0; margin: 22px 0 30px; padding: 34px 38px 28px;
background: linear-gradient(180deg, #F4F9FC 0%, #FFFFFF 100%);
border: 1px solid #E1EAF1; border-radius: 18px;
}
.qs-qp-quote h1 {
font-size: 31px; line-height: 1.6; font-weight: 400 !important; color: #0E3A53;
margin: 0 0 18px; position: relative; padding-left: 30px;
}
.qs-qp-quote h1::before {
content: '\201C'; position: absolute; left: -6px; top: 4px;
font-size: 68px; line-height: 1; color: #C3D8E6;
}
.qs-qp-quote cite { font-style: normal; font-size: 15.5px; color: #4a5b68; padding-left: 30px; display: block; }
.qs-qp-quote cite a { color: #2F6FA6; text-decoration: none; }
.qs-qp-quote cite a:hover { text-decoration: underline; }
.qs-qp-share { display: flex; gap: 10px; flex-wrap: wrap; margin: 18px 0 0 30px; }
.qs-qp-btn {
display: inline-flex; align-items: center; gap: 7px;
border: 1px solid #d7dee5; background: #fff; color: #0E3A53;
border-radius: 999px; padding: 7px 15px; font-size: 13.5px; font-weight: 500;
cursor: pointer; text-decoration: none; font-family: inherit;
}
.qs-qp-btn:hover { border-color: #2F6FA6; background: #f4f8fb; color: #0E3A53; text-decoration: none; }
.qs-qp-btn--wa:hover { border-color: #25D366; color: #128C7E; }
.qs-qp-book { display: flex; gap: 24px; padding: 24px; border: 1px solid #E4EBF0;
border-radius: 14px; background: #fff; margin-bottom: 30px;
box-shadow: 0 2px 10px rgba(14,58,83,.05); }
.qs-qp-cover { flex: 0 0 120px; }
.qs-qp-cover img { width: 120px; height: auto; border-radius: 8px;
box-shadow: 0 6px 20px rgba(14,58,83,.20); transition: transform .18s ease; }
.qs-qp-cover:hover img { transform: translateY(-3px) scale(1.02); }
.qs-qp-bookmeta h2 { font-size: 20px; margin: 0 0 4px; color: #0E3A53; }
.qs-qp-bookmeta h2 a { color: inherit; text-decoration: none; }
.qs-qp-by { margin: 0 0 4px; font-size: 14.5px; color: #4a5b68; }
.qs-qp-spec { font-size: 13px; color: #8a97a3; margin: 0 0 14px; }
.qs-qp-buy { display: flex; gap: 10px; flex-wrap: wrap; }
.qs-qp-themes { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 30px; }
.qs-qp-themes span { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: #8a97a3; }
.qs-qp-themes a { background: #EAF1F6; color: #38617A; border-radius: 999px;
padding: 5px 14px; font-size: 13.5px; text-decoration: none; }
.qs-qp-themes a:hover { background: #d8e6f0; color: #0E3A53; text-decoration: none; }
.qs-qp-quote.is-rtl h1 { padding-left: 0; padding-right: 30px; line-height: 1.95; }
.qs-qp-quote.is-rtl h1::before { left: auto; right: -4px; content: '\201D'; }
.qs-qp-quote.is-rtl cite,
.qs-qp-quote.is-rtl .qs-qp-share { padding-left: 0; padding-right: 30px; margin-left: 0; }
@media (max-width: 640px) {
.qs-qp-quote h1 { font-size: 23px; }
.qs-qp-book { flex-direction: column; }
.qs-qp-grid { grid-template-columns: 1fr; }
.qs-qp-author { flex-direction: column; }
}
.qs-qlang-switch { display: flex; gap: 8px; margin-bottom: 14px; }
.qs-qlang { flex: 1; text-align: center; padding: 9px 6px; border-radius: 8px;
border: 1px solid var(--qs-line, #dfe6ec); color: var(--qs-navy, #0E3A53);
font-weight: 600; font-size: 14px; text-decoration: none; }
.qs-qlang span { display: block; font-weight: 400; font-size: 12px; opacity: .65; }
.qs-qlang:hover { background: var(--qs-bg-blue, #eef4f8); text-decoration: none;
color: var(--qs-navy, #0E3A53); }
.qs-qlang.is-active { background: var(--qs-navy, #0E3A53); color: #fff; border-color: var(--qs-navy, #0E3A53); }
.qs-qlang.is-active span { opacity: .8; }
.qs-qt-head { display: grid; grid-template-columns: 1fr 46px 46px; gap: 4px;
padding: 0 10px 6px; font-size: 11px; letter-spacing: .06em;
text-transform: uppercase; opacity: .55; }
.qs-qt-head span:not(:first-child) { text-align: center; }
.qs-qt-row { display: grid; grid-template-columns: 1fr 46px 46px; gap: 4px;
align-items: center; padding: 7px 10px; border-radius: 8px; }
.qs-qt-row:hover { background: var(--qs-bg-blue, #eef4f8); }
.qs-qt-row.is-active { background: var(--qs-bg-blue, #eef4f8); font-weight: 600; }
.qs-qt-label { font-size: 14px; color: var(--qs-navy, #0E3A53); }
.qs-qt-n { display: block; text-align: center; font-size: 13px; padding: 3px 0;
border-radius: 6px; color: var(--qs-navy, #0E3A53); text-decoration: none; }
a.qs-qt-n:hover { background: var(--qs-navy, #0E3A53); color: #fff; text-decoration: none; }
.qs-qt-n.is-here { background: var(--qs-navy, #0E3A53); color: #fff; }
.qs-qt-n.is-thin { opacity: .38; cursor: default; }
.qs-quote-text a { color: inherit; text-decoration: none; }
.qs-quote-text a:hover { color: var(--qs-navy, #0E3A53); text-decoration: underline; }
.qs-qp-author .qs-btn { margin-top: 10px; }
.qs-qp-quote h1:lang(ur) { font-size: 30px; line-height: 2.35; padding-top: .35em; }
.qs-genre-hero-title:lang(ur) { line-height: 1.9; padding-top: .3em; }
@media (max-width: 640px) { .qs-qp-quote h1:lang(ur) { font-size: 23px; line-height: 2.2; } }
.qs-qtb { display: block; border: 1px solid #E4EBF0; border-radius: 14px;
padding: 22px 24px; background: #fff; margin-bottom: 42px; }
.qs-qtb-h { font-size: 13px; letter-spacing: .09em; text-transform: uppercase;
color: #92A4B2; margin: 0 0 18px; font-weight: 600; }
.qs-qtb-group + .qs-qtb-group { margin-top: 18px; padding-top: 18px; border-top: 1px solid #EFF4F7; }
.qs-qtb-lang { display: block; font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase;
color: #B3C0CB; margin-bottom: 10px; font-weight: 600; }
.qs-qtb-group.is-ur .qs-qtb-lang { letter-spacing: normal; font-size: 14px; }
.qs-qtb-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.qs-qtb-chip {
display: inline-flex; align-items: center; gap: 8px;
background: var(--qs-bg-blue); color: var(--qs-pill-text);
border: 1px solid transparent; border-radius: 999px;
padding: 7px 8px 7px 15px; font-size: 14px; line-height: 1.2; text-decoration: none;
transition: background .14s ease, color .14s ease, transform .14s ease;
}
.qs-qtb-chip b {
font-weight: 600; font-size: 11.5px; background: rgba(255,255,255,.78);
color: #56728A; border-radius: 999px; padding: 3px 8px; min-width: 26px; text-align: center;
}
.qs-qtb-chip:hover { background: var(--qs-navy); color: #fff; text-decoration: none; transform: translateY(-1px); }
.qs-qtb-chip:hover b { background: rgba(255,255,255,.18); color: #fff; }
.qs-qtb-chip.is-here { background: var(--qs-navy); color: #fff; }
.qs-qtb-chip.is-here b { background: rgba(255,255,255,.18); color: #fff; }
.qs-qtb-group.is-ur { direction: rtl; }
.qs-qtb-chip[dir="rtl"] { padding: 7px 15px 7px 8px; }
.qs-qtb--side .qs-qtb-chips { gap: 6px; }
.qs-qp-quote { margin-bottom: 48px; }
.qs-qp-book  { margin-bottom: 80px; }
.qs-qp-themes { margin-bottom: 80px; }
.qs-qp-quote { padding: 32px; background: linear-gradient(180deg, #F4F9FC 0%, #FEFEFE 100%); }
.qs-qp-book, .qs-qtb { padding: 16px; background: #FEFEFE; }
.qs-qp-grid  { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; align-items: stretch; }
.qs-qp-book  { gap: 24px; }
.qs-sect-head { position: relative; display: flex; align-items: baseline;
justify-content: center; margin-bottom: 24px; }
.qs-sect-head h2 { font-size: 24px; font-weight: 600; color: var(--qs-ink);
margin: 0; text-align: center; line-height: 1.4; }
.qs-sect-all { position: absolute; right: 0; bottom: 2px; white-space: nowrap;
font-size: 14px; font-weight: 500; color: var(--qs-blue); text-decoration: none; }
.qs-sect-all:hover { color: var(--qs-navy); text-decoration: none; }
.qs-sect-all i { margin-left: 6px; font-size: 12px; }
@media (max-width: 640px) {
.qs-sect-head { flex-direction: column; align-items: flex-start; gap: 6px; }
.qs-sect-head h2 { text-align: left; font-size: 20px; }
.qs-sect-all { position: static; }
}
@media (max-width: 640px) {
}
.qs-qtb-chip { min-height: 28px; }
.qs-qtb-chip { background: transparent; color: var(--qs-navy);
border: 1px solid rgba(14,58,83,.28); }
.qs-qtb-chip b { background: rgba(14,58,83,.07); color: var(--qs-navy); opacity: .75; }
.qs-qtb-chip:hover { background: var(--qs-navy); color: #fff; border-color: var(--qs-navy); }
.qs-qtb-chip.is-here { background: var(--qs-navy); color: #fff; border-color: var(--qs-navy); }
.qs-qtb-chip:hover b, .qs-qtb-chip.is-here b { background: rgba(255,255,255,.18); color: #fff; opacity: 1; }
.qs-qp-quote { background: var(--qs-navy); border: 0; color: #fff; padding: 32px 36px; }
.qs-qp-quote h1 { color: #fff; padding-left: 0; margin-bottom: 14px; }
.qs-qp-quote h1::before { display: none; }
.qs-qp-hero-body { min-width: 0; flex: 1; }
.qs-qp-quote cite { padding-left: 0; color: rgba(255,255,255,.72); font-style: italic; }
.qs-qp-quote cite a { color: #fff; text-decoration: none; }
.qs-qp-quote cite a:hover { text-decoration: underline; }
.qs-qp-share { margin: 18px 0 0; }
.qs-qp-btn { background: #fff; border-color: #fff; color: var(--qs-navy); font-weight: 500; }
.qs-qp-btn:hover { background: #EAF1F6; border-color: #EAF1F6; color: var(--qs-navy); }
.qs-qp-btn--wa:hover { background: #25D366; border-color: #25D366; color: #fff; }
@media (max-width: 640px) {
}
.qs-qp-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
@media (max-width: 640px) { .qs-qp-grid { grid-template-columns: 1fr; } }
.qs-sect-head h2 { padding: 0 104px; }
@media (max-width: 640px) { .qs-sect-head h2 { padding: 0; } }
.qs-bmk-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; align-items: stretch; }
.qs-bmk-grid .qs-bmk { flex: none; }
.qs-bmk-quote a { color: inherit; text-decoration: none; }
.qs-bmk-quote a:hover { text-decoration: underline; }
@media (max-width: 640px) { .qs-bmk-grid { grid-template-columns: 1fr; } }
.qs-quote-grid { display: block; }
.qs-quote-card--bare { padding-right: 28px; }
.qs-qp-book { display: flex; gap: 20px; align-items: center; padding: 16px 20px;
border: 1px solid #E4ECEC; border-radius: 8px; background: #FEFEFE;
box-shadow: none; }
.qs-qp-cover { flex: 0 0 78px; }
.qs-qp-cover img { width: 78px; height: auto; aspect-ratio: 3 / 4; object-fit: cover;
border-radius: 4px; box-shadow: 0 3px 10px rgba(14,58,83,.18); }
.qs-qp-bookmeta { flex: 1 1 auto; min-width: 0; }
.qs-qp-bookmeta h2 { font-size: 17px; margin: 0 0 3px; line-height: 1.35; }
.qs-qp-by   { margin: 0; font-size: 13.5px; }
.qs-qp-spec { margin: 0; font-size: 12.5px; }
.qs-qp-buy { flex: 0 0 auto; gap: 8px; }
.qs-qp-buy .qs-btn { padding: 9px 16px; font-size: 13.5px; }
@media (max-width: 700px) {
.qs-qp-book { flex-wrap: wrap; }
.qs-qp-bookmeta { flex: 1 1 100%; }
.qs-qp-buy { flex: 1 1 100%; }
}
.qs-qp-themes { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.qs-qp-themes span { font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase;
color: #92A4B2; font-weight: 600; }
.qs-qp-themes a { display: inline-flex; align-items: center; min-height: 28px;
background: transparent; color: var(--qs-navy);
border: 1px solid rgba(14,58,83,.28); border-radius: 999px;
padding: 4px 15px; font-size: 14px; text-decoration: none;
transition: background .14s ease, color .14s ease, border-color .14s ease; }
.qs-qp-themes a:hover { background: var(--qs-navy); border-color: var(--qs-navy);
color: #fff; text-decoration: none; }
.qs-qp-buy { flex: 0 0 auto; display: flex; gap: 8px; flex-wrap: wrap; margin-left: auto; }
@media (max-width: 700px) { .qs-qp-buy { margin-left: 0; } }
.qs-author-banner--compact { height: auto; padding: 32px 46px; }
@media (max-width: 767px) { .qs-author-banner--compact { padding: 26px 22px 28px; } }
.qs-qp-more, .qs-qtb, .qs-author-banner--compact { margin-bottom: 80px; }
.qs-qlang { display: flex; flex-direction: column; justify-content: center;
line-height: 1.45; padding: 10px 8px; }
.qs-qlang span { line-height: 1.45; margin-top: 2px; }
.qs-qt-head span, .qs-qtb-lang, .qs-qtb-chip, .qs-qt-n, .qs-qtb-n,
.qs-pill, .qs-qp-themes a { line-height: 1.45; }
.qs-srev-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }
.qs-srev-row .qs-rev { margin: 0; width: auto; min-width: 0; flex: none; }
@media (max-width: 900px) { .qs-srev-row { grid-template-columns: 1fr; } }
.qs-quote-xlang { margin: -8px 0 26px; font-size: 15px; }
.qs-quote-xlang a {
display: inline-flex; align-items: center; gap: 10px;
border: 1px solid rgba(14,58,83,.22); border-radius: 999px;
padding: 9px 18px; color: var(--qs-navy); font-weight: 500; text-decoration: none;
transition: background .14s ease, color .14s ease, border-color .14s ease;
}
.qs-quote-xlang a:hover { background: var(--qs-navy); border-color: var(--qs-navy);
color: #fff; text-decoration: none; }
.qs-quote-xlang b { font-weight: 600; }
.qs-quote-xlang .qs-xlang-n { font-size: 12.5px; opacity: .7; }
.qs-quote-card--pick { background: #FFFCF5; border-color: #F0E2C4; }
.qs-quote-pick {
position: absolute; bottom: 0; right: 28px;
background: #B8862B; color: #fff;
font-size: 10.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
padding: 5px 12px 6px; border-radius: 5px 5px 0 0; line-height: 1;
}
.qs-quote-pick:lang(ur) { direction: ltr; }
.qs-quote-card--pick { min-height: 168px; }
.qs-quote-card--bare.qs-quote-card--pick { min-height: 0; }
@media (max-width: 640px) {
.qs-quote-pick { right: 16px; }
.qs-quote-card--pick { min-height: 0; }
}
.qs-gfacets { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 26px; }
.qs-gfacet {
display: inline-flex; align-items: baseline; gap: 7px;
padding: 8px 16px; border-radius: 999px;
border: 1px solid var(--qs-line); background: #fff;
color: var(--qs-navy, #0E3A53);
font-size: 14.5px; font-weight: 600; text-decoration: none;
transition: background .15s, border-color .15s;
}
.qs-gfacet span { font-size: 12.5px; font-weight: 500; color: var(--qs-muted); }
.qs-gfacet:hover { background: var(--qs-bg-blue); text-decoration: none; color: var(--qs-navy, #0E3A53); }
.qs-gfacet.is-on { background: var(--qs-navy, #0E3A53); border-color: var(--qs-navy, #0E3A53); color: #fff; }
.qs-gfacet.is-on span { color: rgba(255,255,255,.72); }
.qs-gfacet--soft { border-style: dashed; color: var(--qs-ink-2, #5A7385); }
.qs-gfaq { margin: 46px 0 0; }
.qs-gfaq h2 { font-size: 24px; font-weight: 700; color: var(--qs-navy, #0E3A53); margin: 0 0 18px; }
.qs-gfaq-list { border: 1px solid var(--qs-line); border-radius: var(--qs-radius-card, 12px); background: #fff; }
.qs-gfaq-item { border-bottom: 1px solid var(--qs-line); }
.qs-gfaq-item:last-child { border-bottom: 0; }
.qs-gfaq-item > summary {
cursor: pointer; list-style: none;
padding: 16px 46px 16px 20px; position: relative;
font-size: 16px; font-weight: 600; color: var(--qs-ink, #17313F);
}
.qs-gfaq-item > summary::-webkit-details-marker { display: none; }
.qs-gfaq-item > summary::after {
content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
font-size: 20px; font-weight: 400; color: var(--qs-muted); line-height: 1;
}
.qs-gfaq-item[open] > summary::after { content: '\2013'; }
.qs-gfaq-item > summary:hover { color: var(--qs-navy, #0E3A53); }
.qs-gfaq-item > div {
padding: 0 20px 18px; font-size: 15px; line-height: 1.75; color: var(--qs-ink-2, #5A7385);
}
.qs-gfaq-item a { color: var(--qs-navy, #0E3A53); font-weight: 600; }
.qs-grecent { margin: 46px 0 0; }
.qs-grecent-when { display: block; margin-top: 6px; font-size: 12.5px; color: var(--qs-muted);
font-family: var(--qs-font); }
.qs-grecent .qs-book-desc { display: none; }
.qs-grecent .qs-book-name   { min-height: 0; margin-bottom: 8px; }
.qs-grecent .qs-book-author { margin-top: auto; }
.qs-grecent-when            { margin-top: 2px; }
.qs-gthin { margin: 40px 0 0; padding: 22px 24px; background: var(--qs-bg-blue, #EAF1F6);
border-radius: var(--qs-radius-card, 12px); }
.qs-gthin h2 { font-size: 19px; font-weight: 700; color: var(--qs-navy, #0E3A53); margin: 0 0 8px; }
.qs-gthin p { margin: 0 0 14px; color: var(--qs-ink-2, #5A7385); font-size: 15px; }
.qs-gthin-links { display: flex; flex-wrap: wrap; gap: 8px; }
.qs-gthin-links a {
display: inline-flex; align-items: baseline; gap: 6px;
padding: 8px 15px; border-radius: 999px; background: #fff;
color: var(--qs-navy, #0E3A53); font-size: 14px; font-weight: 600; text-decoration: none;
}
.qs-gthin-links a span { font-size: 12px; font-weight: 500; color: var(--qs-muted); }
.qs-gthin-links a:hover { background: var(--qs-navy, #0E3A53); color: #fff; text-decoration: none; }
.qs-gthin-links a:hover span { color: rgba(255,255,255,.7); }
@media (max-width: 640px) {
.qs-gfacets { gap: 6px; }
.qs-gfacet { padding: 7px 13px; font-size: 13.5px; }
.qs-gfaq h2 { font-size: 21px; }
}
.qs-offsale {
padding: 18px 20px;
background: var(--qs-bg-blue, #EEF4F8);
border: 1px solid rgba(14,58,83,.12);
border-radius: 12px;
}
.qs-offsale-head {
margin: 0 0 6px; font-family: var(--qs-font);
font-size: 17px; font-weight: 700; color: var(--qs-navy, #0E3A53);
}
.qs-offsale-body {
margin: 0; font-family: var(--qs-font);
font-size: 14px; line-height: 1.6; color: #38617A;
}
.qs-offsale-body a { color: var(--qs-navy, #0E3A53); text-decoration: underline; }
:root {
--qs-scarce:      #8A5A00;
--qs-scarce-bg:   #FFF6E0;
--qs-scarce-line: #F0DCA8;
--qs-urgent:      #9A3110;
--qs-urgent-bg:   #FFEDE6;
--qs-urgent-line: #F5C9B6;
}
.qs-stock-tag {
display: inline-flex; align-items: center; gap: 10px;
margin: 0 0 12px; padding: 7px 14px 7px 12px;
font-family: var(--qs-font); font-size: 13px; font-weight: 500; line-height: 1.3;
color: var(--qs-scarce);
background: var(--qs-scarce-bg);
border: 1px solid var(--qs-scarce-line);
border-radius: 20px;
}
.qs-stock-tag--urgent {
color: var(--qs-urgent);
background: var(--qs-urgent-bg);
border-color: var(--qs-urgent-line);
}
.qs-stock-meter { display: inline-flex; gap: 3px; flex: 0 0 auto; }
.qs-stock-meter i {
display: block; width: 4px; height: 12px; border-radius: 2px;
background: currentColor; opacity: .18;
}
.qs-stock-meter i.is-on { opacity: 1; }
.qs-stock-tag--last .qs-stock-meter i.is-on { animation: qs-stock-breathe 2.4s ease-in-out infinite; }
@keyframes qs-stock-breathe { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) {
.qs-stock-tag--last .qs-stock-meter i.is-on { animation: none; }
}
.qs-stock-tag__text { white-space: nowrap; }
.qs-stock-tag__text b { font-weight: 700; }
@media (max-width: 480px) {
.qs-stock-tag { width: 100%; justify-content: center; }
}
.qs-tab-stock {
display: block; margin-top: 3px;
font-size: 11px; font-weight: 600; line-height: 1.2;
color: var(--qs-scarce);
}
.qs-tab-stock--urgent { color: var(--qs-urgent); }
.qs-tab.is-active .qs-tab-stock          { color: #FFD9A8; }
.qs-tab.is-active .qs-tab-stock--urgent  { color: #FFC2A8; }
.qs-stockists-note {
display: flex; align-items: center; gap: 8px;
margin-top: 12px; padding: 9px 12px;
border: 1px solid var(--qs-line); border-radius: var(--qs-radius);
background: var(--qs-bg-blue);
font-family: var(--qs-font); font-size: 13.5px; color: var(--qs-pill-text);
text-decoration: none; line-height: 1.4;
}
.qs-stockists-note:hover { border-color: var(--qs-navy); text-decoration: none; color: var(--qs-navy); }
.qs-stockists-note b { color: var(--qs-navy); font-weight: 600; }
.qs-stockists-note .fa { color: var(--qs-navy); }
.qs-stockists-note__go { margin-left: auto; font-weight: 600; white-space: nowrap; font-size: 13px; }
.qs-stockband { margin: 40px 0; }
.qs-stockband__lede {
font-size: 15px; color: var(--qs-muted); margin: -4px 0 18px; line-height: 1.55;
}
.qs-stockband__grid {
display: grid; gap: 14px;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.qs-stockcard {
display: flex; gap: 14px; align-items: stretch;
padding: 16px; border: 1px solid var(--qs-line);
border-radius: 12px; background: #fff;
}
.qs-stockcard:hover { border-color: var(--qs-field-border); }
.qs-stockcard__mark {
flex: 0 0 56px; width: 56px; height: 56px; align-self: flex-start;
display: flex; align-items: center; justify-content: center;
border: 1px solid var(--qs-line); border-radius: 10px;
background: #fff; overflow: hidden;
}
.qs-stockcard__mark img { max-width: 100%; max-height: 100%; object-fit: contain; }
.qs-stockcard__initial {
font-family: var(--qs-font); font-size: 22px; font-weight: 600;
color: var(--qs-navy); background: var(--qs-bg-blue);
width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
}
.qs-stockcard__body { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; }
.qs-stockcard__name {
font-family: var(--qs-font); font-size: 15.5px; font-weight: 600;
color: var(--qs-ink); line-height: 1.3;
}
.qs-stockcard__where { font-size: 13px; color: var(--qs-muted); margin-top: 3px; line-height: 1.45; }
.qs-stockcard__blurb {
font-size: 13px; color: var(--qs-pill-text); margin-top: 6px;
line-height: 1.5; font-style: italic;
}
.qs-stockcard__act { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 12px; }
.qs-stockcard__act a {
font-size: 13px; font-weight: 600; color: var(--qs-navy);
text-decoration: none; padding: 6px 11px; border-radius: 6px;
background: #fff; border: 1px solid var(--qs-field-border);
}
.qs-stockcard__act a:hover { border-color: var(--qs-navy); text-decoration: none; }
.qs-stockcard__wa { color: #128C7E !important; border-color: #B7E1D8 !important; }
.qs-stockcard__wa:hover { border-color: #128C7E !important; }
.qs-stockband__foot {
margin: 14px 0 0; font-size: 13px; color: var(--qs-muted); line-height: 1.5;
}
.qs-stockband__foot .fa { color: #2E7D5B; margin-right: 5px; }
@media (max-width: 480px) {
.qs-stockband__grid { grid-template-columns: 1fr; }
.qs-stockcard__act a { flex: 1 1 auto; text-align: center; }
.qs-stockists-note { flex-wrap: wrap; }
.qs-stockists-note__go { margin-left: 0; }
}
.qs-stockists-also {
margin-top: 10px; font-family: var(--qs-font);
font-size: 13px; line-height: 1.5; color: var(--qs-muted);
}
.qs-stockists-also a {
color: var(--qs-blue); font-weight: 500; text-decoration: none;
border-bottom: 1px solid rgba(47,111,166,.35);
}
.qs-stockists-also a:hover { color: var(--qs-navy); border-bottom-color: var(--qs-navy); }
.qs-shops-intro { margin: 8px 0 22px; }
.qs-shops-lede { font-size: 15.5px; color: var(--qs-muted); line-height: 1.6; margin: 8px 0 0; max-width: 70ch; }
.qs-shops-empty { padding: 40px 0; text-align: center; color: var(--qs-muted); }
.qs-shops-foot { margin: 32px 0 40px; font-size: 14px; color: var(--qs-muted); }
.qs-shopgrid {
display: grid; gap: 16px;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
margin-bottom: 8px;
}
.qs-shopcard {
display: flex; gap: 14px; align-items: stretch;
padding: 18px; border: 1px solid var(--qs-line); border-radius: 12px;
background: #fff; text-decoration: none; color: inherit;
}
.qs-shopcard:hover { border-color: var(--qs-navy); text-decoration: none; }
.qs-shopcard__mark, .qs-shophead__mark {
flex: 0 0 64px; width: 64px; height: 64px; align-self: flex-start;
display: flex; align-items: center; justify-content: center;
border: 1px solid var(--qs-line); border-radius: 10px; background: #fff; overflow: hidden;
}
.qs-shopcard__mark img, .qs-shophead__mark img { max-width: 100%; max-height: 100%; object-fit: contain; }
.qs-shopcard__initial, .qs-shophead__initial {
width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
font-family: var(--qs-font); font-size: 26px; font-weight: 600;
color: var(--qs-navy); background: var(--qs-bg-blue);
}
.qs-shopcard__body { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; }
.qs-shopcard__name { font-family: var(--qs-font); font-size: 16px; font-weight: 600; color: var(--qs-ink); line-height: 1.3; }
.qs-shopcard__where { font-size: 13px; color: var(--qs-muted); margin-top: 3px; line-height: 1.45; }
.qs-shopcard__blurb { font-size: 13px; color: var(--qs-pill-text); margin-top: 7px; line-height: 1.5; font-style: italic; }
.qs-shopcard__count { font-size: 12.5px; color: var(--qs-navy); font-weight: 600; margin-top: auto; padding-top: 10px; }
.qs-shophead { display: flex; gap: 20px; align-items: flex-start; margin: 8px 0 34px; }
.qs-shophead__mark { flex: 0 0 92px; width: 92px; height: 92px; border-radius: 12px; }
.qs-shophead__body { min-width: 0; }
.qs-shophead__blurb { font-size: 16px; color: var(--qs-pill-text); font-style: italic; margin: 8px 0 0; line-height: 1.55; max-width: 60ch; }
.qs-shophead__where { font-size: 14.5px; color: var(--qs-muted); margin: 10px 0 0; }
.qs-shophead__where .fa { color: var(--qs-navy); margin-right: 5px; }
.qs-shophead__act { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.qs-shop-wa { background: #128C7E !important; border-color: #128C7E !important; }
.qs-shopbooks { margin-bottom: 36px; }
.qs-shopbooks__grid {
display: grid; gap: 20px 16px; margin-top: 18px;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
.qs-shopbook { display: block; text-decoration: none; color: inherit; }
.qs-shopbook:hover { text-decoration: none; }
.qs-shopbook__cover {
display: block; width: 100%; aspect-ratio: 2 / 3; object-fit: cover;
border-radius: 8px; border: 1px solid var(--qs-line); background: var(--qs-bg-blue);
}
.qs-shopbook__title { display: block; margin-top: 9px; font-size: 14px; font-weight: 600; color: var(--qs-ink); line-height: 1.35; }
.qs-shopbook__author { display: block; margin-top: 2px; font-size: 12.5px; color: var(--qs-muted); }
@media (max-width: 560px) {
.qs-shopgrid { grid-template-columns: 1fr; }
.qs-shophead { flex-direction: column; gap: 14px; }
.qs-shophead__act .qs-btn { flex: 1 1 auto; text-align: center; }
}
.qs-invite { max-width: 640px; padding-top: 32px; padding-bottom: 56px; }
.qs-invite h1 { font-size: 26px; margin: 0 0 18px; }
.qs-invite-lead { font-size: 18px; line-height: 1.55; margin-bottom: 18px; }
.qs-invite-terms {
background: #F4F9FC; border: 1px solid #DCE7EE; border-radius: 12px;
padding: 18px 20px; margin: 22px 0;
}
.qs-invite-terms p { margin: 0 0 10px; font-size: 16px; }
.qs-invite-terms p:last-child { margin-bottom: 0; }
.qs-invite-act { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 24px 0 12px; }
.qs-invite-fine { font-size: 14px; color: #5A7385; margin: 0; }
.qs-invite-err {
background: #FFF8E6; border: 1px solid #F2D999; color: #6B5312;
padding: 12px 16px; border-radius: 10px; margin: 20px 0 12px; font-size: 15px;
}
.qs-pev { padding-top: 8px; }
.qs-pev-grid {
display: grid; gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
margin-bottom: 20px;
}
.qs-pev-i {
background: var(--qs-navy); border-radius: var(--qs-radius-card);
padding: 30px 28px; text-align: center;
}
.qs-pev-i b {
display: block; font-size: 42px; font-weight: 800; color: #fff; line-height: 1.05;
font-variant-numeric: tabular-nums;
}
.qs-pev-i span {
display: block; margin-top: 6px; font-size: 14px; color: rgba(255,255,255,.72);
}
.qs-ai-lede {
font-family: var(--qs-font); font-size: 17px; line-height: 1.65;
color: var(--qs-ink-2); max-width: 620px; margin: 2px 0 16px;
}
.qs-ai-trust { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.qs-trust {
display: inline-flex; align-items: center; gap: 6px;
font-family: var(--qs-font); font-size: 13.5px; font-weight: 600;
color: var(--qs-pill-text); background: var(--qs-bg-blue);
padding: 6px 12px; border-radius: 999px;
cursor: default;
}
.qs-trust--ver i { color: #1E874B; }
.qs-trust code {
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
font-size: 13px; font-weight: 700; background: none; padding: 0;
color: var(--qs-navy);
}
#body { overflow-x: clip; }
.qs-ah-sec.qs-pamq-band {
background: var(--qs-bg-blue);
border-radius: 0;
padding: 44px 0;
margin: 48px calc(50% - 50vw) 10px;
}
.qs-pamq-band .qs-sec-head2 { padding: 0 24px; }
.qs-pamq { position: relative; }
.qs-pamq-row {
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, transparent, #000 72px,
#000 calc(100% - 72px), transparent);
mask-image: linear-gradient(to right, transparent, #000 72px,
#000 calc(100% - 72px), transparent);
}
.qs-pamq-row + .qs-pamq-row { margin-top: 12px; }
.qs-pamq-track {
display: flex; width: max-content;
animation: qs-pamq-run 64s linear infinite;
will-change: transform;
}
.qs-pamq-row--rev .qs-pamq-track { animation-direction: reverse; }
.qs-pamq-row:nth-child(2) .qs-pamq-track { animation-duration: 79s; }
.qs-pamq-row:nth-child(3) .qs-pamq-track { animation-duration: 71s; }
@keyframes qs-pamq-run {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
.qs-pamq-set { display: flex; }
.qs-pamq--still .qs-pamq-track { animation: none; width: auto; }
.qs-pamq--still .qs-pamq-set { margin: 0 auto; }
.qs-pamq--still .qs-pamq-set--dup { display: none; }
.qs-pamq--still .qs-pamq-row { overflow-x: auto; overscroll-behavior-x: contain; }
.qs-pamq--still .qs-pamq-pill:last-child { margin-right: 0; }
@media (hover: hover) and (pointer: fine) {
.qs-pamq:hover .qs-pamq-track { animation-play-state: paused; }
}
.qs-pamq:focus-within .qs-pamq-track { animation-play-state: paused; }
.qs-pamq-pill {
display: flex; align-items: center; gap: 11px;
margin-right: 12px; padding: 7px 20px 7px 7px;
border: 1px solid var(--qs-line); border-radius: 999px;
background: var(--qs-surface); text-decoration: none;
white-space: nowrap;
}
.qs-pamq-av {
flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%;
object-fit: cover; display: block;
border: 1px solid var(--qs-line); background: var(--qs-surface);
}
.qs-pamq-txt strong {
display: block; font-size: 14px; font-weight: 700; color: var(--qs-navy);
line-height: 1.25;
}
.qs-pamq-txt span { display: block; font-size: 12px; color: var(--qs-muted); margin-top: 1px; }
.qs-pauthor-i {
background: var(--qs-bg-blue); color: var(--qs-blue); border-color: transparent;
font-size: 15px; font-weight: 700; line-height: 42px; text-align: center;
letter-spacing: .5px;
}
.qs-review-on { margin: 10px 0 0; font-size: 13px; color: var(--qs-muted); }
.qs-review-on a { color: var(--qs-blue); text-decoration: none; }
.qs-review-on a:hover { text-decoration: underline; }
.qs-psub { border: 1px solid var(--qs-line); border-radius: var(--qs-radius-card); padding: 26px 24px; }
.qs-psub--open   { border-color: #CFE0EC; background: var(--qs-bg-blue); }
.qs-psub--closed { background: #FAFAFA; }
.qs-psub-status { font-size: 18px; margin: 0 0 14px; color: var(--qs-navy); }
.qs-psub-facts { display: grid; grid-template-columns: max-content 1fr; gap: 8px 18px; margin: 0 0 16px; }
.qs-psub-facts dt { font-size: 13px; color: var(--qs-muted); text-transform: uppercase;
letter-spacing: .04em; align-self: baseline; }
.qs-psub-facts dd { margin: 0; font-size: 15px; color: var(--qs-ink); }
.qs-psub-guide-h { font-size: 15px; font-weight: 700; color: var(--qs-navy); margin: 20px 0 8px; }
.qs-psub-note { font-size: 15px; line-height: 1.7; color: var(--qs-ink-2, #4a4a4a); margin: 0; }
.qs-psub-note p { margin: 0 0 8px; }
.qs-psub-note p:last-child { margin-bottom: 0; }
.qs-pcontact { display: grid; gap: 10px; align-content: start; }
.qs-pcontact .qs-btn { width: 100%; text-align: center; }
.qs-psub .qs-sec-head2 { text-align: left; }
.qs-gfacets--more { margin-top: 8px; }
:root {
--qs-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}
.qs-ai-cta { display: flex; gap: 12px; flex-wrap: wrap; margin: 4px 0 18px; }
.qs-pabout-sec .qs-sec-head2 { text-align: left; }
.qs-pabout {
font-family: var(--qs-font); font-size: 16px; line-height: 1.8;
color: var(--qs-ink-2); max-width: 620px; margin: 0;
}
.qs-pabout p { margin: 0 0 12px; font-size: inherit; line-height: inherit; color: inherit; }
.qs-pabout p:last-child { margin-bottom: 0; }
.qs-btn { transition: transform 160ms var(--qs-ease-out), background 160ms ease, color 160ms ease; }
.qs-btn:active { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
.qs-pamq-pill { transition: border-color 160ms var(--qs-ease-out); }
.qs-pamq-pill:hover { border-color: var(--qs-blue); }
.qs-pamq-pill:hover .qs-pamq-txt strong { color: var(--qs-blue); }
}
@media (prefers-reduced-motion: no-preference) {
.qs-pev, .qs-pabout-sec, .qs-pamq, .qs-bookquotes .qs-quote-grid, .qs-spotrail, .qs-psub {
animation: qs-rise 320ms var(--qs-ease-out) both;
}
.qs-pabout-sec { animation-delay: 50ms; }
.qs-pamq { animation-delay: 100ms; }
.qs-bookquotes .qs-quote-grid { animation-delay: 150ms; }
.qs-spotrail { animation-delay: 200ms; }
}
@keyframes qs-rise {
from { opacity: 0; transform: translateY(8px); }
to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
.qs-pev, .qs-pabout-sec, .qs-pamq, .qs-bookquotes .qs-quote-grid, .qs-spotrail, .qs-psub {
animation: none;
}
.qs-pamq-track { animation: none; width: auto; }
.qs-pamq-set { margin: 0 auto; }
.qs-pamq-set--dup { display: none; }
.qs-pamq-row { overflow-x: auto; overscroll-behavior-x: contain; }
.qs-pamq-pill:last-child { margin-right: 0; }
.qs-btn:active { transform: none; }
}
.qs-pop { position: fixed; inset: 0; z-index: 9500; display: none; }
.qs-pop.is-open { display: block; }
.qs-pop-bg { position: absolute; inset: 0; background: rgba(10,44,64,.55); }
.qs-pop-card {
position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
width: min(440px, calc(100vw - 32px)); max-height: calc(100vh - 40px); overflow: auto;
background: #fff; border-radius: var(--qs-radius-card); box-shadow: 0 24px 60px rgba(10,44,64,.35);
font-family: var(--qs-font);
}
.qs-pop-x {
position: absolute; top: 8px; right: 10px; z-index: 2; width: 34px; height: 34px;
border: 0; background: rgba(255,255,255,.85); border-radius: 50%; cursor: pointer;
font-size: 22px; line-height: 1; color: var(--qs-navy);
}
.qs-pop-x:hover { background: #fff; }
.qs-pop-img { width: 100%; height: auto; display: block; border-radius: var(--qs-radius-card) var(--qs-radius-card) 0 0; }
.qs-pop-in { padding: 22px 22px 24px; }
.qs-pop-h { font-size: 22px; font-weight: 700; color: var(--qs-navy); margin: 0 0 8px; line-height: 1.25; }
.qs-pop-body { font-size: 14.5px; color: #46545e; line-height: 1.6; margin: 0 0 14px; }
.qs-pop-cta {
display: inline-block; margin: 0 0 16px; padding: 10px 20px; border-radius: var(--qs-radius);
background: var(--qs-blue); color: #fff; font-weight: 600; text-decoration: none;
}
.qs-pop-cta:hover { background: var(--qs-navy); color: #fff; text-decoration: none; }
.qs-pop-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.qs-pop-field { margin: 0 0 10px; }
.qs-pop-field input {
width: 100%; padding: 11px 13px; border: 1px solid #d7dee5; border-radius: var(--qs-radius);
font-family: var(--qs-font); font-size: 15px; box-sizing: border-box;
}
.qs-pop-field input:focus { outline: none; border-color: var(--qs-blue); }
.qs-pop-roles { margin: 4px 0 12px; font-size: 14px; color: #46545e; }
.qs-pop-roles-lbl { display: block; font-weight: 600; margin-bottom: 4px; color: var(--qs-navy); }
.qs-pop-roles label { display: inline-flex; align-items: center; gap: 5px; margin-right: 14px; cursor: pointer; }
.qs-pop-news { display: flex; align-items: center; gap: 7px; font-size: 13.5px; color: #46545e; margin: 0 0 14px; cursor: pointer; }
.qs-pop-submit {
width: 100%; padding: 12px; border: 0; border-radius: var(--qs-radius); cursor: pointer;
background: var(--qs-navy); color: #fff; font-family: var(--qs-font); font-size: 16px; font-weight: 700;
}
.qs-pop-submit:hover { background: var(--qs-navy-700); }
.qs-pop-submit:disabled { opacity: .6; cursor: default; }
.qs-pop-msg { margin: 12px 0 0; font-size: 15px; color: #1f7a4d; font-weight: 600; text-align: center; }
@media (max-width: 480px) {
.qs-pop-card { width: calc(100vw - 20px); }
.qs-pop-h { font-size: 19px; }
}
.qs-blogposts .qs-comm-grid { margin-top: 18px; }
.qs-blogposts-nudge { margin: 18px 0 0; font-size: 15px; color: var(--qs-ink-2); }
.qs-blogposts-nudge a { color: var(--qs-navy); font-weight: 600; text-decoration: underline; }
.qs-blogposts-nudge a:hover { color: var(--qs-blue); }

/* ---- assets/css/qs-press.css ---- */
.qs-presslinks { margin: 34px 0 0; }
.qs-pl-head { font-size: 20px; font-weight: 700 !important; color: var(--qs-ink);
margin: 0 0 16px; }
.qs-pl-count { display: inline-block; min-width: 22px; padding: 2px 8px; margin-left: 8px;
border-radius: 20px; background: var(--qs-bg-blue); color: var(--qs-blue);
font-size: 12px; font-weight: 700; vertical-align: middle; }
.qs-pl-more { margin-top: 14px; }
.qs-pl-more > summary {
display: inline-block;
cursor: pointer;
list-style: none;
padding: 9px 20px;
border: 1px solid #BFD5E4;
border-radius: 40px;
background: #fff;
color: var(--qs-blue);
font-size: 13.5px;
font-weight: 600;
transition: background .2s, border-color .2s;
}
.qs-pl-more > summary::-webkit-details-marker { display: none; }
.qs-pl-more > summary:hover { background: var(--qs-bg-blue); border-color: var(--qs-blue); }
.qs-pl-more > summary::after { content: ' \25BE'; }
.qs-pl-more[open] > summary::after { content: ' \25B4'; }
.qs-pl-more .qs-pl-grid { margin-top: 14px; }
.qs-pl-more .qs-pl-more-shut,
.qs-pl-more[open] .qs-pl-more-open { display: none; }
.qs-pl-more[open] .qs-pl-more-shut { display: inline; }
.qs-pl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.qs-pl-card {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 10px;
overflow: hidden;
text-decoration: none;
color: inherit;
box-shadow: 0 0 0 1px rgba(14,58,83,.14), 0 3px 8px rgba(14,58,83,.14),
0 8px 16px -8px rgba(14,58,83,.30);
transition: box-shadow .15s ease, transform .15s ease;
}
.qs-pl-card:hover, .qs-pl-card:focus {
transform: translateY(-2px);
text-decoration: none;
color: inherit;
box-shadow: 0 0 0 1px rgba(14,58,83,.18), 0 5px 12px rgba(14,58,83,.18),
0 14px 24px -8px rgba(14,58,83,.35);
}
.qs-pl-thumb { display: block; background: var(--qs-bg-blue); }
.qs-pl-thumb img { display: block; width: 100%; height: 150px; object-fit: cover;
transition: transform .5s cubic-bezier(.2,0,.2,1); }
.qs-pl-card:hover .qs-pl-thumb img { transform: scale(1.04); }
.qs-pl-body { display: block; padding: 14px 16px 16px; }
.qs-pl-kind { display: inline-block; font-size: 10.5px; font-weight: 700; letter-spacing: .09em;
text-transform: uppercase; color: var(--qs-blue); background: var(--qs-bg-blue);
padding: 3px 10px; border-radius: 20px; margin-bottom: 9px; }
.qs-pl-body strong { display: block; font-size: 15px; font-weight: 700; line-height: 1.4;
color: var(--qs-ink); margin-bottom: 6px; }
.qs-pl-ex { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
overflow: hidden; font-size: 13px; line-height: 1.6; color: var(--qs-ink-2);
margin-bottom: 10px; }
.qs-pl-meta { display: block; font-size: 12px; color: var(--qs-muted); }
.qs-pl-meta i { margin-left: 5px; font-size: 10px; }
@media (max-width: 560px) {
.qs-pl-grid { grid-template-columns: 1fr; }
.qs-pl-thumb img { height: 170px; }
}
.qs-community { padding: 54px 0 58px; }
.qs-community-wrap .qs-community { padding-bottom: 10px; }
.qs-comm-head { text-align: center; max-width: 660px; margin: 0 auto 28px; }
.qs-comm-head h2 { font-size: 28px; font-weight: 800 !important; color: var(--qs-ink);
margin: 0 0 10px; }
.qs-comm-head p  { font-size: 15px; line-height: 1.7; color: var(--qs-ink-2); margin: 0; }
.qs-comm-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.qs-comm-card {
position: relative;
display: flex;
flex-direction: column;
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 0 1px rgba(14,58,83,.14), 0 3px 8px rgba(14,58,83,.14),
0 8px 16px -8px rgba(14,58,83,.30);
transition: box-shadow .15s ease, transform .15s ease;
}
.qs-comm-card:hover { transform: translateY(-2px);
box-shadow: 0 0 0 1px rgba(14,58,83,.18), 0 5px 12px rgba(14,58,83,.18),
0 14px 24px -8px rgba(14,58,83,.35); }
.qs-comm-thumb { display: block; background: var(--qs-bg-blue); }
.qs-comm-thumb--none { height: 170px; display: flex; flex-direction: column; gap: 8px;
align-items: center; justify-content: center; color: var(--qs-blue); }
.qs-comm-thumb--none i { font-size: 26px; opacity: .6; }
.qs-comm-thumb--none b { font-size: 13px; font-weight: 600; color: var(--qs-pill-text); }
.qs-comm-thumb img { display: block; width: 100%; height: 170px; object-fit: cover;
transition: transform .5s cubic-bezier(.2,0,.2,1); }
.qs-comm-card:hover .qs-comm-thumb img { transform: scale(1.04); }
.qs-comm-body { padding: 15px 17px 16px; display: flex; flex-direction: column; flex: 1 1 auto; }
.qs-comm-body h3 { font-size: 16px; font-weight: 700 !important; line-height: 1.4;
margin: 0 0 8px; }
.qs-comm-body p  { font-size: 13px; line-height: 1.6; color: var(--qs-ink-2); margin: 0 0 12px;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
overflow: hidden; flex: 1 1 auto; }
.qs-comm-out { color: var(--qs-ink); text-decoration: none; }
.qs-comm-out:hover, .qs-comm-out:focus { color: var(--qs-blue); text-decoration: none; }
.qs-comm-out::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.qs-comm-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px;
border-top: 1px solid var(--qs-line); padding-top: 11px;
font-size: 12.5px; color: var(--qs-muted); }
.qs-comm-meta > span { flex: 0 0 auto; }
.qs-comm-in { position: relative; z-index: 2; color: var(--qs-blue); font-weight: 600;
text-decoration: none; text-align: right;
min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qs-comm-in:hover { text-decoration: underline; color: var(--qs-blue); }
.qs-comm-rail { overflow: hidden; padding: 8px 0 18px; margin: -8px 0 -18px; }
.qs-comm-track { display: flex !important; gap: 18px;
transition: transform .45s cubic-bezier(.4,0,.2,1); }
.qs-comm-track > .qs-comm-card { flex: 0 0 calc((100% - 36px) / 3); }
.qs-comm-nav { display: flex; align-items: center; justify-content: center; gap: 18px;
margin-top: 22px; }
.qs-comm-arrow { width: 36px; height: 36px; border-radius: 50%; border: 0;
background: var(--qs-navy); color: #fff; font-size: 20px; line-height: 1;
cursor: pointer; transition: opacity .2s; }
.qs-comm-arrow:disabled { opacity: .28; cursor: default; }
.qs-comm-dots { display: inline-flex; align-items: center; gap: 7px; }
.qs-comm-dot { width: 8px; height: 8px; border-radius: 50%; background: #BFD5E4; cursor: pointer;
transition: width .25s, background .25s; }
.qs-comm-dot.is-on { width: 26px; border-radius: 5px; background: var(--qs-navy); }
@media (max-width: 900px) {
.qs-comm-grid { grid-template-columns: repeat(2, 1fr); }
.qs-comm-track > .qs-comm-card { flex: 0 0 calc((100% - 18px) / 2); }
}
@media (max-width: 600px) {
.qs-comm-grid { grid-template-columns: 1fr; }
.qs-comm-track > .qs-comm-card { flex: 0 0 100%; }
}