@font-face {
    font-family: 'Arbutus Slab';
    src: url(../../assets/fonts/Arbutus%20Slab-bbfd86a4f58414534c47ab951c387c71.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
    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: 'Arbutus Slab';
    src: url(../../assets/fonts/Arbutus%20Slab-38a928dd3c56f1803979b05d5a4c5178.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
    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: flaticon;
    src: url(../../assets/fonts/flaticon-0538df3c67f48e60ddf0ed530c201220.ttf?1ff2e48535bd5d04fc09fe9a9388ebe8=) format('truetype'), url(../../assets/fonts/flaticon-78926b6941b9e6dd847c4c5b9ca8f444.woff?1ff2e48535bd5d04fc09fe9a9388ebe8=) format('woff'), url(../../assets/fonts/flaticon-41b5c69e947d7fc93dba243f5e477a8e.woff2?1ff2e48535bd5d04fc09fe9a9388ebe8=) format('woff2'), url(../../assets/fonts/flaticon-50d5a971e6494ee55baee37852a1d598.eot?1ff2e48535bd5d04fc09fe9a9388ebe8=) format('embedded-opentype'), url(../../assets/fonts/flaticon-c1a95c8d33343cecec5aef1005e166f1.svg?1ff2e48535bd5d04fc09fe9a9388ebe8=) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-2eb47d8df3f05e0e74f4f406eb44748e.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+1f1e6-1f1ff
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-849bd275d39470fadcc4512ccaf739d9.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+200d, U+2620, U+26a7, U+fe0f, U+1f308, U+1f38c, U+1f3c1, U+1f3f3-1f3f4, U+1f6a9, U+e0062-e0063, U+e0065, U+e0067, U+e006c, U+e006e, U+e0073-e0074, U+e0077, U+e007f
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-ebf99037ddc45f68acde36010cbd8c2e.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+23, U+2a, U+30-39, U+a9, U+ae, U+200d, U+203c, U+2049, U+20e3, U+2122, U+2139, U+2194-2199, U+21a9-21aa, U+23cf, U+23e9-23ef, U+23f8-23fa, U+24c2, U+25aa-25ab, U+25b6, U+25c0, U+25fb-25fe, U+2611, U+2622-2623, U+2626, U+262a, U+262e-262f, U+2638, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267b, U+267e-267f, U+2695, U+269b-269c, U+26a0, U+26a7, U+26aa-26ab, U+26ce, U+26d4, U+2705, U+2714, U+2716, U+271d, U+2721, U+2733-2734, U+2747, U+274c, U+274e, U+2753-2755, U+2757, U+2764, U+2795-2797, U+27a1, U+27b0, U+27bf, U+2934-2935, U+2b05-2b07, U+2b1b-2b1c, U+2b55, U+3030, U+303d, U+3297, U+3299, U+fe0f, U+1f170-1f171, U+1f17e-1f17f, U+1f18e, U+1f191-1f19a, U+1f201-1f202, U+1f21a, U+1f22f, U+1f232-1f23a, U+1f250-1f251, U+1f310, U+1f3a6, U+1f3b5-1f3b6, U+1f3bc, U+1f3e7, U+1f441, U+1f499-1f49c, U+1f49f-1f4a0, U+1f4a2, U+1f4ac-1f4ad, U+1f4b1-1f4b2, U+1f4b9, U+1f4db, U+1f4f2-1f4f6, U+1f500-1f50a, U+1f515, U+1f518-1f524, U+1f52f-1f53d, U+1f549, U+1f54e, U+1f5a4, U+1f5e8, U+1f5ef, U+1f6ab, U+1f6ad-1f6b1, U+1f6b3, U+1f6b7-1f6bc, U+1f6be, U+1f6c2-1f6c5, U+1f6d0-1f6d1, U+1f6d7, U+1f6dc, U+1f7e0-1f7eb, U+1f7f0, U+1f90d-1f90e, U+1f9e1, U+1fa75-1fa77, U+1faaf
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-1bfa9d5b93de01d6b08907421d6858ab.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+231a-231b, U+2328, U+23f0-23f3, U+2602, U+260e, U+2692, U+2694, U+2696-2697, U+2699, U+26b0-26b1, U+26cf, U+26d1, U+26d3, U+2702, U+2709, U+270f, U+2712, U+fe0f, U+1f302, U+1f321, U+1f392-1f393, U+1f3a9, U+1f3bd, U+1f3ee, U+1f3f7, U+1f3fa, U+1f451-1f462, U+1f484, U+1f489-1f48a, U+1f48c-1f48e, U+1f4a1, U+1f4a3, U+1f4b0, U+1f4b3-1f4b8, U+1f4bb-1f4da, U+1f4dc-1f4f1, U+1f4ff, U+1f50b-1f514, U+1f516-1f517, U+1f526-1f529, U+1f52c-1f52e, U+1f550-1f567, U+1f56f-1f570, U+1f576, U+1f587, U+1f58a-1f58d, U+1f5a5, U+1f5a8, U+1f5b1-1f5b2, U+1f5c2-1f5c4, U+1f5d1-1f5d3, U+1f5dc-1f5de, U+1f5e1, U+1f5f3, U+1f6aa, U+1f6ac, U+1f6bd, U+1f6bf, U+1f6c1, U+1f6cb, U+1f6cd-1f6cf, U+1f6d2, U+1f6e0-1f6e1, U+1f6f0, U+1f97b-1f97f, U+1f9af, U+1f9ba, U+1f9e2-1f9e6, U+1f9ea-1f9ec, U+1f9ee-1f9f4, U+1f9f7-1f9ff, U+1fa71-1fa74, U+1fa79-1fa7b, U+1fa86, U+1fa91-1fa93, U+1fa96, U+1fa99-1faa0, U+1faa2-1faa7, U+1faaa-1faae
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-81b181102bdd01cc4aba36392d995213.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+265f, U+26bd-26be, U+26f3, U+26f8, U+fe0f, U+1f004, U+1f0cf, U+1f380-1f384, U+1f386-1f38b, U+1f38d-1f391, U+1f396-1f397, U+1f399-1f39b, U+1f39e-1f39f, U+1f3a3-1f3a5, U+1f3a7-1f3a9, U+1f3ab-1f3b4, U+1f3b7-1f3bb, U+1f3bd-1f3c0, U+1f3c5-1f3c6, U+1f3c8-1f3c9, U+1f3cf-1f3d3, U+1f3f8-1f3f9, U+1f47e, U+1f4e2, U+1f4f7-1f4fd, U+1f52b, U+1f579, U+1f58c-1f58d, U+1f5bc, U+1f6f7, U+1f6f9, U+1f6fc, U+1f93f, U+1f941, U+1f945, U+1f947-1f94f, U+1f9e7-1f9e9, U+1f9f5-1f9f6, U+1fa70-1fa71, U+1fa80-1fa81, U+1fa83-1fa85, U+1fa87-1fa88, U+1fa94-1fa95, U+1fa97-1fa98, U+1faa1, U+1faa9
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-9dc29ce0b3def4262a1afa1e12380501.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+2693, U+26e9-26ea, U+26f1-26f2, U+26f4-26f5, U+26fa, U+26fd, U+2708, U+fe0f, U+1f301, U+1f303, U+1f306-1f307, U+1f309, U+1f310, U+1f3a0-1f3a2, U+1f3aa, U+1f3cd-1f3ce, U+1f3d5, U+1f3d7-1f3db, U+1f3df-1f3e6, U+1f3e8-1f3ed, U+1f3ef-1f3f0, U+1f488, U+1f492, U+1f4ba, U+1f54b-1f54d, U+1f5fa-1f5ff, U+1f680-1f6a2, U+1f6a4-1f6a8, U+1f6b2, U+1f6d1, U+1f6d5-1f6d6, U+1f6dd-1f6df, U+1f6e2-1f6e5, U+1f6e9, U+1f6eb-1f6ec, U+1f6f3-1f6f6, U+1f6f8, U+1f6fa-1f6fb, U+1f9bc-1f9bd, U+1f9ed, U+1f9f3, U+1fa7c
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-c5f65b797a0953d90bedc9ed864407fb.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+2615, U+fe0f, U+1f32d-1f330, U+1f336, U+1f33d, U+1f345-1f37f, U+1f382, U+1f52a, U+1f942-1f944, U+1f950-1f96f, U+1f99e, U+1f9aa, U+1f9c0-1f9cb, U+1fad0-1fadb
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-1ef1cbe322b538a466ea7068de391fd4.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+200d, U+2600-2601, U+2603-2604, U+2614, U+2618, U+26a1, U+26c4-26c5, U+26c8, U+26f0, U+2728, U+2744, U+2b1b, U+2b50, U+fe0f, U+1f300, U+1f304-1f305, U+1f308, U+1f30a-1f30f, U+1f311-1f321, U+1f324-1f32c, U+1f331-1f335, U+1f337-1f33c, U+1f33e-1f344, U+1f3d4, U+1f3d6, U+1f3dc-1f3de, U+1f3f5, U+1f400-1f43f, U+1f490, U+1f4a7, U+1f4ab, U+1f4ae, U+1f525, U+1f54a, U+1f573, U+1f577-1f578, U+1f648-1f64a, U+1f940, U+1f980-1f9ae, U+1f9ba, U+1fa90, U+1faa8, U+1fab0-1fabd, U+1fabf, U+1face-1facf, U+1fae7
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-10cc64cbcea0d4998860b9920a35fffe.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+200d, U+2640, U+2642, U+2695-2696, U+26f7, U+26f9, U+2708, U+2764, U+fe0f, U+1f33e, U+1f373, U+1f37c, U+1f384-1f385, U+1f393, U+1f3a4, U+1f3a8, U+1f3c2-1f3c4, U+1f3c7, U+1f3ca-1f3cc, U+1f3eb, U+1f3ed, U+1f3fb-1f3ff, U+1f466-1f478, U+1f47c, U+1f481-1f483, U+1f486-1f487, U+1f48b, U+1f48f, U+1f491, U+1f4bb-1f4bc, U+1f527, U+1f52c, U+1f574-1f575, U+1f57a, U+1f645-1f647, U+1f64b, U+1f64d-1f64e, U+1f680, U+1f692, U+1f6a3, U+1f6b4-1f6b6, U+1f6c0, U+1f6cc, U+1f91d, U+1f926, U+1f930-1f931, U+1f934-1f93a, U+1f93c-1f93e, U+1f977, U+1f9af-1f9b3, U+1f9b8-1f9b9, U+1f9bc-1f9bd, U+1f9cc-1f9cf, U+1f9d1-1f9df, U+1fa82, U+1fac3-1fac5
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-80bc73fdbb00e72877dc0291ed937be2.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+200d, U+261d, U+2620, U+2639-263a, U+2665, U+270a-270d, U+2728, U+2763-2764, U+2b50, U+fe0f, U+1f31a-1f31f, U+1f32b, U+1f383, U+1f389, U+1f3fb-1f3ff, U+1f440-1f450, U+1f463-1f465, U+1f479-1f47b, U+1f47d-1f480, U+1f485, U+1f48b-1f48c, U+1f493-1f49f, U+1f4a4-1f4a6, U+1f4a8-1f4ab, U+1f4af, U+1f525, U+1f573, U+1f590, U+1f595-1f596, U+1f5a4, U+1f5e3, U+1f600-1f644, U+1f648-1f64a, U+1f64c, U+1f64f, U+1f90c-1f925, U+1f927-1f92f, U+1f932-1f933, U+1f970-1f976, U+1f978-1f97a, U+1f9a0, U+1f9b4-1f9b7, U+1f9bb, U+1f9be-1f9bf, U+1f9d0, U+1f9e0-1f9e1, U+1fa75-1fa79, U+1fac0-1fac2, U+1fae0-1fae6, U+1fae8, U+1faf0-1faf8
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-f3b95cde7e6e0a74e6696b6f1db187e4.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+200d, U+2194-2195, U+2640, U+2642, U+26d3, U+27a1, U+fe0f, U+1f344, U+1f34b, U+1f3c3, U+1f3fb-1f3ff, U+1f426, U+1f468-1f469, U+1f4a5, U+1f525, U+1f642, U+1f6b6, U+1f7e9, U+1f7eb, U+1f9af, U+1f9bc-1f9bd, U+1f9ce, U+1f9d1-1f9d2
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-e25b065db0a2cf41b28d7c931c891ec6.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+1fa89, U+1fa8f, U+1fabe, U+1fac6, U+1fadc, U+1fadf, U+1fae9
}

@font-face {
    font-family: 'Noto Color Emoji';
    src: url(../../assets/fonts/Noto%20Color%20Emoji-e5f3d48bd09df81df6a84cc9ffe3fb67.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+1f6d8, U+1fa8a, U+1fa8e, U+1fac8, U+1facd, U+1faea, U+1faef
}

@font-face {
    font-family: 'Noto Sans';
    src: url(../../assets/fonts/Noto%20Sans-a49b15f59a0aadad2a343d6d0c5dd2c5.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Noto Sans';
    src: url(../../assets/fonts/Noto%20Sans-6761b2ee4d583169d128c2ff7c31b219.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Noto Sans';
    src: url(../../assets/fonts/Noto%20Sans-270aa16e2b93c8483784621be1eeba2a.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
}

@font-face {
    font-family: 'Noto Sans';
    src: url(../../assets/fonts/Noto%20Sans-7d9b9a1f72c703408803fe2f26a456df.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Noto Sans';
    src: url(../../assets/fonts/Noto%20Sans-2670d675cbf48547c847df96f0543fbe.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: 'Noto Sans';
    src: url(../../assets/fonts/Noto%20Sans-16622cfd057a010d190bb5d1be07fbfb.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    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: 'Noto Sans';
    src: url(../../assets/fonts/Noto%20Sans-98dbd2f2d35008f409f6002eda173927.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    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 Sans';
    src: url(../../assets/fonts/Noto%20Sans-4132947366b7305716c7df054d59b69c.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    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: Poppins;
    src: url(../../assets/fonts/Poppins-b7b70e343478305947aaccfccde19e55.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
}

@font-face {
    font-family: Poppins;
    src: url(../../assets/fonts/Poppins-2e5c9b222e2ee8fb000f061251d21de5.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    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: Poppins;
    src: url(../../assets/fonts/Poppins-8fa793b23d7aedee0af53c34fd10106d.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    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;
    src: url(../../assets/fonts/Roboto-bc6a5f883cb0ad26627658eb2cab7ce5.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    src: url(../../assets/fonts/Roboto-854b3350c1a2a012f71213a65f114b58.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    src: url(../../assets/fonts/Roboto-06183a434112d7f791a5fa022b9fda0d.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    src: url(../../assets/fonts/Roboto-6a5d9db33e7a718560e5a1ac886aa2b9.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    src: url(../../assets/fonts/Roboto-77b63b82b1fd1f2b7bec3eb36a37c0a0.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    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;
    src: url(../../assets/fonts/Roboto-a8c37e4cf232c97f4029a8307d52cc67.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    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;
    src: url(../../assets/fonts/Roboto-0b38e843c8eeb6bab462babfcecc2557.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    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;
    src: url(../../assets/fonts/Roboto-eb49c869540a7fc8a33fd54cdce26443.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    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;
    src: url(../../assets/fonts/Roboto-63938bf36be4be0cacc534e19488e10d.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root,
[data-bs-theme=light] {
    --bs-primary: #032855;
    --bs-primary-rgb: 3, 40, 85;
    --bs-primary-text-emphasis: #011022;
    --bs-primary-bg-subtle: #CDD4DD;
    --bs-primary-border-subtle: #9AA9BB;
    --bs-secondary: #6c757d;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-secondary-text-emphasis: #2B2F32;
    --bs-secondary-bg-subtle: #E2E3E5;
    --bs-secondary-border-subtle: #C4C8CB;
    --bs-success: #198754;
    --bs-success-rgb: 25, 135, 84;
    --bs-success-text-emphasis: #0A3622;
    --bs-success-bg-subtle: #D1E7DD;
    --bs-success-border-subtle: #A3CFBB;
    --bs-info: #032855;
    --bs-info-rgb: 3, 40, 85;
    --bs-info-text-emphasis: #011022;
    --bs-info-bg-subtle: #CDD4DD;
    --bs-info-border-subtle: #9AA9BB;
    --bs-warning: #fca311;
    --bs-warning-rgb: 252, 163, 17;
    --bs-warning-text-emphasis: #654107;
    --bs-warning-bg-subtle: #FEEDCF;
    --bs-warning-border-subtle: #FEDAA0;
    --bs-danger: #dc3545;
    --bs-danger-rgb: 220, 53, 69;
    --bs-danger-text-emphasis: #58151C;
    --bs-danger-bg-subtle: #F8D7DA;
    --bs-danger-border-subtle: #F1AEB5;
    --bs-body-font-family: Poppins, sans-serif;
    --bs-link-color: #008ed6;
    --bs-link-color-rgb: 0, 142, 214;
    --bs-link-hover-color: #fca312;
    --bs-link-hover-color-rgb: 252, 163, 18;
    --bs-info: var(--bs-info);
    --bs-info-rgb: 3, 40, 85;
    --bs-info-text-emphasis: #011022;
    --bs-info-bg-subtle: rgba(3, 40, 85, 0.10) !important;
    --bs-info-border-subtle: var(--bs-info-border-subtle);
    --bs-warning: var(--bs-warning);
    --bs-warning-rgb: 252, 163, 17;
    --bs-warning-text-emphasis: var(--bs-warning-text-emphasis) !important;
    --bs-warning-bg-subtle: var(--bs-warning-bg-subtle);
    --bs-warning-border-subtle: var(--bs-warning-border-subtle);
    --bs-body-font-family: Poppins, sans-serif
}

.btn-info,
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #032855;
    --bs-btn-border-color: #032855;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #032248;
    --bs-btn-hover-border-color: #022044;
    --bs-btn-focus-shadow-rgb: 217, 223, 230;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #022044;
    --bs-btn-active-border-color: #021E40;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #032855;
    --bs-btn-disabled-border-color: #032855
}

.btn-outline-info,
.btn-outline-primary {
    --bs-btn-color: #032855;
    --bs-btn-border-color: #032855;
    --bs-btn-focus-shadow-rgb: 3, 40, 85;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #032855;
    --bs-btn-hover-border-color: #032855;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #032855;
    --bs-btn-active-border-color: #032855;
    --bs-btn-disabled-color: #032855;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #032855
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5C636A;
    --bs-btn-hover-border-color: #565E64;
    --bs-btn-focus-shadow-rgb: 233, 234, 236;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565E64;
    --bs-btn-active-border-color: #51585E;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146C43;
    --bs-btn-focus-shadow-rgb: 221, 237, 229;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146C43;
    --bs-btn-active-border-color: #13653F;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754
}

.btn-warning {
    --bs-btn-color: #000000;
    --bs-btn-bg: #fca311;
    --bs-btn-border-color: #fca311;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #FCB135;
    --bs-btn-hover-border-color: #FCAC29;
    --bs-btn-focus-shadow-rgb: 38, 24, 3;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #FDB541;
    --bs-btn-active-border-color: #FCAC29;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #fca311;
    --bs-btn-disabled-border-color: #fca311
}

.btn-outline-warning {
    --bs-btn-color: #fca311;
    --bs-btn-border-color: #fca311;
    --bs-btn-focus-shadow-rgb: 252, 163, 17;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #fca311;
    --bs-btn-hover-border-color: #fca311;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #fca311;
    --bs-btn-active-border-color: #fca311;
    --bs-btn-disabled-color: #fca311;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fca311
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #BB2D3B;
    --bs-btn-hover-border-color: #B02A37;
    --bs-btn-focus-shadow-rgb: 250, 225, 227;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #B02A37;
    --bs-btn-active-border-color: #A52834;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.ps-0 {
    padding-left: 0 !important
}

@media (min-width:992px) {
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }
}

[class*=" flaticon-"]:after,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class^=flaticon-]:before {
    font-family: flaticon;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.flaticon-legal:before {
    content: "\f101"
}

.flaticon-legal-1:before {
    content: "\f102"
}

.flaticon-auction:before {
    content: "\f103"
}

.flaticon-courthouse:before {
    content: "\f104"
}

.flaticon-law:before {
    content: "\f105"
}

.flaticon-legal-2:before {
    content: "\f106"
}

.flaticon-law-1:before {
    content: "\f107"
}

.flaticon-legal-3:before {
    content: "\f108"
}

.flaticon-security:before {
    content: "\f109"
}

.flaticon-pillar:before {
    content: "\f10a"
}

.flaticon-legal-4:before {
    content: "\f10b"
}

.flaticon-document:before {
    content: "\f10c"
}

.flaticon-document-1:before {
    content: "\f10d"
}

.flaticon-passport:before {
    content: "\f10e"
}

.flaticon-ink:before {
    content: "\f10f"
}

.flaticon-location:before {
    content: "\f110"
}

.flaticon-parking:before {
    content: "\f111"
}

.flaticon-coin:before {
    content: "\f112"
}

.flaticon-clock:before {
    content: "\f113"
}

.flaticon-moon:before {
    content: "\f114"
}

.flaticon-satisfaction:before {
    content: "\f115"
}

.display-7 {
    font-size: 2rem
}

.accordion collapse {
    border: 0
}

.accordion-button:focus {
    box-shadow: none;
    border: none
}

.accordion-button:not(.collapsed) {
    background: 0 0;
    color: #ff9800;
    box-shadow: none;
    border-bottom: none
}

.accordion-button::after {
    width: auto;
    height: auto;
    content: "+";
    font-size: 40px;
    background-image: none;
    font-weight: 100;
    color: var(--bs-accordion-active-color);
    transform: translateY(-4px)
}

.accordion-button:not(.collapsed)::after {
    width: auto;
    height: auto;
    background-image: none;
    content: "-";
    font-size: 48px;
    transform: translate(-5px, -4px);
    transform: rotate(0)
}

.small-text {
    font-size: 12px
}

.scrollable-container {
    animation: 30s linear infinite slide-to-left
}

@keyframes slide-to-left {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(-100%, 0, 0)
    }
}

.bs-icon {
    --bs-icon-size: .75rem;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: var(--bs-icon-size);
    width: calc(var(--bs-icon-size) * 2);
    height: calc(var(--bs-icon-size) * 2);
    color: var(--bs-primary)
}

.bs-icon-xs {
    --bs-icon-size: 1rem;
    width: calc(var(--bs-icon-size) * 1.5);
    height: calc(var(--bs-icon-size) * 1.5)
}

.bs-icon-sm {
    --bs-icon-size: 1rem
}

.bs-icon-md {
    --bs-icon-size: 1.5rem
}

.bs-icon-lg {
    --bs-icon-size: 2rem
}

.bs-icon-xl {
    --bs-icon-size: 2.5rem
}

.bs-icon.bs-icon-primary {
    color: var(--bs-white);
    background: var(--bs-primary)
}

.bs-icon.bs-icon-primary-light {
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .2)
}

.bs-icon.bs-icon-semi-white {
    color: var(--bs-primary);
    background: rgba(255, 255, 255, .5)
}

.bs-icon.bs-icon-rounded {
    border-radius: .5rem
}

.bs-icon.bs-icon-circle {
    border-radius: 50%
}

p {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-family: Poppins, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: var(--bs-link-color);
    --bs-pagination-active-bg: var(--bs-info);
    --bs-pagination-active-border-color: var(--bs-info);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-light);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}

body {
    height: 100%;
    width: 100%;
    border-style: none
}

.dark-hover a:hover {
    color: #14213d
}

.nav-link {
    position: relative;
    padding: 10px 20px;
    margin: 0 5px
}

.nav-link.active {
    font-weight: 600
}

.nav-link:focus,
.nav-link:hover {
    color: var(--bs-warning)
}

.nav-link::after,
.nav-link::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 0%;
    border: 0 solid transparent;
    transition: .3s
}

#nav-contact {
    background: #fca311;
    border-radius: 10px;
    color: #fff
}

#nav-contact:hover {
    background: rgba(50, 50, 50, .7)
}

#nav-contact.active {
    color: #fff !important
}

#nav-contact:hover::after,
#nav-contact:hover::before {
    border-color: rgba(255, 255, 255, 0)
}

.nav-link:hover::after,
.nav-link:hover::before {
    width: 20px;
    height: 30px;
    margin: 0 -5px;
    border-color: var(--bs-dark)
}

.nav-link::after {
    top: 7px;
    left: 5px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent
}

.home-hero {
    height: 600px;
    background: url("../../assets/img/hero_bg_2.jpg") center no-repeat rgba(0, 0, 0, .45) !important;
    background-size: cover !important;
    background-blend-mode: overlay !important
}

.thank-hero {
    height: 600px;
    background: url("../../assets/img/contact-us-banner.jpg") center no-repeat rgba(0, 0, 0, .45) !important;
    background-size: cover !important;
    background-blend-mode: overlay !important
}

.error-hero {
    height: 600px;
    background: url("../../assets/img/20231129_101736.jpg") center no-repeat rgba(0, 0, 0, .45) !important;
    background-size: cover !important;
    background-blend-mode: overlay !important
}

.about-hero {
    height: 600px;
    background: url("../../assets/img/about_banner.jpg") center no-repeat rgba(0, 0, 0, .45) !important;
    background-size: cover !important;
    background-blend-mode: overlay !important
}

.contact-hero {
    height: 300px;
    background: url("../../assets/img/contact-us-banner.jpg") center no-repeat rgba(0, 0, 0, .45) !important;
    background-size: cover !important;
    background-blend-mode: overlay !important
}

.north-hero {
    height: 600px;
    background: url("../../assets/img/hero_bg_1.jpg") center no-repeat rgba(0, 0, 0, .45) !important;
    background-size: cover !important;
    background-blend-mode: overlay !important
}

.south-hero {
    height: 600px;
    background: url("../../assets/img/hero_bg_3.jpg") center no-repeat rgba(0, 0, 0, .45) !important;
    background-size: cover !important;
    background-blend-mode: overlay !important
}

.articles-hero {
    height: 300px;
    background: url("../../assets/img/brisbane-notary-legal-seal-press.png") center no-repeat rgba(0, 0, 0, .45) !important;
    background-size: cover !important;
    background-blend-mode: overlay !important
}

.blog-hero-wrapper {
    position: relative
}

.service-hero-content {
    position: relative;
    height: 500px;
    background: rgba(0, 0, 0, .45);
    background-blend-mode: overlay;
    z-index: 100
}

.blog-hero-content {
    position: relative;
    height: 400px;
    background: rgba(0, 0, 0, .45);
    background-blend-mode: overlay;
    z-index: 100
}

.blog-hero-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -100
}

.hero-content {
    max-width: 100%
}

.hero-content h2 {
    padding-top: 16px
}

@media (min-width:768px) {
    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .hero-content h2 {
        width: 150%;
        font-size: 1.5rem
    }
}

.hero-content .lead {
    text-transform: uppercase;
    font-size: medium;
    font-weight: 700
}

.orange-button {
    background: var(--bs-warning);
    border-style: none;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    color: #fff
}

.orange-button:hover {
    background-color: var(--bs-white);
    color: var(--bs-dark)
}

.orange-button:active {
    background-color: var(--bs-black) !important
}

.hero-content .orange-button {
    margin-top: 5%
}

h1 {
    font-size: calc(3rem + 1.5vw)
}

.practicing {
    position: relative;
    border: none;
    height: 100%
}

.practicing .wrap-icon {
    position: relative;
    display: block;
    z-index: 2
}

.practicing .wrap-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 40px;
    height: 40px;
    background: #fca311;
    border-radius: 50%;
    z-index: -1
}

.practicing .wrap-icon span {
    font-size: 75px
}

.features .wrap-icon span {
    font-size: 4vh
}

.practicing>span {
    font-size: 100px;
    color: #fee2b3;
    font-weight: 900;
    top: 0;
    left: -30px;
    position: absolute
}

.practicing .practicing-inner {
    position: relative;
    padding: 50px !important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
    background: #fff;
    font-size: 14px
}

.practicing .practicing-inner h3 {
    font-size: 20px;
    color: #000;
    font-weight: 700
}

.practicing-column {
    flex: 1;
    padding: 16px;
    align-content: center
}

.practicing-container {
    display: flex;
    max-width: 100%;
    overflow: hidden;
    background-color: #f8f9fa;
    padding-left: 60px;
    padding-right: 60px
}

@media (max-width:992px) {
    .practicing-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:380px) {
    .practicing-container {
        padding-left: 12px;
        padding-right: 10px
    }
}

.modal-header {
    border-style: none
}

.modal-body,
.modal-footer {
    border: none
}

.modal-body .orange-button:hover {
    border-style: solid;
    border-color: #000;
    border-width: thin
}

.modal-body .orange-button {
    min-width: 50%;
    border-style: solid;
    border-color: #fca311;
    border-width: thin
}

.site-footer {
    background-image: url('../../assets/img//hero_bg_footer.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.site-footer a {
    color: rgba(255, 255, 255, .5);
    text-decoration: none
}

.faq-blocks {
    border-radius: 20px
}

.faq-blocks h3 {
    font-family: sans-serif
}

.equal-height-row {
    display: flex;
    max-width: 100%
}

.bs-icon.icon-orange {
    background: var(--bs-warning-bg-subtle)
}

.bs-icon.icon-peter {
    background: var(--bs-focus-ring-color)
}

.bs-icon.icon-john {
    background: var(--bs-success-bg-subtle)
}

.john-link a {
    color: var(--bs-success-text-emphasis)
}

.peter-link a {
    color: var(--bs-secondary-text-emphasis)
}

.required-field::after {
    content: " *";
    color: var(--bs-red)
}

.submit-button {
    background: var(--bs-primary-text-emphasis);
    border-color: var(--bs-gray-900)
}

@media (min-width:1200px) {
    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .display-7 {
        font-size: 2rem
    }
}

.display-7 {
    font-size: calc(1.2rem + 1.25vw);
    font-weight: 300;
    line-height: 1.2
}

@media (max-width:576px) {
    .hero-content h2 {
        font-size: 1.25rem !important
    }

    .high-top-margin {
        margin-top: 25%
    }
}

@media (max-width:440px) {
    .high-top-margin {
        margin-top: 15%
    }
}

@media (max-width:420px) {
    .high-top-margin {
        margin-top: 10%
    }
}

.about-card {
    margin-top: 20%
}

.about-card img {
    margin-top: -20%
}

@media (min-width:576px) {
    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .about-card img {
        margin-top: -15%
    }
}

@media (max-width:768px) {
    .practicing-container {
        display: flex;
        width: 100%;
        overflow: hidden;
        flex-direction: column
    }

    .about-card img {
        margin-top: -10%
    }
}

.small-font {
    font-size: .85rem
}

.subtitle {
    letter-spacing: 3px;
    font-weight: 700
}

h2 {
    font-weight: 1000 !important;
    color: #032855 !important
}

.about-video {
    width: 80%;
    margin: auto
}

.custom-crumbs a {
    text-decoration: none !important
}

.button-glow {
    box-shadow: 0 0 15px rgba(255, 255, 255, .2)
}