:root {
    --wp-block-synced-color: #7a00df;
    --wp-block-synced-color--rgb: 122, 0, 223;
    --wp-bound-block-color: var(--wp-block-synced-color);
    --wp-editor-canvas-background: #ddd;
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color--rgb: 0, 124, 186;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
    --wp-admin-theme-color-darker-20: #005a87;
    --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
    --wp-admin-border-width-focus: 2px
}

@media (min-resolution: 192dpi) {
    :root {
        --wp-admin-border-width-focus: 1.5px
    }
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

.screen-reader-text {
    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html :where([style*=border-color]) {
    border-style: solid
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

:where(figure) {
    margin: 0 0 1em
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
    --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0)
}

:where(body) {
    margin: 0
}

body {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

: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(../blog_50/fonts/fa-solid-900.woff2) format("woff2")
}

.fa-solid, .fas {
    font-weight: 900
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-display: block;
    font-weight: 400;
    src: url(../blog_50/fonts/fa-brands-400.woff2) format("woff2")
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-display: block;
    font-weight: 900;
    src: url(../blog_50/fonts/fa-solid-900.woff2) format("woff2")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(../blog_50/fonts/fa-solid-900.woff2) format("woff2")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(../blog_50/fonts/fa-brands-400.woff2) format("woff2")
}


.fa {
    font-family: "Font Awesome 6 Free";
    font-weight: 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: 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'
}

@-webkit-keyframes fa-beat {
    0%, 90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    45% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@keyframes fa-beat {
    0%, 90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    45% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@-webkit-keyframes fa-bounce {
    0%, 100%, 64% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0)
    }
    10% {
        -webkit-transform: scale(1.1, .9) translateY(0);
        transform: scale(1.1, .9) translateY(0)
    }
    30% {
        -webkit-transform: scale(.9, 1.1) translateY(-.5em);
        transform: scale(.9, 1.1) translateY(-.5em)
    }
    50% {
        -webkit-transform: scale(1.05, .95) translateY(0);
        transform: scale(1.05, .95) translateY(0)
    }
    57% {
        -webkit-transform: scale(1, 1) translateY(-.125em);
        transform: scale(1, 1) translateY(-.125em)
    }
}

@keyframes fa-bounce {
    0%, 100%, 64% {
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0)
    }
    10% {
        -webkit-transform: scale(1.1, .9) translateY(0);
        transform: scale(1.1, .9) translateY(0)
    }
    30% {
        -webkit-transform: scale(.9, 1.1) translateY(-.5em);
        transform: scale(.9, 1.1) translateY(-.5em)
    }
    50% {
        -webkit-transform: scale(1.05, .95) translateY(0);
        transform: scale(1.05, .95) translateY(0)
    }
    57% {
        -webkit-transform: scale(1, 1) translateY(-.125em);
        transform: scale(1, 1) translateY(-.125em)
    }
}

@-webkit-keyframes fa-fade {
    50% {
        opacity: .4
    }
}

@keyframes fa-fade {
    50% {
        opacity: .4
    }
}

@-webkit-keyframes fa-beat-fade {
    0%, 100% {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.125);
        transform: scale(1.125)
    }
}

@keyframes fa-beat-fade {
    0%, 100% {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.125);
        transform: scale(1.125)
    }
}

@-webkit-keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(0, 1, 0, -180deg)
    }
}

@keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(0, 1, 0, -180deg);
        transform: rotate3d(0, 1, 0, -180deg)
    }
}

@-webkit-keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    24%, 8% {
        -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)
    }
    100%, 40% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    24%, 8% {
        -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)
    }
    100%, 40% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fa-magnifying-glass::before, .fa-search::before {
    content: "\f002"
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url(../blog_50/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url(../blog_50/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(../blog_50/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url(../blog_50/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url(../blog_50/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url(../blog_50/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url(../blog_50/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(../blog_50/fonts/pxiEyp8kv8JHgFVrJJfecg.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: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url(../blog_50/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.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: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(../blog_50/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.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: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url(../blog_50/fonts/pxiByp8kv8JHgFVrLDD4Z1xlFQ.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
}

.section-wrapper {
    max-width: 1340px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px
}

.section-splitter {
    margin-bottom: 2.2rem
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: #fff0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

*, *::before, *::after {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

body, button, input, select, optgroup, textarea {
    color: #404040;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    color: var(--clr-text);
    font-family: var(--font-heading)
}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
    color: #fff
}

h1 {
    font-size: var(--font-xlarge)
}

P {
    font-size: var(--font-base)
}

.title-heading {
    gap: 8px;
    display: flex;
    margin-bottom: 1rem;
    align-items: flex-end;
    justify-content: space-between
}

.title-heading .widget-title, .title-heading .section-title {
    line-height: 1;
    color: #fff;
    position: relative;
    padding: 8px 12px;
    font-size: calc(var(--font-base) - 1px)
}

.title-heading .widget-title::after, .title-heading .section-title::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    width: 100%;
    height: 100%;
    margin-bottom: -2px;
    inset-inline-start: 0;
    transform: translateY(-50%);
    background: var(--primary-color);
    border-end-end-radius: var(--radius);
    border-start-start-radius: var(--radius)
}

.site-footer .title-heading .widget-title::after, .site-footer .title-heading .section-title::after {
    background: #262626
}

.title-heading a.view-all {
    line-height: 1;
    padding: 1px 6px;
    font-weight: 500;
    border-radius: 3px;
    text-decoration: none;
    transition: 0.3s ease;
    color: var(--clr-text);
    font-size: var(--font-small)
}

.title-heading a.view-all:focus-within, .title-heading a.view-all:hover {
    text-decoration: underline;
    color: var(--primary-color)
}

.title-heading a.view-all::after {
    content: '\f054';
    font-family: fontawesome;
    padding-inline-start: 4px
}

.site-footer .title-heading a.view-all {
    color: #fff
}

.widget .widget-title {
    position: relative;
    padding-inline-start: 18px
}

p {
    margin-bottom: 1.5em
}

dfn, cite, em, i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code, kbd, tt, var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark, ins {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

:root {
    --radius: 8px;
    --bg-clr: #ffff;
    --header-height: 40px;
    --clr-text: #393e46;
    --shadow: #91919161;
    --border-clr: #e0e0e0;
    --logo-size-custom: 65px;
    --bg-clr-light: #efefef;
    --primary-color: #FFA62F;
    --clr-text-light: #7f8487;
    --site-title-color: #FFA62F;
    --custom-bg-clr: #ffff;
    --categories-clr: var(--primary-color);
    --font-main: "Poppins", serif;
    --font-heading: "Inter", serif;
    --font-xsmall: clamp(0.7rem, 0.13vw + 0.62rem, 0.79rem);
    --font-small: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem);
    --font-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
    --font-normal: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem);
    --font-large: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);
    --font-xlarge: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);
    --font-xxlarge: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
    --font-xxxlarge: clamp(3.05rem, 3.54vw + 2.17rem, 5rem)
}

body {
    background-color: var(--bg-clr);
    color: var(--clr-text);
    font-family: var(--font-main)
}

body.page {
    margin-bottom: 0
}

body.menu-opened {
    overflow: hidden
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul, ol {
    margin: 0 0 1.5em 3em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

embed, iframe, object {
    max-width: 100%
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

a {
    color: #4169e1
}

a:visited {
    color: var(--primary-color)
}

a:hover, a:focus, a:active {
    color: var(--primary-color)
}

a:focus {
    outline: thin dotted
}

a:hover, a:active {
    outline: 0
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    color: #fff;
    margin-left: 0;
    cursor: pointer;
    padding: 14px 25px;
    transition: all 0.3s;
    text-decoration: none;
    border: 1px solid #fff0;
    background-color: var(--primary-color)
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    opacity: .8
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: var(--clr-text);
    background-color: var(--bg-clr);
    border: 1px solid #ccc;
    padding: 3px;
    width: 100%
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: var(--clr-text)
}

select {
    border: 1px solid #ccc
}

textarea {
    width: 100%
}

@media (max-width: 991px) {
    .navigation {
        justify-self: flex-end
    }
}

.navigation .main-navigation {
    display: block
}

@media (max-width: 991px) {
    .navigation .main-navigation {
        margin-bottom: -12px
    }
}

.navigation .main-navigation ul {
    margin: 0;
    list-style: none;
    padding-inline-start: 0
}

.navigation .main-navigation ul ul {
    top: 100%;
    float: none;
    z-index: 9999;
    display: block;
    position: absolute;
    inset-inline-start: -999em
}

.navigation .main-navigation ul ul ul {
    top: 0;
    inset-inline-end: -999em
}

.navigation .main-navigation ul ul li:hover > ul, .navigation .main-navigation ul ul li.focus > ul {
    display: block;
    inset-inline-start: 100%
}

.navigation .main-navigation ul li:hover > ul, .navigation .main-navigation ul li.focus > ul {
    inset-inline-start: auto
}

.navigation .main-navigation li {
    position: relative
}

@media (max-width: 991px) {
    .navigation .main-navigation li {
        border-bottom: 1px solid var(--border-clr)
    }

    .navigation .main-navigation li:last-child {
        border-bottom: 1px solid #fff0
    }
}

.navigation .main-navigation li li > a:focus {
    outline-offset: -1px
}

.navigation .main-navigation li a {
    font-weight: 400;
    display: inline;
    text-decoration: none;
    color: var(--clr-text);
    font-size: var(--font-small)
}

.navigation .main-navigation li a:focus, .navigation .main-navigation li a:hover {
    color: var(--primary-color)
}

.navigation .main-navigation .current_page_item > a, .navigation .main-navigation .current-menu-item > a, .navigation .main-navigation .current_page_ancestor > a, .navigation .main-navigation .current-menu-ancestor > a {
    font-weight: 800;
    color: var(--primary-color)
}

.navigation .main-navigation .current_page_item > a:hover, .navigation .main-navigation .current_page_item > a:focus-within, .navigation .main-navigation .current-menu-item > a:hover, .navigation .main-navigation .current-menu-item > a:focus-within, .navigation .main-navigation .current_page_ancestor > a:hover, .navigation .main-navigation .current_page_ancestor > a:focus-within, .navigation .main-navigation .current-menu-ancestor > a:hover, .navigation .main-navigation .current-menu-ancestor > a:focus-within {
    opacity: .9
}

@media (max-width: 991px) {
    .navigation .main-navigation li {
        padding: 10px
    }

    .navigation .main-navigation button.menu-toggle {
        padding: 0;
        width: 30px;
        height: 30px;
        border: none;
        cursor: pointer;
        background: none;
        position: relative;
        display: inline-block
    }

    .navigation .main-navigation button.menu-toggle .ham-icon {
        height: 4px;
        width: 100%;
        position: absolute;
        transition-duration: 500ms;
        background-color: var(--clr-text);
        transition: 0.3s cubic-bezier(.8, .5, .2, 1.4)
    }

    .navigation .main-navigation button.menu-toggle .ham-icon:nth-child(1) {
        top: 0;
        inset-inline-start: 0
    }

    .navigation .main-navigation button.menu-toggle .ham-icon:nth-child(2) {
        top: 10px;
        inset-inline-start: 0;
        opacity: 1
    }

    .navigation .main-navigation button.menu-toggle .ham-icon:nth-child(3) {
        bottom: 6px;
        inset-inline-start: 0
    }

    .navigation .main-navigation button.menu-toggle.show {
        top: 65px;
        z-index: 999;
        position: fixed;
        inset-inline-end: 34px;
        transition: all 0.1s ease-in
    }
}

@media (max-width: 991px) and (min-width: 600px) {
    body.scroll-up .navigation .main-navigation button.menu-toggle.show {
        top: 100px
    }
}

@media (max-width: 991px) {
    .navigation .main-navigation button.menu-toggle.show .ham-icon {
        background-color: var(--clr-text)
    }

    .navigation .main-navigation button.menu-toggle.show .ham-icon:nth-child(1) {
        top: 13px;
        transition: 0.3s ease;
        transform: rotate(45deg)
    }

    .navigation .main-navigation button.menu-toggle.show .ham-icon:nth-child(2) {
        width: 0;
        opacity: 0
    }

    .navigation .main-navigation button.menu-toggle.show .ham-icon:nth-child(3) {
        top: 13px;
        transition: 0.3s ease;
        transform: rotate(-45deg)
    }

    .navigation .main-navigation .navigation-area {
        top: 0;
        z-index: 50;
        height: 100%;
        position: fixed;
        min-width: 355px;
        visibility: hidden;
        overflow-y: scroll;
        padding: 100px 20px;
        inset-inline-end: -100%;
        transition: all 0.5s ease;
        background-color: var(--bg-clr);
        box-shadow: -3px 8px 14px rgb(0 0 0 / .12)
    }
}

@media (max-width: 991px) and (max-width: 320px) {
    .navigation .main-navigation .navigation-area {
        width: 100%;
        padding-inline-start: 40px
    }
}

@media (max-width: 991px) and (max-width: 600px) {
    body.scroll-up .navigation .main-navigation .navigation-area {
        padding: 140px 20px 100px 0
    }
}

@media (max-width: 991px) {

    .navigation .main-navigation.toggled .navigation-area {
        visibility: visible;
        inset-inline-end: 0
    }
}

.navigation .menu-toggle, .navigation .main-navigation.toggled {
    display: block
}

@media screen and (min-width: 992px) {
    .navigation .menu-toggle {
        display: none
    }

    .navigation .main-navigation ul {
        gap: 16px;
        display: flex;
        flex-wrap: wrap
    }
}

.post, .page {
    margin: 0 0 1.6em
}

.entry-content {
    margin: 1.5em 0 0
}

.post .entry-header {
    margin-top: 10px
}

.post .entry-header h1 {
    font-size: var(--font-large);
    line-height: 1.3
}

.page-content .search-form {
    display: flex;
    align-items: center
}

.page-content .search-form input {
    color: var(--clr-text);
    border: 1px solid #ccc;
    padding: 8px;
    border-end-start-radius: 4px;
    border-end-end-radius: 0;
    border-start-end-radius: 0;
    border-start-start-radius: 4px
}

.page-content .search-form .search-submit {
    color: #fff;
    cursor: pointer;
    padding: 8px 12px;
    transition: all 0.3s;
    text-decoration: none;
    margin-inline-start: unset;
    border-end-start-radius: 0;
    border-end-end-radius: 4px;
    border-start-end-radius: 4px;
    border-start-start-radius: 0;
    border: 1px solid #fff0;
    background-color: var(--primary-color)
}

.page-content .search-form .search-submit:hover, .page-content .search-form .search-submit:focus {
    opacity: .8
}

.widget {
    margin: 0 0 2.2em
}

.widget:last-child {
    margin: 0
}

.widget select {
    max-width: 100%
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

.site-footer {
    margin-block-start: 20px;
    color: #fff
}

.site-footer h6.widget-title {
    color: #fff
}

.widget p {
    font-size: calc(var(--font-small) + 2px)
}

.widget ol, .widget ul {
    margin: 0;
    padding: 0
}

.blog-post-container .blog-post-inner .blog-post-detail .entry-title a, .blog-post-container .blog-post-inner .blog-post-detail .post-main-title a {
    text-decoration: none;
    color: var(--clr-text);
    transition: all 0.3s ease;
    font-family: var(--font-heading);
}

.widget ol li, .widget ul li {
    padding: 6px 0;
    list-style: none
}

.widget ol li a, .widget ul li a {
    text-decoration: none;
    color: var(--clr-text);
    font-size: calc(var(--font-small) + 2px);
    transition: all 0.4s ease
}

.widget ol li:focus-within a, .widget ol li:hover a, .widget ul li:focus-within a, .widget ul li:hover a {
    color: var(--primary-color)
}

.grid-posts {
    container-type: inline-size
}

.grid-posts .main-container-wrap .grid-posts-wrapper {
    gap: 1rem;
    display: grid
}

.grid-posts .main-container-wrap .grid-posts-wrapper .post-meta {
    margin-bottom: 0
}

.site-footer .grid-posts .main-container-wrap .grid-posts-wrapper .entry-date {
    color: #fff
}

.grid-posts.style-1 .main-container-wrap .grid-posts-wrapper {
    grid-template-columns:repeat(4, 1fr)
}

@container (max-width:1024px) {
    .grid-posts.style-1 .main-container-wrap .grid-posts-wrapper {
        grid-template-columns:repeat(3, 1fr)
    }
}

@container (max-width:768px) {
    .grid-posts.style-1 .main-container-wrap .grid-posts-wrapper {
        grid-template-columns:repeat(2, 1fr)
    }
}

@container (max-width:600px) {
    .grid-posts.style-1 .main-container-wrap .grid-posts-wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

.grid-posts.style-1 .main-container-wrap .grid-posts-wrapper .blog-post-container .blog-post-inner .blog-post-detail .entry-title {
    font-size: var(--font-base)
}

.thumbnail-list-post {
    container-type: inline-size
}

.thumbnail-list-post .thumbnail-list-post-wrapper {
    gap: 1rem;
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

@container (max-width:1100px) {
    .thumbnail-list-post .thumbnail-list-post-wrapper {
        grid-template-columns:repeat(2, 1fr)
    }
}

@container (max-width:600px) {
    .thumbnail-list-post .thumbnail-list-post-wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

.thumbnail-list-post .thumbnail-list-post-wrapper .blog-post-container .blog-post-inner .blog-post-detail {
    align-self: center
}

@container (max-width:600px) {
    .thumbnail-list-post .thumbnail-list-post-wrapper .blog-post-container .blog-post-inner .blog-post-detail .post-categories {
        display: none
    }
}

@container (min-width:601px) {
    .thumbnail-list-post.style-1 .thumbnail-list-post-wrapper .blog-post-container .blog-post-inner .blog-post-image {
        min-height: 100px
    }
}

@container (max-width:600px) {
    .thumbnail-list-post.style-1 .thumbnail-list-post-wrapper .blog-post-container .blog-post-inner .blog-post-image {
        min-height: 80px
    }
}

.list-post {
    container-type: inline-size
}

.list-post .main-container-wrap .list-post-wrapper {
    gap: 1.2rem;
    display: grid
}

.list-post .main-container-wrap .list-post-wrapper .blog-post-container:last-child {
    padding-bottom: 0
}

.list-post .main-container-wrap .list-post-wrapper .blog-post-container:last-child::after {
    background-color: unset
}

.list-post .main-container-wrap .list-post-wrapper .blog-post-container .blog-post-inner .blog-post-image img {
    aspect-ratio: 1/0.6
}

.primary-widgets-area .list-post .main-container-wrap .list-post-wrapper .blog-post-container .blog-post-inner .blog-post-image img, .column-2 .list-post .main-container-wrap .list-post-wrapper .blog-post-container .blog-post-inner .blog-post-image img {
    aspect-ratio: 1/0.7
}

.list-post .main-container-wrap .list-post-wrapper .blog-post-container .blog-post-inner .blog-post-detail {
    align-self: center
}

.site-footer .list-post .main-container-wrap .list-post-wrapper .blog-post-container .blog-post-inner .blog-post-detail .post-categories {
    display: none
}

@container (max-width:425px) {
    .list-post .main-container-wrap .list-post-wrapper .blog-post-container .blog-post-inner .blog-post-detail .post-categories {
        display: none
    }
}

@container (min-width:424px) {
    .list-post .main-container-wrap .list-post-wrapper .blog-post-container .blog-post-inner .blog-post-detail .entry-title {
        font-size: calc(var(--font-normal) - 2px)
    }
}

@container (max-width:600px) {
    .list-post .main-container-wrap .list-post-wrapper .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt {
        display: none
    }
}

@container (min-width:600px) {
    .list-post.style-1 .blog-post-container .blog-post-inner .blog-post-image {
        width: 45%
    }
}

@container (min-width:600px) {
    .list-post.style-1 .blog-post-container .blog-post-inner .blog-post-detail {
        width: 55%
    }
}

.tile-list-posts {
    container-type: inline-size
}

.tile-list-posts .tile-list-posts-wrapper {
    gap: 1rem;
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

@container (max-width:1024px) {
    .tile-list-posts .tile-list-posts-wrapper {
        grid-template-columns:repeat(2, 1fr)
    }
}

@container (max-width:600px) {
    .tile-list-posts .tile-list-posts-wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

@container (min-width:601px) {
    .tile-list-posts .tile-list-posts-wrapper .blog-post-container.tile-layout .blog-post-inner .blog-post-detail .entry-title {
        font-size: var(--font-normal)
    }
}

@container (max-width:400px) {
    .tile-list-posts .tile-list-posts-wrapper .blog-post-container.list-layout .blog-post-inner .blog-post-detail .post-categories {
        display: none
    }
}

.tile-list-posts.style-1 .tile-list-posts-wrapper {
    grid-template-columns:repeat(2, 1fr)
}

@container (max-width:600px) {
    .tile-list-posts.style-1 .tile-list-posts-wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

@container (min-width:601px) {
    .tile-list-posts.style-1 .tile-list-posts-wrapper .blog-post-container.tile-layout {
        grid-row: span 4
    }
}

@container (max-width:600px) {
    .tile-list-posts.style-1 .tile-list-posts-wrapper .blog-post-container.tile-layout {
        grid-row: span 1
    }
}

.tile-list-posts.style-1 .tile-list-posts-wrapper .blog-post-container.tile-layout .blog-post-inner .blog-post-detail .entry-title {
    line-height: 1.2;
    margin-bottom: 6px
}

.tile-list-posts.style-1 .tile-list-posts-wrapper .blog-post-container.list-layout .blog-post-inner .blog-post-detail {
    align-self: center
}

@media (max-width: 600px) {
    .tile-list-posts.style-1 .tile-list-posts-wrapper .blog-post-container.list-layout .blog-post-inner .blog-post-detail .post-categories {
        display: none
    }
}

.tile-posts {
    container-type: inline-size
}

.tile-posts .main-container-wrap .tile-posts-wrapper {
    gap: 1rem;
    display: grid
}

@container (min-width:992px) {
    .tile-posts.style-2 .tile-posts-wrapper {
        grid-template-columns:repeat(4, 1fr)
    }
}

@container (max-width:991px) {
    .tile-posts.style-2 .tile-posts-wrapper {
        grid-template-columns:repeat(2, 1fr)
    }
}

@container (max-width:600px) {
    .tile-posts.style-2 .tile-posts-wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media (min-width: 601px) {
    .tile-posts.style-2 .tile-posts-wrapper .blog-post-container:nth-child(1) {
        grid-column: span 2;
        grid-row: span 2
    }
}

@media (min-width: 601px) {
    .tile-posts.style-2 .tile-posts-wrapper .blog-post-container:nth-child(1) .blog-post-inner .blog-post-detail .entry-title {
        font-size: var(--font-normal)
    }
}

@media (min-width: 601px) {
    .tile-posts.style-2 .tile-posts-wrapper .blog-post-container:nth-child(n+2) .blog-post-inner {
        min-height: 260px
    }
}

@media (min-width: 601px) {
    .tile-posts.style-2 .tile-posts-wrapper .blog-post-container:nth-child(2) {
        grid-row: span 2
    }
}

.main-widget-area .widget-area-wrapper.frontpage-right-sidebar {
    display: flex;
    margin-inline: -.5rem;
    align-items: flex-start
}

@media (max-width: 991px) {
    .main-widget-area .widget-area-wrapper.frontpage-right-sidebar {
        flex-direction: column
    }
}

.main-widget-area .widget-area-wrapper.no-sidebar .primary-widgets-area {
    width: 100%
}

.main-widget-area .widget-area-wrapper.no-sidebar .secondary-widgets-area {
    width: 100%
}

.main-widget-area .widget-area-wrapper .primary-widgets-area {
    width: 100%;
    padding-inline: .5rem
}

@media (min-width: 992px) {
    .main-widget-area .widget-area-wrapper .primary-widgets-area {
        width: 70%;
        padding-inline: .5rem
    }
}

.main-widget-area .widget-area-wrapper .secondary-widgets-area {
    width: 100%;
    padding-inline: .5rem;
    padding-block-start: 24px
}

@media (min-width: 992px) {
    .main-widget-area .widget-area-wrapper .secondary-widgets-area {
        top: 40px;
        width: 30%;
        position: sticky;
        padding-inline: .5rem;
        padding-block-start: unset
    }

    body.scroll-up .main-widget-area .widget-area-wrapper .secondary-widgets-area {
        top: 110px;
        transition: all 0.3s ease
    }
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgb(0 0 0 / .6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

@keyframes bar-2 {
    0% {
        background-size: 20% 100%, 20% 100%, 20% 100%
    }
    33% {
        background-size: 20% 10%, 20% 100%, 20% 100%
    }
    50% {
        background-size: 20% 100%, 20% 10%, 20% 100%
    }
    66% {
        background-size: 20% 100%, 20% 100%, 20% 10%
    }
    100% {
        background-size: 20% 100%, 20% 100%, 20% 100%
    }
}

.site-header .hyper-news-navigation-outer-wrapper {
    position: relative;
    padding: 10px 0 15px;
    background-size: cover;
    background-position: center
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper {
    gap: 16px;
    z-index: 1;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 768px) {
    .site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper {
        flex-wrap: wrap;
        justify-content: center
    }
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .navigation {
    gap: 2rem;
    flex-grow: 1;
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .navigation {
        justify-content: space-between
    }
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part {
    gap: 4px;
    display: flex;
    align-items: center
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search {
    position: relative
}

@media (max-width: 425px) {
    .site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search {
        position: unset
    }
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap a {
    height: 30px;
    width: 30px;
    display: flex;
    padding-bottom: 2px;
    align-items: center;
    text-decoration: none;
    color: var(--clr-text);
    justify-content: center;
    transition: all 0.3s ease-in;
    font-size: var(--font-base)
}

@media (max-width: 768px) {
    .site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap a {
        font-size: calc(var(--font-base) + 2px)
    }
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap a:hover, .site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap a:focus-within {
    color: var(--primary-color)
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap:focus a {
    outline-offset: 5px;
    border: 1px dashed #000
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap .header-search-form {
    top: 100%;
    opacity: 0;
    z-index: 10;
    width: 330px;
    position: absolute;
    visibility: hidden;
    padding: 6px 0 0 0;
    inset-inline-end: 0
}

@media (max-width: 425px) {
    .site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap .header-search-form {
        width: 100%;
        top: 100%
    }
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap .header-search-form .search-form {
    padding: 6px;
    display: flex;
    background: var(--bg-clr);
    border-radius: var(--radius);
    box-shadow: 1px 1px 6px 0 var(--shadow)
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap .header-search-form .search-form label {
    flex-basis: 75%
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap .header-search-form .search-form label .search-field {
    width: 100%;
    height: 38px;
    padding: 6px;
    border-start-start-radius: var(--radius);
    border-end-start-radius: var(--radius)
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap .header-search-form .search-form .search-submit {
    padding: 10px;
    line-height: 1;
    flex-basis: 25%;
    font-size: var(--font-small);
    border-end-end-radius: var(--radius);
    border-start-end-radius: var(--radius)
}

.site-header .hyper-news-navigation-outer-wrapper .hyper-news-bottom-header .hyper-news-bottom-header-wrapper .bottom-header-right-part .hyper-news-header-search .header-search-wrap.show .header-search-form {
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease-in
}

.site-branding {
    row-gap: 6px;
    column-gap: 16px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-self: flex-start
}

@media (max-width: 600px) {
    .site-branding {
        flex-direction: column
    }
}

.site-branding p {
    margin: 0
}

.site-branding .site-logo {
    max-width: 200px;
    max-height: 50px;
}

.magazine-banner {
    width: 100%
}

.magazine-banner .section-wrapper .banner-container-wrapper {
    display: flex;
    align-items: flex-start
}

@media (min-width: 992px) {
    .magazine-banner .section-wrapper .banner-container-wrapper {
        margin-inline: -.8rem
    }
}

@media (max-width: 991px) {
    .magazine-banner .section-wrapper .banner-container-wrapper {
        row-gap: 14px;
        flex-wrap: wrap
    }
}

.magazine-banner .section-wrapper .banner-container-wrapper .banner-main-part {
    width: 100%
}

@media (min-width: 992px) {
    .magazine-banner .section-wrapper .banner-container-wrapper .banner-main-part {
        width: 65%;
        padding-inline: .8rem;
        top: 0;
        position: sticky
    }
}

.magazine-banner .section-wrapper .banner-container-wrapper .banner-main-part .banner-main-wrap .blog-post-container .blog-post-inner .blog-post-image img {
    aspect-ratio: 1/0.6
}

.magazine-banner .section-wrapper .banner-container-wrapper .featured-posts {
    container-type: inline-size
}


@media (min-width: 992px) {
    .magazine-banner .section-wrapper .banner-container-wrapper .featured-posts {
        width: 35%;
        padding-inline: .8rem;
        top: 0;
        position: sticky
    }
}

@media (max-width: 991px) {
    .magazine-banner .section-wrapper .banner-container-wrapper .featured-posts {
        width: 100%
    }
}

.magazine-banner .section-wrapper .banner-container-wrapper .featured-posts .featured-posts-wrap .blog-post-container {
    position: relative;
    padding-bottom: 1.2rem
}

.magazine-banner .section-wrapper .banner-container-wrapper .featured-posts .featured-posts-wrap .blog-post-container .blog-post-inner .blog-post-detail .post-categories {
    margin-top: 10px
}

.magazine-banner.banner-style-1 .banner-main-part .banner-main-wrap, .magazine-banner.banner-style-2 .banner-main-part .banner-main-wrap {
    gap: 1.5rem;
    display: grid;
    grid-template-columns:repeat(2, 1fr)
}

@media (max-width: 600px) {
    .magazine-banner.banner-style-1 .banner-main-part .banner-main-wrap, .magazine-banner.banner-style-2 .banner-main-part .banner-main-wrap {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media (min-width: 601px) {
    .magazine-banner.banner-style-1 .banner-main-part .banner-main-wrap .blog-post-container.tile-layout, .magazine-banner.banner-style-2 .banner-main-part .banner-main-wrap .blog-post-container.tile-layout {
        grid-column: span 2
    }
}

.magazine-banner.banner-style-1 .banner-main-part .banner-main-wrap .blog-post-container.tile-layout .blog-post-inner, .magazine-banner.banner-style-2 .banner-main-part .banner-main-wrap .blog-post-container.tile-layout .blog-post-inner {
    min-height: 220px
}

@media (min-width: 501px) {
    .magazine-banner.banner-style-1 .banner-main-part .banner-main-wrap .blog-post-container.tile-layout .blog-post-inner, .magazine-banner.banner-style-2 .banner-main-part .banner-main-wrap .blog-post-container.tile-layout .blog-post-inner {
        min-height: 420px
    }
}

.magazine-banner.banner-style-1 .banner-main-part .banner-main-wrap .blog-post-container.tile-layout .blog-post-inner .blog-post-detail .entry-title, .magazine-banner.banner-style-2 .banner-main-part .banner-main-wrap .blog-post-container.tile-layout .blog-post-inner .blog-post-detail .entry-title {
    font-size: calc(var(--font-large) - 3px)
}

.magazine-banner.banner-style-1 .banner-main-part .banner-main-wrap .blog-post-container.grid-layout .blog-post-inner .blog-post-detail .entry-title, .magazine-banner.banner-style-2 .banner-main-part .banner-main-wrap .blog-post-container.grid-layout .blog-post-inner .blog-post-detail .entry-title {
    font-size: var(--font-base)
}

@media (min-width: 992px) {
    .magazine-banner.banner-style-2 .section-wrapper .banner-container-wrapper .banner-main-part {
        order: 2
    }
}

.magazine-banner.banner-style-2 .section-wrapper .banner-container-wrapper .banner-main-part .banner-main-wrap {
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 991px) {
    .magazine-banner.banner-style-2 .section-wrapper .banner-container-wrapper .banner-main-part .banner-main-wrap {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 600px) {
    .magazine-banner.banner-style-2 .section-wrapper .banner-container-wrapper .banner-main-part .banner-main-wrap {
        grid-template-columns:repeat(1, 1fr)
    }
}

.magazine-banner.banner-style-2 .section-wrapper .banner-container-wrapper .banner-main-part .banner-main-wrap .blog-post-container:first-child {
    grid-column: span 3
}

@media (max-width: 991px) {
    .magazine-banner.banner-style-2 .section-wrapper .banner-container-wrapper .banner-main-part .banner-main-wrap .blog-post-container:first-child {
        grid-column: span 2
    }
}

@media (max-width: 600px) {
    .magazine-banner.banner-style-2 .section-wrapper .banner-container-wrapper .banner-main-part .banner-main-wrap .blog-post-container:first-child {
        grid-column: span 1
    }
}

@media (min-width: 992px) {
    .magazine-banner.banner-style-2 .section-wrapper .banner-container-wrapper .featured-posts {
        order: 1
    }
}

.blog-post-container .blog-post-inner {
    display: flex
}

.blog-post-container .blog-post-inner .blog-post-image {
    line-height: 0;
    flex-shrink: 0;
    overflow: hidden
}

.blog-post-container .blog-post-inner .blog-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease
}

.blog-post-container .blog-post-inner .blog-post-detail .post-categories {
    margin: 0;
    padding: 0;
    line-height: 0;
    margin-top: 4px
}

.blog-post-container .blog-post-inner .blog-post-detail .post-categories a {
    z-index: 0;
    line-height: 1;
    font-weight: 600;
    position: relative;
    margin-block-end: 4px;
    letter-spacing: .1px;
    display: inline-block;
    text-decoration: none;
    margin-inline-end: 8px;
    text-transform: uppercase;
    padding-inline-start: 9px;
    color: var(--categories-clr);
    font-size: calc(var(--font-xsmall) - 1px);
    transition: all 0.3s ease
}

.blog-post-container .blog-post-inner .blog-post-detail .post-categories a:hover, .blog-post-container .blog-post-inner .blog-post-detail .post-categories a:focus-within {
    opacity: .8
}

.blog-post-container .blog-post-inner .blog-post-detail .post-categories a::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: var(--categories-clr);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%)
}

.blog-post-container .blog-post-inner .blog-post-detail .post-categories a:first-child {
    padding-inline-start: unset
}

.blog-post-container .blog-post-inner .blog-post-detail .post-categories a:first-child::before {
    display: none
}


.blog-post-container .blog-post-inner .blog-post-detail .entry-title a:focus-within,
.blog-post-container .blog-post-inner .blog-post-detail .entry-title a:hover {
    color: var(--primary-color)
}

.site-footer .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:focus-within, .site-footer .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:hover, .site-footer .blog-post-container .blog-post-inner .blog-post-detail .post-main-title a:focus-within, .site-footer .blog-post-container .blog-post-inner .blog-post-detail .post-main-title a:hover {
    color: unset
}

.blog-post-container .blog-post-inner .blog-post-detail p.post-excerpt {
    margin-top: 4px;
    margin-bottom: 0;
    color: var(--clr-text);
    font-size: var(--font-small)
}

.post-meta {
    row-gap: 4px;
    display: flex;
    column-gap: 8px;
    margin-top: 4px;
    flex-wrap: wrap;
    align-items: center
}

.entry-date {
    line-height: 1.1;
    text-decoration: none;
    color: var(--clr-text);
    transition: all 0.3s ease;
    font-size: var(--font-xsmall);
    display: flex;
    align-items: center;
    justify-content: center
}

.entry-date:focus-within, .entry-date:hover {
    color: var(--primary-color)
}

.site-footer .entry-date:focus-within, .site-footer .entry-date:hover {
    color: unset
}

.entry-date i {
    margin-inline-end: 4px;
    font-size: calc(var(--font-xsmall) - 1px)
}

.blog-post-container.grid-layout .blog-post-inner {
    flex-direction: column
}

.blog-post-container.grid-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail {
    margin-top: 10px;
    position: relative
}

.blog-post-container.grid-layout .blog-post-inner .blog-post-image {
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 1px 1px 5px 2px var(--shadow);
    border-radius: var(--radius)
}

.blog-post-container.grid-layout .blog-post-inner .blog-post-image img {
    aspect-ratio: 1/0.6
}

.blog-post-container.grid-layout .blog-post-inner .blog-post-image .post-categories {
    left: 0;
    right: 0;
    top: 8px;
    bottom: 0;
    margin: 0;
    line-height: 0;
    position: absolute;
    padding: 0 0 0 8px;
    display: inline-block
}

.blog-post-container.grid-layout .blog-post-inner .blog-post-image .post-categories li {
    list-style: none;
    padding-bottom: 6px;
    display: inline-block
}

.blog-post-container.grid-layout .blog-post-inner .blog-post-image .post-categories a {
    color: #fff;
    font-weight: 600;
    line-height: 8px;
    padding: 4px 6px;
    margin-block-end: 4px;
    letter-spacing: .5px;
    display: inline-block;
    text-decoration: none;
    margin-inline-end: 4px;
    padding-inline-end: 8px;
    text-transform: uppercase;
    border-radius: var(--radius);
    background: var(--categories-clr);
    font-size: calc(var(--font-xsmall) - 1.4px)
}

.blog-post-container.list-layout .blog-post-inner {
    gap: 1rem;
    height: 100%
}

.blog-post-container.list-layout .blog-post-inner .blog-post-image {
    width: 30%;
    box-shadow: 1px 1px 5px 2px var(--shadow);
    border-radius: var(--radius);
    aspect-ratio: 16/9;
}

.blog-post-container.list-layout .blog-post-inner .blog-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    aspect-ratio: 16/9;
    transition: all 0.3s ease
}

.blog-post-container.list-layout .blog-post-inner .blog-post-detail {
    flex: 1;
    display: flex;
    align-self: center;
    flex-direction: column
}

.blog-post-container.tile-layout .blog-post-inner {
    height: 100%;
    overflow: hidden;
    min-height: 280px;
    position: relative;
    background-color: var(--bg-clr-light);
    box-shadow: 1px 1px 5px 2px var(--shadow);
    border-radius: var(--radius)
}

.aspect-16-9 {
    aspect-ratio: 16 / 9;
    min-height: auto !important;
}

@media screen and (max-width: 568px) {
    .mb-aspect-16-9 {
        aspect-ratio: 16 / 9 !important;
        min-height: auto !important;
    }
}

.blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-image::before {
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    position: absolute;
    inset-inline-start: 0;
    background: linear-gradient(360deg, black, transparent)
}

.blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail .entry-title a, .blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail .post-main-title a {
    color: #fff
}

.blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail .entry-title:hover a, .blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail .entry-title:focus-within a, .blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail .post-main-title:hover a, .blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail .post-main-title:focus-within a {
    color: #fff
}

.blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail .post-excerpt {
    color: #fff
}



.blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail .post-meta .post-date a {
    color: #fff
}

.blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail .post-meta .post-date:hover a, .blog-post-container.tile-layout .blog-post-inner:has(.blog-post-image) .blog-post-detail .post-meta .post-date:focus-within a {
    color: #fff
}


.blog-post-container.tile-layout .blog-post-inner .blog-post-image {
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-inline-start: 0
}

.blog-post-container.tile-layout .blog-post-inner .blog-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease
}

.blog-post-container.tile-layout .blog-post-inner .blog-post-detail {
    width: 100%;
    display: flex;
    padding: 18px;
    position: relative;
    flex-direction: column;
    justify-content: flex-end
}

@media (max-width: 1024px) {
    .blog-post-container.tile-layout .blog-post-inner .blog-post-detail {
        padding: 20px
    }
}

.blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-categories a {
    color: #fff;
    padding: 4px 6px 3px
}

.blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-categories a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: var(--radius);
    background: var(--categories-clr)
}

.blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-categories a::before {
    display: none
}

.blog-post-container.tile-layout .blog-post-inner .blog-post-detail .entry-title a, .blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-main-title a {
    color: var(--clr-text);
    font-family: var(--font-heading)
}

.blog-post-container.tile-layout .blog-post-inner .blog-post-detail .entry-title:hover a, .blog-post-container.tile-layout .blog-post-inner .blog-post-detail .entry-title:focus-within a, .blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-main-title:hover a, .blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-main-title:focus-within a {
    color: var(--primary-color)
}

.blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-excerpt {
    color: var(--clr-text)
}

@container (max-width:400px) {
    .blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-excerpt {
        display: none
    }
}

.blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-meta .post-date a {
    color: var(--clr-text)
}

.blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-meta .post-date:hover a, .blog-post-container.tile-layout .blog-post-inner .blog-post-detail .post-meta .post-date:focus-within a {
    color: var(--primary-color)
}


footer.site-footer {
    z-index: 0;
    position: relative;
    --bg-clr: #262626;
    --bg-clr-light: #3d3d3d;
    --clr-text: #eeefe9;
    background-color: var(--primary-color)
}

footer.site-footer .hyper-news-top-footer {
    padding-block: 20px
}

footer.site-footer .hyper-news-top-footer .top-footer-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -12px
}

footer.site-footer .hyper-news-top-footer .top-footer-wrapper .footer-container-wrapper {
    width: 33.333%
}

@media (max-width: 600px) {
    footer.site-footer .hyper-news-top-footer .top-footer-wrapper .footer-container-wrapper {
        width: 100%
    }
}

footer.site-footer .hyper-news-bottom-footer {
    padding-block: 20px;
    background-color: #1a1a1a
}

.bottom-footer-content {
    text-align: center;
}

a.scroll-to-top {
    opacity: 0;
    width: 40px;
    height: 40px;
    bottom: 30px;
    z-index: 10;
    color: #fff;
    position: fixed;
    text-align: center;
    visibility: hidden;
    display: inline-block;
    text-decoration: none;
    inset-inline-end: 30px;
    transition: all 0.3s ease;
    border-radius: var(--radius);
    background: var(--primary-color);
    box-shadow: 1px 1px 4px 0 var(--shadow)
}

a.scroll-to-top::after {
    top: 0;
    left: 0;
    margin: 8px;
    width: 24px;
    height: 25px;
    opacity: .8;
    transition: 0.3s ease;
    font-family: fontawesome
}

a.scroll-to-top.scroll-style-1::after {
    content: "\f077";
    position: absolute;
    font-size: calc(var(--font-small) + 2px)
}

a.scroll-to-top:hover {
    cursor: pointer;
    transform: translateY(-10px)
}

a.scroll-to-top:hover::after {
    opacity: 1
}

a.scroll-to-top.show {
    opacity: 1;
    visibility: visible
}

.breadcrumbs ul {
    padding: 0;
    margin: 0
}

.breadcrumbs ul li {
    list-style: none;
    display: inline-block
}

.breadcrumbs ul li::after {
    content: "/";
    margin: 0 5px
}

.breadcrumbs ul li:last-child::after {
    content: "";
    display: none
}

.breadcrumbs ul a {
    text-decoration: none;
    color: var(--clr-text);
    transition: all 0.3s ease;
    margin: 0 3px
}

.breadcrumbs ul a:focus-within, .breadcrumbs ul a:hover {
    color: var(--primary-color)
}

.breadcrumbs ul .trail-end {
    color: var(--clr-text-light)
}

:root {
    --site-title-color: #blank;
    --custom-bg-clr: #ffffff
}

:root {
    --font-heading: "Inter", serif;
    --font-main: -apple-system, BlinkMacSystemFont, "Poppins", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

body, button, input, select, optgroup, textarea {
    font-family: "Poppins", serif
}

.site-title a {
    font-family: "Commissioner", serif
}

.breadcrumbs ul li::after {
    content: "/"
}

.max-line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

.line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.max-line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.max-line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.wp-block-heading {
    text-align: center;
}

.page-size {
    display: flex;
    gap: .5rem;
    justify-content: start;
    align-items: center;
    margin: 2rem 0;
}

.page-size a {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    float: left;
    background: transparent;
    border: solid 1px #ececec;
    color: #111;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-decoration: auto;
}

.page-size a.is-current {
    background: #ffa62f;
    border: solid 1px #ffa62f;
    color: #fff;
}

.page-size span {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    float: left;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    background: #ffa62f;
    border: solid 1px #ffa62f;
    color: #fff;
}

.page-size a:hover, .page-size span:hover {
    background: #ffa62f;
    border-color: #ffa62f;
    color: #fff;
}

.page-size ul {
    display: flex;
    gap: 1.5rem;
    justify-content: start;
    align-items: center;
}

.page-size ul, .page-size li {
    list-style: none;
    margin: 0;
}


.article-info p, .article-info li {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.article-info ul, .article-info li {
    list-style: disc;
}

.article-info ul {
    padding-left: 2rem;
}

.article-info table {
    width: 100%;
    font-size: 10px;
}

.article-info h1, .article-info h2, .article-info h3, .article-info h4, .article-info h5, .article-info h6 {
    font-weight: 700;
    margin: 10px 0;
    color: #000;
    line-height: 1.1;
}

.article-info h1 {
    font-size: 30px;
}

.article-info h2 {
    font-size: 28px;
}

.article-info h3 {
    font-size: 25px;
}

.article-info h4 {
    font-size: 22px;
}

.article-info h5, .article-info h6 {
    font-size: 19px;
}

.article-info a {
    color: #ffa62f;
}

.article-info img {
    max-width: 450px;
    width: 100%;
}