/* ---------- 4.22. How To ---------- */
.how-to-container {
    margin: 0 auto;
}
.how-to-info {
    margin: 20px auto 10px auto;
}
.how-to-info li {
    padding-left: 36px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left center;
    margin-bottom: 14px;
    line-height: 20px;
}
.how-to-info li:nth-child(1) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDMuNzQ5OTdDOS44MTE5NCAzLjc0OTk3IDcuNzEzNDYgNC42MTkxNSA2LjE2NjMzIDYuMTY2MzdDNC42MTkxMSA3LjcxMzU5IDMuNzQ5OTMgOS44MTE4NiAzLjc0OTkzIDEyQzMuNzQ5OTMgMTQuMTg4MiA0LjYxOTExIDE2LjI4NjYgNi4xNjYzMyAxNy44MzM3QzcuNzEzNTQgMTkuMzgwOSA5LjgxMTgyIDIwLjI1MDEgMTIgMjAuMjUwMUMxNC4xODgyIDIwLjI1MDEgMTYuMjg2NSAxOS4zODA5IDE3LjgzMzcgMTcuODMzN0MxOS4zODA5IDE2LjI4NjUgMjAuMjUwMSAxNC4xODgyIDIwLjI1MDEgMTJDMjAuMjQ3NiA5LjgxMjg0IDE5LjM3NzcgNy43MTU4NiAxNy44MzEgNi4xNjkzN0MxNi4yODQzIDQuNjIyNjcgMTQuMTg3MyAzLjc1MjggMTIuMDAwMyAzLjc1MDMyTDEyIDMuNzQ5OTdaTTE0Ljc4MDIgMTQuNzhDMTQuNjM5NSAxNC45MjA4IDE0LjQ0ODkgMTQuOTk5OCAxNC4yNSAxNC45OTk4QzE0LjA1MTEgMTQuOTk5OCAxMy44NjAzIDE0LjkyMDggMTMuNzE5NiAxNC43OEwxMS40Njk2IDEyLjUzMDFDMTEuMzI5IDEyLjM4OTYgMTEuMjUgMTIuMTk4NyAxMS4yNSAxMS45OTk5VjYuNzQ5OTFDMTEuMjUgNi40ODE4OSAxMS4zOTMgNi4yMzQzIDExLjYyNSA2LjEwMDM3QzExLjg1NyA1Ljk2NjQ0IDEyLjE0MyA1Ljk2NjQ0IDEyLjM3NSA2LjEwMDM3QzEyLjYwNyA2LjIzNDMgMTIuNzUgNi40ODE4OSAxMi43NSA2Ljc0OTkxVjExLjY4OTJMMTQuNzgwMiAxMy43MTkzQzE0LjkyMSAxMy44NiAxNSAxNC4wNTA4IDE1IDE0LjI0OTdDMTUgMTQuNDQ4NiAxNC45MjEgMTQuNjM5MiAxNC43ODAyIDE0Ljc3OTlWMTQuNzhaTTEyIDBDOC44MTczNyAwIDUuNzY1MTkgMS4yNjQyOCAzLjUxNDc3IDMuNTE0NzdDMS4yNjQyOCA1Ljc2NTEgMCA4LjgxNzQ1IDAgMTJDMCAxNS4xODI1IDEuMjY0MjggMTguMjM0OCAzLjUxNDc3IDIwLjQ4NTJDNS43NjUxIDIyLjczNTcgOC44MTc0NSAyNCAxMiAyNEMxNS4xODI1IDI0IDE4LjIzNDggMjIuNzM1NyAyMC40ODUyIDIwLjQ4NTJDMjIuNzM1NyAxOC4yMzQ5IDI0IDE1LjE4MjUgMjQgMTJDMjMuOTk2MyA4LjgxODU3IDIyLjczMDkgNS43NjgxOSAyMC40ODEyIDMuNTE5MDZDMTguMjMxOCAxLjI2OTQyIDE1LjE4MTYgMC4wMDM5NDI4MyAxMi4wMDAzIDAuMDAwMjk5OTk4TDEyIDBaTTEyIDIxLjc0OThDOS40MTQxOSAyMS43NDk4IDYuOTM0MzIgMjAuNzIyNiA1LjEwNTYyIDE4Ljg5NDJDMy4yNzcxOCAxNy4wNjU3IDIuMjQ5OTQgMTQuNTg1OCAyLjI0OTk0IDExLjk5OThDMi4yNDk5NCA5LjQxMzggMy4yNzcxOCA2LjkzNDExIDUuMTA1NjIgNS4xMDU0MUM2LjkzNDA2IDMuMjc2OTYgOS40MTQwMiAyLjI0OTczIDEyIDIuMjQ5NzNDMTQuNTg2IDIuMjQ5NzMgMTcuMDY1NyAzLjI3Njk2IDE4Ljg5NDQgNS4xMDU0MUMyMC43MjI4IDYuOTMzODUgMjEuNzUwMSA5LjQxMzggMjEuNzUwMSAxMS45OTk4QzIxLjc0NzIgMTQuNTg0NyAyMC43MTkgMTcuMDYyOSAxOC44OTEyIDE4Ljg5MDdDMTcuMDYzMyAyMC43MTg1IDE0LjU4NSAyMS43NDY4IDEyLjAwMDMgMjEuNzQ5NkwxMiAyMS43NDk4WiIgZmlsbD0iIzU4NDRENiIvPgo8cGF0aCBkPSJNMTIgMy43NDk5N0M5LjgxMTk0IDMuNzQ5OTcgNy43MTM0NiA0LjYxOTE1IDYuMTY2MzMgNi4xNjYzN0M0LjYxOTExIDcuNzEzNTkgMy43NDk5MyA5LjgxMTg2IDMuNzQ5OTMgMTJDMy43NDk5MyAxNC4xODgyIDQuNjE5MTEgMTYuMjg2NiA2LjE2NjMzIDE3LjgzMzdDNy43MTM1NCAxOS4zODA5IDkuODExODIgMjAuMjUwMSAxMiAyMC4yNTAxQzE0LjE4ODIgMjAuMjUwMSAxNi4yODY1IDE5LjM4MDkgMTcuODMzNyAxNy44MzM3QzE5LjM4MDkgMTYuMjg2NSAyMC4yNTAxIDE0LjE4ODIgMjAuMjUwMSAxMkMyMC4yNDc2IDkuODEyODQgMTkuMzc3NyA3LjcxNTg2IDE3LjgzMSA2LjE2OTM3QzE2LjI4NDMgNC42MjI2NyAxNC4xODczIDMuNzUyOCAxMi4wMDAzIDMuNzUwMzJMMTIgMy43NDk5N1pNMTQuNzgwMiAxNC43OEMxNC42Mzk1IDE0LjkyMDggMTQuNDQ4OSAxNC45OTk4IDE0LjI1IDE0Ljk5OThDMTQuMDUxMSAxNC45OTk4IDEzLjg2MDMgMTQuOTIwOCAxMy43MTk2IDE0Ljc4TDExLjQ2OTYgMTIuNTMwMUMxMS4zMjkgMTIuMzg5NiAxMS4yNSAxMi4xOTg3IDExLjI1IDExLjk5OTlWNi43NDk5MUMxMS4yNSA2LjQ4MTg5IDExLjM5MyA2LjIzNDMgMTEuNjI1IDYuMTAwMzdDMTEuODU3IDUuOTY2NDQgMTIuMTQzIDUuOTY2NDQgMTIuMzc1IDYuMTAwMzdDMTIuNjA3IDYuMjM0MyAxMi43NSA2LjQ4MTg5IDEyLjc1IDYuNzQ5OTFWMTEuNjg5MkwxNC43ODAyIDEzLjcxOTNDMTQuOTIxIDEzLjg2IDE1IDE0LjA1MDggMTUgMTQuMjQ5N0MxNSAxNC40NDg2IDE0LjkyMSAxNC42MzkyIDE0Ljc4MDIgMTQuNzc5OVYxNC43OFpNMTIgMEM4LjgxNzM3IDAgNS43NjUxOSAxLjI2NDI4IDMuNTE0NzcgMy41MTQ3N0MxLjI2NDI4IDUuNzY1MSAwIDguODE3NDUgMCAxMkMwIDE1LjE4MjUgMS4yNjQyOCAxOC4yMzQ4IDMuNTE0NzcgMjAuNDg1MkM1Ljc2NTEgMjIuNzM1NyA4LjgxNzQ1IDI0IDEyIDI0QzE1LjE4MjUgMjQgMTguMjM0OCAyMi43MzU3IDIwLjQ4NTIgMjAuNDg1MkMyMi43MzU3IDE4LjIzNDkgMjQgMTUuMTgyNSAyNCAxMkMyMy45OTYzIDguODE4NTcgMjIuNzMwOSA1Ljc2ODE5IDIwLjQ4MTIgMy41MTkwNkMxOC4yMzE4IDEuMjY5NDIgMTUuMTgxNiAwLjAwMzk0MjgzIDEyLjAwMDMgMC4wMDAyOTk5OThMMTIgMFpNMTIgMjEuNzQ5OEM5LjQxNDE5IDIxLjc0OTggNi45MzQzMiAyMC43MjI2IDUuMTA1NjIgMTguODk0MkMzLjI3NzE4IDE3LjA2NTcgMi4yNDk5NCAxNC41ODU4IDIuMjQ5OTQgMTEuOTk5OEMyLjI0OTk0IDkuNDEzOCAzLjI3NzE4IDYuOTM0MTEgNS4xMDU2MiA1LjEwNTQxQzYuOTM0MDYgMy4yNzY5NiA5LjQxNDAyIDIuMjQ5NzMgMTIgMi4yNDk3M0MxNC41ODYgMi4yNDk3MyAxNy4wNjU3IDMuMjc2OTYgMTguODk0NCA1LjEwNTQxQzIwLjcyMjggNi45MzM4NSAyMS43NTAxIDkuNDEzOCAyMS43NTAxIDExLjk5OThDMjEuNzQ3MiAxNC41ODQ3IDIwLjcxOSAxNy4wNjI5IDE4Ljg5MTIgMTguODkwN0MxNy4wNjMzIDIwLjcxODUgMTQuNTg1IDIxLjc0NjggMTIuMDAwMyAyMS43NDk2TDEyIDIxLjc0OThaIiBmaWxsPSIjN0Y3RjlDIi8+Cjwvc3ZnPgo=);
}
.how-to-info li:nth-child(2) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3LjgwOTUgNy4xMDYwOEgyMS45ODkzQzIxLjY2NDMgNy4xMDYwOCAyMS40MDA0IDcuMzcwMjUgMjEuNDAwNCA3LjY5NDk0VjE5LjQxMTFDMjEuNDAwNCAxOS43MzYgMjEuNjY0NiAyMCAyMS45ODkzIDIwSDI3LjgwOTVDMjguMTM0NCAyMCAyOC4zOTgzIDE5LjczNTggMjguMzk4MyAxOS40MTExVjcuNjk0OTRDMjguMzk4NSA3LjM3MDI1IDI4LjEzNDQgNy4xMDYwOCAyNy44MDk1IDcuMTA2MDhaTTI1LjQ4NCAxOC42NzAySDI0LjMxMTJDMjQuMTM2NSAxOC42NzAyIDIzLjk5NDQgMTguNTI4MyAyMy45OTQ0IDE4LjM1MzRDMjMuOTk0NCAxOC4xNzg3IDI0LjEzNjIgMTguMDM2NyAyNC4zMTEyIDE4LjAzNjdIMjUuNDg0QzI1LjY1ODcgMTguMDM2NyAyNS44MDA4IDE4LjE3ODUgMjUuODAwOCAxOC4zNTM0QzI1LjgwMDggMTguNTI4MyAyNS42NTk0IDE4LjY3MDIgMjUuNDg0IDE4LjY3MDJaIiBmaWxsPSIjNTg0NEQ2Ii8+CjxwYXRoIGQ9Ik0yNy44MDk1IDcuMTA2MDhIMjEuOTg5M0MyMS42NjQzIDcuMTA2MDggMjEuNDAwNCA3LjM3MDI1IDIxLjQwMDQgNy42OTQ5NFYxOS40MTExQzIxLjQwMDQgMTkuNzM2IDIxLjY2NDYgMjAgMjEuOTg5MyAyMEgyNy44MDk1QzI4LjEzNDQgMjAgMjguMzk4MyAxOS43MzU4IDI4LjM5ODMgMTkuNDExMVY3LjY5NDk0QzI4LjM5ODUgNy4zNzAyNSAyOC4xMzQ0IDcuMTA2MDggMjcuODA5NSA3LjEwNjA4Wk0yNS40ODQgMTguNjcwMkgyNC4zMTEyQzI0LjEzNjUgMTguNjcwMiAyMy45OTQ0IDE4LjUyODMgMjMuOTk0NCAxOC4zNTM0QzIzLjk5NDQgMTguMTc4NyAyNC4xMzYyIDE4LjAzNjcgMjQuMzExMiAxOC4wMzY3SDI1LjQ4NEMyNS42NTg3IDE4LjAzNjcgMjUuODAwOCAxOC4xNzg1IDI1LjgwMDggMTguMzUzNEMyNS44MDA4IDE4LjUyODMgMjUuNjU5NCAxOC42NzAyIDI1LjQ4NCAxOC42NzAyWiIgZmlsbD0iIzdGN0Y5QyIvPgo8cGF0aCBkPSJNMjAuNzY3MiAxMy41NzgzVjcuNjk0NzRDMjAuNzY3MiA3LjAyMDgzIDIxLjMxNSA2LjQ3MjQgMjEuOTg5NiA2LjQ3MjRIMjQuNTc5OFYwLjU4ODg2MkMyNC41Nzk4IDAuMjYzOTQ4IDI0LjMxNTcgMCAyMy45OTEgMEgzLjA4MzkyQzIuNzU5IDAgMi40OTUwNiAwLjI2NDE3NCAyLjQ5NTA2IDAuNTg4ODYyVjEzLjU3NzlMMjAuNzY3MiAxMy41NzgzWk0xMC41NzA3IDExLjY4NjRIMTUuNTA2N0MxNS42ODE0IDExLjY4NjQgMTUuODIzNSAxMS44MjgyIDE1LjgyMzUgMTIuMDAzMkMxNS44MjM1IDEyLjE3NzkgMTUuNjgxNyAxMi4zMTk5IDE1LjUwNjcgMTIuMzE5OUgxMC41NzA3QzEwLjM5NiAxMi4zMTk5IDEwLjI1NCAxMi4xNzgxIDEwLjI1NCAxMi4wMDMyQzEwLjI1NCAxMS44Mjg1IDEwLjM5NTMgMTEuNjg2NCAxMC41NzA3IDExLjY4NjRaIiBmaWxsPSIjNTg0NEQ2Ii8+CjxwYXRoIGQ9Ik0yMC43NjcyIDEzLjU3ODNWNy42OTQ3NEMyMC43NjcyIDcuMDIwODMgMjEuMzE1IDYuNDcyNCAyMS45ODk2IDYuNDcyNEgyNC41Nzk4VjAuNTg4ODYyQzI0LjU3OTggMC4yNjM5NDggMjQuMzE1NyAwIDIzLjk5MSAwSDMuMDgzOTJDMi43NTkgMCAyLjQ5NTA2IDAuMjY0MTc0IDIuNDk1MDYgMC41ODg4NjJWMTMuNTc3OUwyMC43NjcyIDEzLjU3ODNaTTEwLjU3MDcgMTEuNjg2NEgxNS41MDY3QzE1LjY4MTQgMTEuNjg2NCAxNS44MjM1IDExLjgyODIgMTUuODIzNSAxMi4wMDMyQzE1LjgyMzUgMTIuMTc3OSAxNS42ODE3IDEyLjMxOTkgMTUuNTA2NyAxMi4zMTk5SDEwLjU3MDdDMTAuMzk2IDEyLjMxOTkgMTAuMjU0IDEyLjE3ODEgMTAuMjU0IDEyLjAwMzJDMTAuMjU0IDExLjgyODUgMTAuMzk1MyAxMS42ODY0IDEwLjU3MDcgMTEuNjg2NFoiIGZpbGw9IiM3RjdGOUMiLz4KPHBhdGggZD0iTTAgMTUuNTg1OEMwIDE0LjgyNjggMC42MTUyNjkgMTQuMjExNSAxLjM3NDI0IDE0LjIxMTVIMjAuNzY3NFYxNi45NkgxLjM3NDI0QzAuNjE1MjY4IDE2Ljk2IDAgMTYuMzQ0OCAwIDE1LjU4NThaIiBmaWxsPSIjNTg0NEQ2Ii8+CjxwYXRoIGQ9Ik0wIDE1LjU4NThDMCAxNC44MjY4IDAuNjE1MjY5IDE0LjIxMTUgMS4zNzQyNCAxNC4yMTE1SDIwLjc2NzRWMTYuOTZIMS4zNzQyNEMwLjYxNTI2OCAxNi45NiAwIDE2LjM0NDggMCAxNS41ODU4WiIgZmlsbD0iIzdGN0Y5QyIvPgo8L3N2Zz4K);
}
.how-to-info li:nth-child(3) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDBDNC45NTU4IDAgMCA0LjAyNTMgMCA4Ljk3NTg2QzAgOS4wOTE1NiAwLjA0NjM2MTMgOS4yMzAzNCAwLjEzODkyMyA5LjMyMjhMNy4yNzE1NyAxNi45MTA2VjIwLjg4OTZDNy4yNzE1NyAyMS40OTExIDcuNzU3OTcgMjIgOC4zNTk5OSAyMkgxMy42NEMxNC4yNDIxIDIyIDE0LjcyODQgMjEuNTE0MSAxNC43Mjg0IDIwLjg4OTZWMTYuODg3NUwyMS44NjExIDkuMjk5NzFDMjEuOTUzNiA5LjIwNzI0IDIyIDkuMDkxNTQgMjIgOC45NTI3N0MyMiA0LjAyNTMgMTcuMDY3NCA0LjEzMjY4ZS0wNSAxMSA0LjEzMjY4ZS0wNUwxMSAwWk04LjEwNTI4IDguNzQ0NTJDOC4zODMxMyA4LjI1ODYzIDkuNDI1MzcgNy43NDk4NiAxMSA3Ljc0OTg2QzEyLjUyODUgNy43NDk4NiAxMy41NzA2IDguMjU4OCAxMy44NzE3IDguNzIxNDdDMTMuOTY0MiA4LjgzNzE3IDEzLjk0MTEgOC45OTkwMyAxMy44OTQ4IDkuMTE0NzJMMTIuMTU3OSAxNC43MzYySDkuODQyMTFMOC4wODIxNSA5LjA5MTU5QzguMDU4ODkgOC45NzYwNSA4LjAzNTc5IDguODM3MjggOC4xMDUyNSA4Ljc0NDY1TDguMTA1MjggOC43NDQ1MlpNOC4zNjAwMyAxNC43MzYxQzcuODUwNTUgMTQuNzM2MSA3LjQ1Njg3IDE1LjA4MzEgNy4zMTc5NiAxNS41NDU5TDEuMDg4NDcgOC44ODM0MUMxLjE4MTAzIDguMzk3NTIgMi4zMTU4NCA3LjcyNjcyIDQuMDUyNjkgNy43MjY3MkM1Ljg4MjA5IDcuNzI2NzIgNi45MDEwOCA4LjQyMDc4IDcuMDYzMjcgOC45NTI4MUw4Ljg2OTU5IDE0LjczNjJMOC4zNjAwMyAxNC43MzYxWk0xMi40MTI3IDE5LjI5MzVMMTEuMzI0MiAyMC40NzMyQzExLjI1NDggMjAuNTY1NyAxMS4xMzkgMjAuNjEyIDExLjAyMzEgMjAuNjEyQzEwLjkwNzMgMjAuNjEyIDEwLjc5MTUgMjAuNTY1NyAxMC43MjIgMjAuNDczMkw5LjYxMDUgMTkuMjkzNUM5LjQ3MTU4IDE5LjEzMTUgOS40NzE1OCAxOC44NTM5IDkuNjMzNiAxOC43MTUxQzkuNzk1NzggMTguNTUzMSAxMC4wNzM2IDE4LjU3NjQgMTAuMjEyNSAxOC43MzgyTDEwLjU4MzEgMTkuMTU0NUwxMC41ODMzIDE2LjQ5NDRDMTAuNTgzMyAxNi4yNjMgMTAuNzY4NiAxNi4wNzggMTEgMTYuMDc4QzExLjIzMTcgMTYuMDc4IDExLjQxNjggMTYuMjYzMSAxMS40MTY4IDE2LjQ5NDRWMTkuMTU0N0wxMS44MTA1IDE4LjczODNDMTEuOTQ5NCAxOC41NzYzIDEyLjIyNzIgMTguNTUzMiAxMi4zODk0IDE4LjcxNTNDMTIuNTUxNiAxOC44NzcxIDEyLjU3NDcgMTkuMTMxNiAxMi40MTI3IDE5LjI5MzRWMTkuMjkzNVpNMTQuNjgyMSAxNS41NDU5QzE0LjU0MzIgMTUuMDgzMiAxNC4xMjYzIDE0LjczNjEgMTMuNjQgMTQuNzM2MUgxMy4xNzY5TDE0Ljk2MDEgOC45NTI2OEMxNS4xNDU0IDguMzUxMjUgMTYuMTE4IDcuNzI2NiAxNy45NzA3IDcuNzI2NkMxOS43MDc1IDcuNzI2NiAyMC44MTkxIDguMzk3MzkgMjAuOTExOCA4Ljg4MzI4TDE0LjY4MjEgMTUuNTQ1OVoiIGZpbGw9IiM1RDUwQjAiLz4KPHBhdGggZD0iTTExIDBDNC45NTU4IDAgMCA0LjAyNTMgMCA4Ljk3NTg2QzAgOS4wOTE1NiAwLjA0NjM2MTMgOS4yMzAzNCAwLjEzODkyMyA5LjMyMjhMNy4yNzE1NyAxNi45MTA2VjIwLjg4OTZDNy4yNzE1NyAyMS40OTExIDcuNzU3OTcgMjIgOC4zNTk5OSAyMkgxMy42NEMxNC4yNDIxIDIyIDE0LjcyODQgMjEuNTE0MSAxNC43Mjg0IDIwLjg4OTZWMTYuODg3NUwyMS44NjExIDkuMjk5NzFDMjEuOTUzNiA5LjIwNzI0IDIyIDkuMDkxNTQgMjIgOC45NTI3N0MyMiA0LjAyNTMgMTcuMDY3NCA0LjEzMjY4ZS0wNSAxMSA0LjEzMjY4ZS0wNUwxMSAwWk04LjEwNTI4IDguNzQ0NTJDOC4zODMxMyA4LjI1ODYzIDkuNDI1MzcgNy43NDk4NiAxMSA3Ljc0OTg2QzEyLjUyODUgNy43NDk4NiAxMy41NzA2IDguMjU4OCAxMy44NzE3IDguNzIxNDdDMTMuOTY0MiA4LjgzNzE3IDEzLjk0MTEgOC45OTkwMyAxMy44OTQ4IDkuMTE0NzJMMTIuMTU3OSAxNC43MzYySDkuODQyMTFMOC4wODIxNSA5LjA5MTU5QzguMDU4ODkgOC45NzYwNSA4LjAzNTc5IDguODM3MjggOC4xMDUyNSA4Ljc0NDY1TDguMTA1MjggOC43NDQ1MlpNOC4zNjAwMyAxNC43MzYxQzcuODUwNTUgMTQuNzM2MSA3LjQ1Njg3IDE1LjA4MzEgNy4zMTc5NiAxNS41NDU5TDEuMDg4NDcgOC44ODM0MUMxLjE4MTAzIDguMzk3NTIgMi4zMTU4NCA3LjcyNjcyIDQuMDUyNjkgNy43MjY3MkM1Ljg4MjA5IDcuNzI2NzIgNi45MDEwOCA4LjQyMDc4IDcuMDYzMjcgOC45NTI4MUw4Ljg2OTU5IDE0LjczNjJMOC4zNjAwMyAxNC43MzYxWk0xMi40MTI3IDE5LjI5MzVMMTEuMzI0MiAyMC40NzMyQzExLjI1NDggMjAuNTY1NyAxMS4xMzkgMjAuNjEyIDExLjAyMzEgMjAuNjEyQzEwLjkwNzMgMjAuNjEyIDEwLjc5MTUgMjAuNTY1NyAxMC43MjIgMjAuNDczMkw5LjYxMDUgMTkuMjkzNUM5LjQ3MTU4IDE5LjEzMTUgOS40NzE1OCAxOC44NTM5IDkuNjMzNiAxOC43MTUxQzkuNzk1NzggMTguNTUzMSAxMC4wNzM2IDE4LjU3NjQgMTAuMjEyNSAxOC43MzgyTDEwLjU4MzEgMTkuMTU0NUwxMC41ODMzIDE2LjQ5NDRDMTAuNTgzMyAxNi4yNjMgMTAuNzY4NiAxNi4wNzggMTEgMTYuMDc4QzExLjIzMTcgMTYuMDc4IDExLjQxNjggMTYuMjYzMSAxMS40MTY4IDE2LjQ5NDRWMTkuMTU0N0wxMS44MTA1IDE4LjczODNDMTEuOTQ5NCAxOC41NzYzIDEyLjIyNzIgMTguNTUzMiAxMi4zODk0IDE4LjcxNTNDMTIuNTUxNiAxOC44NzcxIDEyLjU3NDcgMTkuMTMxNiAxMi40MTI3IDE5LjI5MzRWMTkuMjkzNVpNMTQuNjgyMSAxNS41NDU5QzE0LjU0MzIgMTUuMDgzMiAxNC4xMjYzIDE0LjczNjEgMTMuNjQgMTQuNzM2MUgxMy4xNzY5TDE0Ljk2MDEgOC45NTI2OEMxNS4xNDU0IDguMzUxMjUgMTYuMTE4IDcuNzI2NiAxNy45NzA3IDcuNzI2NkMxOS43MDc1IDcuNzI2NiAyMC44MTkxIDguMzk3MzkgMjAuOTExOCA4Ljg4MzI4TDE0LjY4MjEgMTUuNTQ1OVoiIGZpbGw9IiM3RjdGOUMiLz4KPC9zdmc+Cg==);
}
.how-to-info li span.bold {
    font-weight: bold;
}
.how-to-blocks {
    display: flex;
    overflow-x: auto;
    width: auto;
    position: relative;
    margin: 0 -10px;
}
.how-to-block-container {
    width: auto;
    flex-shrink: 0;
    padding: 0 10px;
}
.owl-loaded .how-to-block-container {
    height: 100%;
    flex-shrink: unset;
}
.how-to-block {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.how-to-block .img-wrapper {
    height: 220px;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.how-to-block .img-wrapper > img {
    min-width: 100%;
    min-height: 100%;
    width: initial;
    height: initial;
    max-width: unset;
}
.how-to-block .text {
    font-size: 14px;
    line-height: 16px;
    padding: 24px;
    background: #F4F4F7;
    height: 100%;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.how-to-block .text a {
    font-weight: bold !important; 
    color: #2b1e5a !important;
}
.how-to-container a {
    font-weight: bold !important; 
    color: #2b1e5a !important;
}
.how-to-block .title {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 8px;
}

/* ----- owl carousel ----- */
.owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.how-to-container .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    background: #D5D5E9;
}
.how-to-container .owl-theme .owl-dots .owl-dot.active span,
.how-to-container .owl-theme .owl-dots .owl-dot:hover span {
    background: #5844D6;
}
@media all and (min-width: 720px){

    .how-to-block-container {
        /*width: 47%;*/
        margin-right: 0;
    }
    .how-to-info li {
        display: inline-block;
        margin-right: 20px;
        padding-right: 20px;
        position: relative;
    }
    .how-to-info li::after {
        content: '';
        display: block;
        height: 20px;
        border-right: 1px solid #626278;
        position: absolute;
        top: 0;
        right: 0;
    }
    .how-to-info li:last-child::after {
        display: none;
    }
}
@media all and (min-width: 1024px){
    .how-to-blocks {
        overflow: hidden;
        flex-wrap: wrap;
    }
    .how-to-block-container {
        width: 33.33%;
        margin-bottom: 56px;
    }
}
.nw {
    font-size: 36px;
    margin: 25px auto 10px auto;
}

@media all and (max-width: 768px){
    .nw {
        font-size: 20px;
        margin: 15px auto 10px auto;
    }

}
/* ---------- # 4.22. How To ---------- */