@import url("https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,700,800,800i,900&display=swap");
/*New Loader*/
.hnp-loader-opacity {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    display: none;
}
.hnp-loader {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.loader {
    width: 50px;
    height: 50px;
    position: absolute;
}

.item-1 {
    background-color: #c6294c;
    top: 0;
    left: 0;
    z-index: 1;
    animation: item-1_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
    -webkit-animation: item-1_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
    -moz-animation: item-1_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.item-2 {
    background-color: #253960;
    top: 0;
    right: 0;
    animation: item-2_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
    -webkit-animation: item-2_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
    -moz-animation: item-2_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.item-3 {
    background-color: #c6294c;
    bottom: 0;
    right: 0;
    z-index: 1;
    animation: item-3_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
    -webkit-animation: item-3_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
    -moz-animation: item-3_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.item-4 {
    background-color: #253960;
    bottom: 0;
    left: 0;
    animation: item-4_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
    -webkit-animation: item-4_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
    -moz-animation: item-4_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

@keyframes item-1_move {
    0%,
    100% {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
    }
    25% {
        transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
        -webkit-transform: translate(0, 50px);
        -moz-transform: translate(0, 50px);
    }
    50% {
        transform: translate(50px, 50px);
        -ms-transform: translate(50px, 50px);
        -webkit-transform: translate(50px, 50px);
        -moz-transform: translate(50px, 50px);
    }
    75% {
        transform: translate(50px, 0);
        -ms-transform: translate(50px, 0);
        -webkit-transform: translate(50px, 0);
        -moz-transform: translate(50px, 0);
    }
}

@keyframes item-2_move {
    0%,
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
    }
    25% {
        transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
        -webkit-transform: translate(-50px, 0);
        -moz-transform: translate(-50px, 0);
    }
    50% {
        transform: translate(-50px, 50px);
        -ms-transform: translate(-50px, 50px);
        -webkit-transform: translate(-50px, 50px);
        -moz-transform: translate(-50px, 50px);
    }
    75% {
        transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
        -webkit-transform: translate(0, 50px);
        -moz-transform: translate(0, 50px);
    }
}

@keyframes item-3_move {
    0%,
    100% {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
    }
    25% {
        transform: translate(0, -50px);
        -ms-transform: translate(0, -50px);
        -webkit-transform: translate(0, -50px);
        -moz-transform: translate(0, -50px);
    }
    50% {
        transform: translate(-50px, -50px);
        -ms-transform: translate(-50px, -50px);
        -webkit-transform: translate(-50px, -50px);
        -moz-transform: translate(-50px, -50px);
    }
    75% {
        transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
        -webkit-transform: translate(-50px, 0);
        -moz-transform: translate(-50px, 0);
    }
}

@keyframes item-4_move {
    0%,
    100% {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
    }
    25% {
        transform: translate(50px, 0);
        -ms-transform: translate(50px, 0);
        -webkit-transform: translate(50px, 0);
        -moz-transform: translate(50px, 0);
    }
    50% {
        transform: translate(50px, -50px);
        -ms-transform: translate(50px, -50px);
        -webkit-transform: translate(50px, -50px);
        -moz-transform: translate(50px, -50px);
    }
    75% {
        transform: translate(0, -50px);
        -ms-transform: translate(0, -50px);
        -webkit-transform: translate(0, -50px);
        -moz-transform: translate(0, -50px);
    }
}
/*end*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
* {
    outline: none;
}
body {
    background-color: #f9f8f7;
    color: #222;
    padding-right: 0 !important;
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
}
#wrapper {
    position: relative;
    overflow-x: hidden;
}
/* .container{max-width:1280px;} */
a {
    color: #253960;
    transition: 0.5s;
}
a:hover,
a:active,
a:focus {
    outline: none;
    text-decoration: none;
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #c6294c;
}
p {
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 0.9375rem;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    margin: 0 0 10px 0;
    padding: 0;
}

.form-control {
    display: block;
    height: auto;
    width: 100%;
    padding: 0.495rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus,
.custom-select:focus {
    border-color: #253960;
    box-shadow: none;
    outline: 0;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    box-shadow: none !important;
    outline: none !important;
    white-space: nowrap;
    padding: 0.625rem 1.85rem;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 30px;
}
.btn:focus {
    box-shadow: none;
    outline: 0;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}
.text-primary {
    color: #c6294c !important;
}
.text-secondary {
    color: #253960 !important;
}
.text-blue {
    color: #253960 !important;
}
.text-orange {
    color: #ef8f07 !important;
}
.text-success {
    color: #7ed321 !important;
}
.text-green {
    color: #168a09 !important;
}
.text-red {
    color: #168a09 !important;
}
.text-black {
    color: #000000 !important;
}

/*start primary button*/
.btn-primary {
    background-color: #c6294c;
    border-color: #c6294c;
    color: #fff;
}
.btn-primary:hover {
    background-color: #c31d42;
    border-color: #a20f30;
    color: #fff;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: none;
    outline: none;
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #d9365a;
    border-color: #a20f30;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #c31d42;
    border-color: #a20f30;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/*end primary button*/

/*start secondary button*/
.btn-secondary {
    background-color: #253960;
    border-color: #253960;
    color: #fff;
}
.btn-secondary:hover {
    background-color: #192a4a;
    border-color: #0f1e3a;
    color: #fff;
}
.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: none;
    outline: none;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #2a4b8c;
    border-color: #0f1e3a;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #192a4a;
    border-color: #0f1e3a;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/*end secondary button*/

/*start white button*/
.btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #253960;
}
.btn-white:hover {
    background-color: #fafafa;
    border-color: #f1f1f1;
    color: #253960;
}
.btn-white:focus,
.btn-white.focus {
    box-shadow: none;
    outline: none;
}
.btn-white.disabled,
.btn-white:disabled {
    color: #253960;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle {
    color: #253960;
    background-color: #fafafa;
    border-color: #fafafa;
}
.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-white.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/*end white button*/

/*start green button*/
.btn-green {
    background-color: #7ed321;
    border-color: #7ed321;
    color: #fff;
}
.btn-green:hover {
    background-color: #78ca1f;
    border-color: #6fbd19;
    color: #fff;
}
.btn-green:focus,
.btn-green.focus {
    box-shadow: none;
    outline: none;
}
.btn-green.disabled,
.btn-green:disabled {
    color: #fff;
    background-color: #a3f14e;
    border-color: #98e247;
}
.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #78ca1f;
    border-color: #6fbd19;
}
.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/*end green button*/

/*start orange button*/
.btn-orange {
    background-color: #f6921e;
    border-color: #dc7f13;
    color: #fff;
}
.btn-orange:hover {
    background-color: #f58606;
    border-color: #e47a00;
    color: #fff;
}
.btn-orange:focus,
.btn-orange.focus {
    box-shadow: none;
    outline: none;
}
.btn-orange.disabled,
.btn-orange:disabled {
    color: #253960;
    background-color: #fba33e;
    border-color: #ea850f;
}
.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
    color: #253960;
    background-color: #f6921e;
    border-color: #ea850f;
}
.btn-orange:not(:disabled):not(.disabled):active:focus,
.btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/*end orange button*/

/*start gray button*/
.btn-gray {
    background-color: #dbdbdb;
    border-color: #b9b9b9;
    color: #5f5f5f;
}
.btn-gray:hover {
    background-color: #cac8c8;
    border-color: #b9b9b9;
    color: #5f5f5f;
}
.btn-gray:focus,
.btn-gray.focus {
    box-shadow: none;
    outline: none;
}
.btn-gray.disabled,
.btn-gray:disabled {
    color: #5f5f5f;
    background-color: #dbdbdb;
    border-color: #b9b9b9;
}
.btn-gray:not(:disabled):not(.disabled):active,
.btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle {
    color: #253960;
    background-color: #dbdbdb;
    border-color: #b9b9b9;
}
.btn-gray:not(:disabled):not(.disabled):active:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/* end orange button */

/* start outline primary button */
.btn-outline-primary {
    background-color: transparent;
    background-image: none;
    border-color: #c6294c;
    color: #c6294c;
}
.btn-outline-primary:hover {
    background-color: #c6294c;
    border-color: #c6294c;
    color: #fff;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: none;
    outline: none;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #fff;
    background-color: #d9365a;
    border-color: #a20f30;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #c31d42;
    border-color: #a20f30;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/* end outline primary button */

/* start outline secondary button*/
.btn-outline-secondary {
    background-color: transparent;
    background-image: none;
    border-color: #253960;
    color: #253960;
}
.btn-outline-secondary:hover {
    background-color: #253960;
    border-color: #253960;
    color: #fff;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: none;
    outline: none;
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #fff;
    background-color: #2a4b8c;
    border-color: #0f1e3a;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #192a4a;
    border-color: #0f1e3a;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/* end outline secondary button*/

/* start outline white button*/
.btn-outline-white {
    background-color: transparent;
    background-image: none;
    border-color: #fff;
    color: #fff;
}
.btn-outline-white:hover {
    background-color: #fff;
    border-color: #f1f1f1;
    color: #253960;
}
.btn-outline-white:focus,
.btn-outline-white.focus {
    box-shadow: none;
    outline: none;
}
.btn-outline-white.disabled,
.btn-outline-white:disabled {
    color: #253960;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}
.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled).active,
.show > .btn-outline-white.dropdown-toggle {
    color: #253960;
    background-color: #fafafa;
    border-color: #fafafa;
}
.btn-outline-white:not(:disabled):not(.disabled):active:focus,
.btn-outline-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-white.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/* end outline white button*/

/* strat outline green button*/
.btn-outline-green {
    background-color: transparent;
    background-image: none;
    border-color: #7ed321;
    color: #7ed321;
}
.btn-outline-green:hover {
    background-color: #7ed321;
    border-color: #7ed321;
    color: #fff;
}
.btn-outline-green:focus,
.btn-outline-green.focus {
    box-shadow: none;
    outline: none;
}
.btn-outline-green.disabled,
.btn-outline-green:disabled {
    color: #253960;
    background-color: #a3f14e;
    border-color: #98e247;
}
.btn-outline-green:not(:disabled):not(.disabled):active,
.btn-outline-green:not(:disabled):not(.disabled).active,
.show > .btn-outline-green.dropdown-toggle {
    color: #253960;
    background-color: #78ca1f;
    border-color: #6fbd19;
}
.btn-outline-green:not(:disabled):not(.disabled):active:focus,
.btn-outline-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-green.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/* end outline green button*/

/* start outline orange button*/
.btn-outline-orange {
    background-color: transparent;
    background-image: none;
    border-color: #f6921e;
    color: #f6921e;
}
.btn-outline-orange:hover {
    background-color: #f6921e;
    border-color: #f6921e;
    color: #fff;
}
.btn-outline-orange:focus,
.btn-outline-orange.focus {
    box-shadow: none;
    outline: none;
}
.btn-outline-orange.disabled,
.btn-outline-orange:disabled {
    color: #253960;
    background-color: #fba33e;
    border-color: #ea850f;
}
.btn-outline-orange:not(:disabled):not(.disabled):active,
.btn-outline-orange:not(:disabled):not(.disabled).active,
.show > .btn-outline-orange.dropdown-toggle {
    color: #253960;
    background-color: #f6921e;
    border-color: #ea850f;
}
.btn-outline-orange:not(:disabled):not(.disabled):active:focus,
.btn-outline-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-orange.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/* end outline orange button*/

/* start outline gray button*/
.btn-outline-gray {
    background-color: transparent;
    background-image: none;
    border-color: #dbdbdb;
    color: #5f5f5f;
}
.btn-outline-gray:hover {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    color: #5f5f5f;
}
.btn-outline-gray:focus,
.btn-outline-gray.focus {
    box-shadow: none;
    outline: none;
}
.btn-outline-gray.disabled,
.btn-outline-gray:disabled {
    color: #5f5f5f;
    background-color: #dbdbdb;
    border-color: #b9b9b9;
}
.btn-outline-gray:not(:disabled):not(.disabled):active,
.btn-outline-gray:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray.dropdown-toggle {
    color: #253960;
    background-color: #dbdbdb;
    border-color: #b9b9b9;
}
.btn-outline-gray:not(:disabled):not(.disabled):active:focus,
.btn-outline-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
/* end outline gray button */
.control-focus-none:focus {
    box-shadow: none;
}

.bg-transparent {
    background-color: transparent !important;
}
.bg-primary {
    background-color: #c6294c !important;
}
.bg-secondary {
    background-color: #253960 !important;
}
.bg-green {
    background-color: #7ed321 !important;
}
.bg-cyen {
    background-color: #34edea !important;
}
.bg-orange {
    background-color: #f6921e !important;
}
.bg-red {
    background-color: #f92d34 !important;
}
.bg-white {
    background-color: #fff !important; /*color:#53565a !important;*/
}
.bg-black {
    background-color: #000 !important;
}
.bg-offwhite {
    background-color: #f9f9f9 !important;
}
.border-radius-none {
    border-radius: 0 !important;
}
.border {
    border: 1px solid #f1f1f1 !important;
}
.border-radius-3 {
    border-radius: 3px;
}
.b-b-gray-color {
    border-bottom-color: #c1c1c3;
}
.fs-12 {
    font-size: 12px !important;
}
.section-block {
    padding: 50px 0;
    width: 100%;
    display: block;
}
.section-header {
    width: 100%;
    display: block;
}
.main-header {
    position: relative;
    z-index: 10;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
}
/*BLOG LIST PAGE CSS*/
.blog-header {
    background-color: #fff;
}
.blog-header .blog-logo {
    display: inline-block;
    padding: 1rem 0;
}
.trustpilo-logo {
    padding: 1rem 0;
}
.trustpilo-logo h5 {
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 5px;
}
.trustpilo-logo a {
    font-size: 14px;
    font-weight: 500;
    color: #253960;
}
.trustpilo-logo a:hover {
    color: #c72d4b;
}

.menu-stiky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@-moz-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}

.blog-menu-wrapper {
    background-color: #253960;
}
.blog-menu .navbar {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.blog-menu nav .navbar-nav .nav-item .nav-link {
    height: 3.125rem;
    line-height: 3.125rem;
    font-size: 0.975rem;
    padding: 0 1rem;
    text-align: center;
    float: left;
    width: 100%;
    color: #fff;
    text-decoration: none;
}
.blog-menu nav .navbar-nav .nav-item .nav-link:hover {
    background-color: #c6294c;
}
.blog-search {
    height: 50px;
    width: 50px;
    border-radius: 0;
    text-align: center;
    padding: 0;
    background-color: #c72d4b;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.blog-serach-box {
    position: absolute;
    right: 0;
    top: 50px;
    background-color: #253960;
    padding: 15px;
    z-index: 1;
}
.blog-list {
    margin-top: 0.325rem;
}
.blog-box {
    background-color: #fff;
    border: 1px solid #e0dede;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.blog-box .blog-img a {
    display: block;
}
.blog-box .blog-img img {
    min-height: 262px;
}
.blog-box .blog-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-top: 20px;
}
.blog-box .blog-info .blog-post-info {
    flex-grow: 1;
    padding: 0 20px;
    margin-bottom: 10px;
    justify-content: space-between;
}
.blog-box .blog-info .blog-post-info .blog-published-date {
    font-size: 14px;
    color: #9f9f9f;
    display: flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
}
.blog-box .blog-info .blog-post-info .blog-author {
    font-size: 14px;
}
.blog-box .blog-info .blog-post-info .blog-author span,
.blog-box .blog-info .blog-post-info .blog-author i {
    color: #9f9f9f;
}
.blog-box .blog-info .blog-post-info .blog-author .blog-author-name {
    color: #222;
    font-weight: 500;
    margin-left: 5px;
}
.blog-box .blog-info .blog-title {
    flex-grow: 1;
    padding: 0 20px;
}
.blog-box .blog-info .blog-title h3 {
    font-size: 22px;
    font-weight: 600;
}
.blog-box:hover .blog-info .blog-title h3 a {
    color: #c6294c;
}
.blog-box .blog-info .blog-short-desc {
    flex-grow: 1;
    padding: 0 20px;
}
.blog-box .blog-info .blog-short-desc p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blog-box .blog-info .blog-footer {
    font-size: 14px;
    padding: 12px 20px;
    border-top: 1px solid #e0dede;
    color: #3f3f3f;
    position: relative;
    background-color: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog-box .blog-info .blog-footer .blog-footer-left {
    display: flex;
    padding-right: 27px;
}
.blog-footer-left .blog-comment {
    margin-right: 10px;
}
.blog-footer-left .blog-view {
    margin-right: 10px;
}
.blog-footer-left .blog-like {
    margin-right: 10px;
}
.blog-box .blog-info .blog-footer .blog-footer-right {
    padding-left: 20px;
    text-align: right;
}
.blog-box .blog-info .blog-footer-category i,
.blog-box .blog-info .blog-footer-category .blog-category-tag {
    color: #9f9f9f;
}
.blog-footer {
    padding: 50px 0;
}
.blog-footer h4 {
    padding-bottom: 10px;
    margin-bottom: 0;
    position: relative;
    line-height: 30px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}
.blog-footer h4:after,
.blog-footer h4:before {
    position: absolute;
    content: "";
    height: 5px;
    left: 25%;
    bottom: 0;
}
.blog-footer h4:before {
    background-color: #c6294c;
    width: 13%;
    z-index: 1;
    -webkit-transform: skew(-45deg) translateX(-50%);
    transform: skew(-45deg) translateX(-50%);
}
.blog-footer h4:after {
    width: 50%;
    background-color: #253960;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.blog-footer-aboutus p {
    font-size: 0.925rem;
    margin-bottom: 5px;
}
.blog-footer-aboutus p {
    font-size: 0.925rem;
    margin-bottom: 5px;
}
.blog-footer-aboutus .blog-social-link {
    margin-top: 20px;
}
.blog-footer-aboutus .blog-social-link ul {
    padding: 0;
    list-style-type: none;
}
.blog-footer-aboutus .blog-social-link ul li {
    display: inline-block;
}
.blog-footer-aboutus .blog-social-link ul li a {
    width: 46px;
    height: 46px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #c6294c;
    display: block;
    margin-right: 0.825rem;
    color: #222;
    position: relative;
}
.blog-footer-aboutus .blog-social-link ul li a i {
    width: 38px;
    height: 38px;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
    font-size: 1rem;
    line-height: 36px;
}

.blog-footer-aboutus .blog-social-link > ul > li > a.facebook i:hover {
    background-color: #3b5796;
    color: #fff;
}
.blog-footer-aboutus .blog-social-link > ul > li > a.twitter i:hover {
    background-color: #55aded;
    color: #fff;
}
.blog-footer-aboutus .blog-social-link > ul > li > a.google-plus i:hover {
    background-color: #db4a37;
    color: #fff;
}
.blog-footer-aboutus .blog-social-link > ul > li > a.instagram i:hover {
    background-color: #e23f5c;
    color: #fff;
}
.blog-footer-aboutus .blog-social-link > ul > li > a.youtube i:hover {
    background-color: #cd1f1e;
    color: #fff;
}

.blog-footer-recent .recent-comment {
    padding: 0;
    list-style-type: none;
}
.blog-footer-recent .recent-comment .cname {
    font-weight: 500;
    display: inline-block;
}
.blog-footer-recent .recent-comment .date-label {
    padding: 5px 8px;
    background-color: #253960;
    font-size: 12px;
    border-radius: 3px;
    margin-bottom: 5px;
    display: inline-block;
    color: #fff;
}

.blog-footer-latest ul {
    padding: 0;
    list-style-type: none;
}
.blog-footer-latest ul li {
    position: relative;
    margin-bottom: 10px;
}
.blog-footer-latest ul li a {
    display: block;
}
.blog-footer-latest ul li .post-img {
    width: 80px;
    height: 80px;
    line-height: 0;
    text-align: center;
    float: right;
    position: relative;
}
.blog-footer-latest ul li .post-img img {
    width: 100%;
    height: 100%;
}
.blog-footer-latest ul li .post-info {
    margin-right: 80px;
    padding: 5px 15px;
    background: #f2f0eb;
    position: relative;
    height: 80px;
}
.blog-footer-latest ul li .post-info:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #253960;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.blog-footer-latest ul li .post-info:hover:after {
    width: 100%;
}
.blog-footer-latest ul li .post-info h6 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
}
.blog-footer-latest ul li .post-info h6,
.blog-footer-latest ul li .post-info .date {
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    letter-spacing: 0px;
    z-index: 2;
    position: relative;
}
.blog-footer-latest ul li .post-info:hover h6,
.blog-footer-latest ul li .post-info:hover .date {
    color: #fff;
}
.blog-footer-latest ul li .view-count {
    position: absolute !important;
    right: -13px;
    bottom: 15px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #c6294c;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    z-index: 3;
}

.blog-main-title {
    padding: 20px 0;
    background-color: #fff !important;
}
.blog-main-title h1 {
    font-size: 36px;
    font-weight: 600;
    padding: 0 10%;
    color: #253960;
    margin: 0 0 16px 0;
}
.blog-main-title ol {
    margin: 0;
    background-color: #fff;
    padding-bottom: 0;
}

.blog-main-img {
    margin-bottom: 1rem;
}

.blog-left-content .author-date {
    background-color: #fff;
    border-radius: 3px;
    position: relative;
    min-height: 70px;
}
.blog-left-content .author-date .post-author {
    padding: 1.5rem 0 1rem 1rem;
    display: inline-block;
    font-size: 15px;
}
.updated-date {
    padding: 0 1rem 1rem;
    display: inline-block;
    font-size: 15px;
}
.blog-left-content .author-date .post-author .fn {
    border-bottom: 1px dotted #ccc;
}
.blog-left-content .author-date .date {
    font-size: 15px;
}
.blog-left-content .author-date .blog-next-prev-btn {
    position: absolute;
    top: 13px;
    right: 1rem;
}
.blog-left-content .author-date .blog-next-prev-btn a:first-child {
    margin-right: 0.5rem;
}
.blog-left-content .author-date .blog-next-prev-btn .btn {
    font-size: 1rem;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    box-shadow: none !important;
    outline: none !important;
    white-space: nowrap;
    padding: 0.625rem 1.15rem;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 30px;
}

.blog-right-sidebar .card-body h5, 
.blog-sidebar-list h5.card-title{
    border-left: 5px solid #253960;
    padding-left: 12px;
}
.blog-categories ul {
    padding: 0;
    list-style-type: none;
}
.blog-categories ul li {
    display: block;
}
.blog-categories ul li a {
    padding: 10px 0px;
    border-bottom: 1px dashed #ccc;
    display: block;
    transition: ease all 0.5s;
}
.blog-categories ul li a > i {
    margin-right: 5px;
    display: inline-block;
}
.blog-categories ul li a:hover {
    color: #c6294c;
    padding-left: 1rem;
}

.blog-tag ul {
    padding: 0;
    list-style-type: none;
}
.blog-tag ul li {
    display: inline-block;
}
.blog-tag ul li a {
    display: block;
    padding: 6px 10px;
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 4px;
    transition: ease all 0.5s;
    -webkit-transition: ease all 0.5s;
}
.blog-tag ul li a:hover {
    border-color: #c6294c;
    color: #fff;
    background-color: #c6294c;
}

.blog-share-now ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.blog-share-now ul li {
    display: block;
    width: 110px;
}
.blog-share-now ul li a {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    display: block;
    border-radius: 4px;
    text-align: center;
}
.blog-share-now ul li a:hover {
    margin-top: -7px;
}

.blog-share-now ul li:nth-child(1) a {
    background-color: #3b5796;
}
.blog-share-now ul li:nth-child(2) a {
    background-color: #000000;
}
.blog-share-now ul li:nth-child(3) a {
    background-color: #cd1f1e;
}
.blog-share-now ul li:nth-child(4) a {
    background-color: #e23f5c;
}

.blog-comment-form {
    position: relative;
    margin: 1.5rem 0 3rem;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.blog-author-box {
    background-color: #fff;
    padding: 1rem;
    display: flex;
    align-items: center;
    border-radius: 4px;
    position: relative;
}
.blog-author-box .author-box-img {
    height: 60px;
    width: 60px;
    border: 4px solid #ddd;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-author-box .author-box-name {
    font-weight: 500;
    margin-left: 0.5rem;
}
.blog-author-box .blog-bottom-nextprev-btn {
    position: absolute;
    right: 1rem;
}
.blog-author-box .blog-bottom-nextprev-btn .btn {
    padding: 0.625rem 1.15rem;
}
.blog-author-box .blog-bottom-nextprev-btn .btn:first-child {
    margin-right: 0.5rem;
}

.blog-details-info h2 {
    font-size: 30px;
    font-weight: 500;
}
.blog-details-info h3 {
    font-size: 22px;
    font-weight: 500;
}
.blog-details-info h4 {
    font-size: 18px;
    font-weight: 500;
}
.blog-details-info a {
    color: var(--primary);
}
.blog-details-info a:hover {
    text-decoration: underline;
}

.scrollTop {
    position: fixed;
    z-index: 99;
    right: 20px;
    bottom: 60px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-color: #c6294c;
    height: 40px;
    line-height: 10px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    opacity: 0;
    padding: 10px 0;
    transition: all 0.4s ease-in-out 0s;
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: scrollToppulse 2s infinite;
}
.scrollTop:hover {
    background-color: #c6294c;
    box-shadow: 0 16px 22px 0 rgba(90, 91, 95, 0.3);
    animation: none;
}
.scrollTop a {
    font-size: 18px;
    color: #fff;
}

/*----- New Search CSS from (chris-search.php) - 18-03-2021 -----*/
i {
    margin-right: 0.25rem;
}
.filter-grayscale {
    filter: grayscale(1);
}
/* .filter-blur { filter:blur(5px); } */
/* .product-delivery-status { font-size: 0.875rem; } */
/* .product-stock .product-stock-status { font-weight: 700; } */
/* .product-delivery-status { font-weight: 700; } */
/* .product-rating { color: #f9d241; } */
.search-results-nav {
    background-color: #d1d1d1;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #c6294c;
}
.product-favourite-btn > i {
    padding-left: 4px;
}

@-webkit-keyframes scrollToppulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(198, 41, 76, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(198, 41, 76, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(198, 41, 76, 0);
    }
}
@keyframes scrollToppulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(198, 41, 76, 0.4);
        box-shadow: 0 0 0 0 rgba(198, 41, 76, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(198, 41, 76, 0);
        box-shadow: 0 0 0 10px rgba(198, 41, 76, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(198, 41, 76, 0);
        box-shadow: 0 0 0 0 rgba(198, 41, 76, 0);
    }
}

.blog-pagination {
    text-align: center;
    margin: 1rem 0 1.5rem;
}
.blog-pagination a {
    padding: 8px 12px;
    background-color: #ffffff;
    border-radius: 4px;
    display: inline-block;
    margin: 0 3px;
    min-width: 44px;
    border: 1px solid #ddd;
}
.blog-pagination a:hover,
.blog-pagination a.active {
    background-color: #253960;
    color: #fff;
    border-color: #1d2d4a;
}
.category-title {
    position: relative;
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    border-left: 8px solid #c82b53;
    padding: 5px 15px;
    background-color: #253960;
    display: inline-block;
    margin-top: 0.5rem;
}

@media (min-width: 2080px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 1024px) {
}
@media only screen and (device-width: 768px) {
}
/*----------- iPhone X -----------*/

@media only screen and (min-device-width: 375px) and (max-device-width: 823px) and (-webkit-min-device-pixel-ratio: 3) {
}
@media (max-width: 1280px) {
    .blog-left-content .author-date .blog-next-prev-btn .btn {
        font-size: 12px;
        padding: 10px 10px;
        border-radius: 18px;
        margin-right: 0.3rem;
    }
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
    /*HOME PAGE RESPONSIVE CSS*/
    .header-logo {
        display: none;
    }
    .blog-menu-wrapper {
        background-color: #fff;
    }
    .blog-menu nav .navbar-nav .nav-item .nav-link {
        color: #fff;
        background-color: #253960;
        text-align: left;
        border-bottom: 1px dashed #3259a5;
    }
    .blog-header .blog-logo {
        width: 50%;
        margin: 0;
        padding: 0.5rem 0 0.5rem 1rem;
    }
    .blog-menu {
        padding: 0;
    }
    .blog-menu .navbar-toggler {
        position: absolute;
        right: 1rem;
        top: 7px;
    }

    .blog-left-content .author-date {
        padding: 1rem;
        text-align: center;
    }
    .blog-left-content .author-date .post-author {
        padding: 0;
        display: block;
        font-size: 15px;
    }
    .blog-left-content .author-date .blog-next-prev-btn {
        position: relative;
        margin-top: 10px;
        top: 0;
        width: 100%;
        text-align: center;
        right: 0;
    }
    .blog-author-box {
        display: block;
    }
    .blog-author-box .author-box-img {
        display: inline-flex;
        margin: 0;
    }
    .blog-author-box .blog-bottom-nextprev-btn {
        position: relative;
        right: 0;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .blog-share-now ul li {
        width: 85px;
    }
    .blog-details-info h2 {
        font-size: 24px;
    }
    .blog-details-info h3 {
        font-size: 20px;
    }
    .blog-details-info h4 {
        font-size: 18px;
    }
    .category-title {
        font-size: 24px;
        padding: 6px 10px;
        margin: 0;
        display: block;
    }
    .blog-left-content .author-date .blog-next-prev-btn .btn {
        font-size: 12px;
        padding: 10px 20px;
        border-radius: 30px;
        margin-right: 0.3rem;
    }
}
@media only screen and (min-width: 375px) and (max-width: 812px) {
}
@media (max-width: 568px) {
}
@media (max-width: 360px) {
}

/* customize - 3sep 2021 */
.blog-serach-box {
    left: 0;
}
.blog-serach-box .form-control {
    width: calc(100% - 90px);
}
.blog-serach-box button.btn.btn-blog-serach.my-sm-0 {
    background: #fff;
    border-radius: 5px;
    height: 42px;
}
/* 11sep21 */
.blog-menu nav .navbar-nav .nav-item .nav-link {
    font-size: 13px;
    line-height: 1.3;
    display: flex;
    align-items: center;
}
.blog-author-box .blog-bottom-nextprev-btn {
    position: static;
    right: 1rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px 30px;
    background: #fff;
    border-radius: 6px;
}
.blog-author-box {
    padding: 0;
}
ul.blog-sidebar-list {
    list-style: none;
    //background: #fff;
    //border: 1px solid #dfdfdf;
    padding: 0px;
}
.blog-sidebar-list li {
    border-bottom: 1px dashed #cccccc;
    padding: 10px 0;
}
.blog-sidebar-list li a:hover {
    color: #c72d4b;
}
.blog-footer-latest ul li .post-info h6 {
    flex: 1;
}
.blog-footer-latest ul li .post-info {
    display: flex;
    flex-direction: column;
}

/* ----- Blog Libs CSS Start ------ */
.hnpb-search-cover{
    width:100%;
    max-width:100%;
    border-radius:14px;
    padding:50px 0;
    position:relative;
}
.hnpb-search-box {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}
/* .hnpb-search-box h2{
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 400;
    color:var(--secendery);
    text-align: center;
} */
.hnpb-search-card{
    display:flex;
    gap:14px;
    align-items:center;
    background: rgba(255,255,255,0.85);
    border: 1px solid #e6e6e6;
    border-radius:12px;
    padding:10px;
    width:100%;
    transition: all 0.3s ease-in-out;
}
.hnpb-search-blog-icon{
    width:44px;
    min-width: 44px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:10px;
    margin: 0;
}
.hnpb-search-input{
    position:relative;
    width:100%;
    width: 100%;
}
.hnpb-search-input input{
    width:100%;
    border:0;
    background:transparent;
    outline:0;
    font-size:16px;
    padding: 7px 0;
}
.hnpb-search-card:focus-within {
    border-color: #cdcdcd;
    box-shadow: 0 0 8px 3px #ececec;
}
.hnpb-search-btn{
    background:linear-gradient(90deg,var(--secendery),var(--primary));
    border:0;
    padding:10px 16px;
    color:#fff;
    font-size:14px;
    border-radius:10px;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:8px;
}
.hnpb-blog-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    gap: 30px;
    margin: 0;
    padding: 0;
}
.hnpb-blog-menu li.nav-item a.nav-link {
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    position: relative;
    padding-top: 40px;
    transition: none;
    white-space: nowrap;
}
.hnpb-blog-menu li.nav-item a.nav-link::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.hnpb-blog-menu li.nav-item:nth-child(1) a.nav-link::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M506.555 208.064 263.859 30.367a13.3 13.3 0 0 0-15.716 0L5.445 208.064c-5.928 4.341-7.216 12.665-2.875 18.593s12.666 7.214 18.593 2.875L256 57.588l234.837 171.943a13.236 13.236 0 0 0 7.848 2.57c4.096 0 8.138-1.885 10.744-5.445 4.342-5.927 3.054-14.251-2.874-18.592z' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M442.246 232.543c-7.346 0-13.303 5.956-13.303 13.303v211.749H322.521V342.009c0-36.68-29.842-66.52-66.52-66.52s-66.52 29.842-66.52 66.52v115.587H83.058V245.847c0-7.347-5.957-13.303-13.303-13.303s-13.303 5.956-13.303 13.303V470.9c0 7.347 5.957 13.303 13.303 13.303h133.029c6.996 0 12.721-5.405 13.251-12.267.032-.311.052-.651.052-1.036V342.01c0-22.009 17.905-39.914 39.914-39.914s39.914 17.906 39.914 39.914V470.9c0 .383.02.717.052 1.024.524 6.867 6.251 12.279 13.251 12.279h133.029c7.347 0 13.303-5.956 13.303-13.303V245.847c-.001-7.348-5.957-13.304-13.304-13.304z' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
 }
.hnpb-blog-menu li.nav-item:nth-child(2) a.nav-link::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg fill='none' stroke='%23253960' stroke-miterlimit='10' stroke-width='5'%3E%3Cpath d='M110 72.9v22.9c0 12.5-10.1 22.6-22.6 22.6H40.6c-12.5 0-22.6-10.1-22.6-22.6V72.9h-6.5c-2.1 0-3.8-1.7-3.8-3.8 0-2.1 1.7-3.8 3.8-3.8h105c2.1 0 3.8 1.7 3.8 3.8 0 2.1-1.7 3.8-3.8 3.8z' fill='' opacity='1'%3E%3C/path%3E%3Cpath d='m31.5 124.6 6.1-6.2h52.5l6.4 6.2M18 72.9h93.6M80.4 23.5c0-10.5-8.8-19-19.5-18.3-9.2.6-16.7 8.1-17.1 17.3-.4 7.1 3.4 13.4 9 16.8v6.5c0 3.5 2.8 6.4 6.4 6.4H65c3.5 0 6.4-2.8 6.4-6.4v-6.5c5.4-3.2 9-9.1 9-15.8zM52.8 43.5h18.6M84.4 18.1l8.5-1.9M81.3 8.7l7.5-5.2M94.4 28.8l-9-1.6M39.9 18.2l-8.5-2.1M43.2 8.8l-7.3-5.4M29.6 28.6l9.1-1.4' fill='' opacity='1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 }
.hnpb-blog-menu li.nav-item:nth-child(3) a.nav-link::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' x='0' y='0' viewBox='0 0 470 470.332' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M166.09 344.383v83.695a42.214 42.214 0 0 0 12.414 29.95 42.216 42.216 0 0 0 29.996 12.304h37.184a42.197 42.197 0 0 0 42.406-42.254V344.36a128.012 128.012 0 0 0 54.902-56.375c31.914-63.953 5.89-141.949-58.062-173.863-64.032-31.879-141.785-5.875-173.758 58.11-31.36 62.84-7.082 139.238 54.918 172.152zm61-66.762c-8.703 0-15.758-7.055-15.758-15.758s7.055-15.761 15.758-15.761 15.762 7.058 15.762 15.761c-.012 8.7-7.063 15.746-15.762 15.758zm45 105.711v26h-90v-26zm-26.406 71H208.5a26.21 26.21 0 0 1-18.688-7.613 26.185 26.185 0 0 1-7.722-18.64v-2.747h90v2.746a26.185 26.185 0 0 1-26.406 26.254zm-120.262-274.96c22.082-44.255 70.258-69.145 119.129-61.544 48.875 7.598 87.215 45.942 94.816 94.817 7.602 48.87-17.289 97.046-61.547 119.128-.187.094-.453.2-.629.305a8.088 8.088 0 0 0-5.101 7.418v27.836h-37v-74.734c15.465-4.024 25.531-18.914 23.504-34.766-2.031-15.852-15.524-27.727-31.504-27.727-15.98 0-29.473 11.875-31.5 27.727-2.031 15.852 8.035 30.742 23.5 34.766v74.734h-37V339.5a8.074 8.074 0 0 0-5.098-7.418c-.18-.105-.402-.215-.586-.309-56.105-28.058-78.91-96.23-50.984-152.402zM227.09 63.52a8 8 0 0 0 8-8V8a8 8 0 0 0-16 0v47.52a8 8 0 0 0 8 8zM446.016 219.332h-46.954a8 8 0 0 0 0 16h46.954a8 8 0 0 0 0-16zM63.117 227.332a8 8 0 0 0-8-8H8.164a8 8 0 0 0 0 16h46.953a8 8 0 0 0 8-8zM347.02 112.73a7.962 7.962 0 0 0 5.656-2.343l32.816-32.805a8.009 8.009 0 0 0 0-11.316 8.002 8.002 0 0 0-11.316 0l-32.809 32.812a8 8 0 0 0 5.656 13.656zM101.504 110.39a8 8 0 0 0 11.316-11.313L80.008 66.267c-3.121-3.125-8.188-3.125-11.317 0a8.002 8.002 0 0 0 0 11.316zm0 0' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
 }
.hnpb-blog-menu li.nav-item:nth-child(4) a.nav-link::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M373.6 231.7s-5.7-13.9 11-30.4c5.1-5 10.3-9.5 14.6-14.6l93.1-43.8-71.6-38.6C414.9 60.5 379.4 2 303.1 2c-65.5 0-118.8 53.3-118.8 118.8 0 42.5 22.9 81.8 59.7 103 0 0 14.6 11.4 7.6 24.5-5.5 10.3-18.5 17.6-37.9 18.3 0 0-63.8 7.3-140.1-90.6l-6.2-8.3-6.7 7.9c-.9 1.1-90.7 110-2.3 247 36.9 57.1 97.8 87.3 176.3 87.3 112.7 3.4 227.7-63.7 215.9-167.9-2-19.6-10.4-55.1-77-110.3zm48.2-108.2 34.2 18.4-41.6 19.6c4.6-11.5 7.1-24.1 7.4-38zm-186.9 370c-73.7 0-128.4-26.9-162.6-79.8-69-106.9-23.1-192.8-5.1-219.2 72.5 91.8 144.4 88.7 147.7 88.5 25.3-2.3 45.3-14.1 51.3-31.2 8.9-25.3-13.1-41.6-13.1-41.6-32.4-18.1-52.5-52.4-52.5-89.4 0-56.5 45.9-102.4 102.4-102.4 69.2 0 103 59.4 102.4 104-.4 27.9-10.5 48.7-31.3 66.4-18.2 15.4-22.6 45.4-10.7 55.8 57.7 50 69.1 83 71 99.3 10.4 91.4-95.5 149.6-199.5 149.6z' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M379.4 105.6c0-19.9-14.5-36.1-32.3-36.1s-32.3 16.2-32.3 36.1 14.5 36.1 32.3 36.1c17.8.1 32.3-16.1 32.3-36.1zm-32.3 19.8c-8.8 0-15.9-8.9-15.9-19.8s7.1-19.8 15.9-19.8 15.9 8.9 15.9 19.8-7.1 19.8-15.9 19.8z' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
 }
.hnpb-blog-menu li.nav-item:nth-child(5) a.nav-link::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' x='0' y='0' viewBox='0 0 1540 1540' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M172.6 1405.2c-11.6 0-21-9.4-21-21V228c0-59.6 23.2-115.6 65.3-157.7S315 5 374.6 5H1284c57.5 0 104.4 46.8 104.4 104.4v1145c0 11.6-9.4 21-21 21s-21-9.4-21-21v-1145c0-34.4-28-62.4-62.4-62.4H374.6c-99.8 0-181 81.2-181 181v1156.2c0 11.6-9.4 21-21 21z' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M1367.4 1535c-5.4 0-10.7-2-14.8-6.2-38.6-38.6-59.9-90-59.9-144.6s21.3-106 59.9-144.6c8.2-8.2 21.5-8.2 29.7 0s8.2 21.5 0 29.7c-63.4 63.4-63.4 166.5 0 229.9 8.2 8.2 8.2 21.5 0 29.7-4.2 4-9.6 6.1-14.9 6.1z' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M1367.4 1535h-1065c-83.2 0-150.8-67.7-150.8-150.8s67.7-150.8 150.8-150.8h1064.9c11.6 0 21 9.4 21 21s-9.4 21-21 21H302.4c-60 0-108.8 48.8-108.8 108.8S242.4 1493 302.4 1493h1064.9c11.6 0 21 9.4 21 21s-9.3 21-20.9 21z' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M467.2 1275.4c-11.6 0-21-9.4-21-21V26c0-11.6 9.4-21 21-21s21 9.4 21 21v1228.4c0 11.6-9.5 21-21 21zM917.3 1099.1c-29.9 0-57.9-11.9-78.7-33.4-20.8-21.6-31.6-49.9-30.5-79.8l15.2-415.3c-33.1-16.2-61.5-40.6-82.5-71.3-24.5-35.7-37.4-77.5-37.4-120.9 0-84 49.5-160.6 126.1-195.1 6.5-2.9 14-2.4 20 1.5s9.6 10.5 9.6 17.6v155h116.4v-155c0-7.1 3.6-13.8 9.6-17.6 6-3.9 13.5-4.4 20-1.5 76.6 34.5 126.1 111.1 126.1 195.1 0 43.4-12.9 85.2-37.4 120.9-21.1 30.7-49.4 55.1-82.5 71.3l15.2 415.3c1.1 29.9-9.7 58.3-30.5 79.8-20.9 21.5-48.8 33.4-78.7 33.4zM817.1 238.6c-44.4 31.9-71.7 83.8-71.7 139.7 0 70.4 42.1 133 107.4 159.4 8.2 3.3 13.4 11.4 13.1 20.2l-15.8 429.4c-.7 18.4 6 35.9 18.8 49.1 12.8 13.3 30 20.6 48.4 20.6s35.6-7.3 48.4-20.6 19.5-30.7 18.8-49.1l-15.8-429.4c-.3-8.8 4.9-16.9 13.1-20.2 65.2-26.4 107.4-89 107.4-159.4 0-56-27.3-107.8-71.7-139.7v139.7c0 11.6-9.4 21-21 21H838.1c-11.6 0-21-9.4-21-21z' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3Ccircle cx='917.3' cy='951.6' r='27.8' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
 }
.hnpb-blog-menu li.nav-item:nth-child(6) a.nav-link::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' x='0' y='0' viewBox='0 0 682.667 682.667' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cdefs%3E%3CclipPath id='a' clipPathUnits='userSpaceOnUse'%3E%3Cpath d='M0 512h512V0H0Z' fill='%23253960' opacity='1' data-original='%23253960'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='matrix(1.33333 0 0 -1.33333 0 682.667)'%3E%3Cpath d='M0 0v-92.997c0-9.081-7.362-16.442-16.442-16.442h-267.012c-26.989 0-48.868 21.878-48.868 48.868' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(422.161 116.86)' fill='none' stroke='%23253960' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M0 0h-254.159' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(422.161 50.976)' fill='none' stroke='%23253960' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M0 0h27.256c7.072 0 12.805-5.733 12.805-12.806v-368.156c0-7.072-5.733-12.805-12.805-12.805h-275.958c-12.024 0-22.917-4.878-30.803-12.754-7.876-7.885-12.754-18.769-12.754-30.802v130.322' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(382.098 491.428)' fill='none' stroke='%23253960' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M0 0v210.039c0 34.164 27.695 61.859 61.859 61.859h175.759' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(89.839 219.53)' fill='none' stroke='%23253960' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M0 0h141.128' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(191.252 355.227)' fill='none' stroke='%23253960' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M0 0h195.634' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(163.999 300.378)' fill='none' stroke='%23253960' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M0 0h195.634' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(163.999 267.12)' fill='none' stroke='%23253960' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M0 0h195.634' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(163.999 233.861)' fill='none' stroke='%23253960' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23253960' class=''%3E%3C/path%3E%3Cpath d='M0 0v35.257a3.533 3.533 0 0 1-3.533 3.533H-48.288a3.533 3.533 0 0 1-3.533-3.533v-90.056c0-3.193 3.504-5.147 6.22-3.469l17.547 10.838a4.08 4.08 0 0 0 4.286 0l17.547-10.838C-3.504-59.946 0-57.992 0-54.799v19.851' style='stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(379.278 465.79)' fill='none' stroke='%23253960' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23253960' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 }
.hnpb-blog-menu li.nav-item:nth-child(7) a.nav-link::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M30 57a.96.96 0 0 1-.68-.27c-.3-.28-.4-.72-.24-1.1.02-.05 1.93-4.87 1.93-10.63 0-2.56-1.45-6.01-2.98-9.66-1.88-4.48-4.02-9.56-4.02-14.34 0-8.78 6.06-14.5 6.32-14.73.33-.31.83-.35 1.22-.11.38.24.55.71.42 1.15-.02.06-1.95 6.23-1.95 13.7 0 3.73 1.79 7.48 3.53 11.11 1.71 3.56 3.47 7.25 3.47 10.89 0 10.65-6.3 13.77-6.57 13.9-.14.07-.28.1-.43.1zm-1.04-45.8C27.5 13.53 26 16.92 26 21c0 4.38 2.05 9.26 3.86 13.57C31.47 38.41 33 42.04 33 45c0 3.13-.51 5.96-1.03 8.02C33.42 51.24 35 48.12 35 43c0-3.19-1.59-6.51-3.27-10.03C29.9 29.14 28 25.18 28 21c0-3.81.47-7.25.96-9.8zM44 51a1.008 1.008 0 0 1-.89-1.47c.02-.04 1.88-3.6 1.88-7.84 0-1.83-1.43-4.39-2.93-7.1-1.91-3.42-4.07-7.31-4.07-11.02 0-6.82 6.17-11.21 6.43-11.39.37-.25.85-.24 1.2.04s.47.76.29 1.17c-.02.05-1.92 4.64-1.92 10.18 0 2.7 1.77 5.48 3.47 8.18 1.73 2.74 3.53 5.56 3.53 8.43 0 8.26-6.39 10.66-6.66 10.76-.11.04-.23.06-.34.06zm-1.11-34.6C41.46 18.12 40 20.61 40 23.58c0 3.2 2.03 6.84 3.81 10.05C45.45 36.58 47 39.36 47 41.7c0 2.22-.44 4.24-.92 5.78 1.41-1.32 2.92-3.59 2.92-7.29 0-2.29-1.56-4.75-3.22-7.36-1.86-2.94-3.78-5.97-3.78-9.25 0-2.75.42-5.26.89-7.18zM15 51a1.008 1.008 0 0 1-.89-1.47c.02-.04 1.88-3.6 1.88-7.84 0-1.83-1.43-4.39-2.93-7.1-1.91-3.42-4.07-7.31-4.07-11.02 0-6.82 6.17-11.21 6.43-11.39.37-.25.85-.24 1.2.04s.47.76.29 1.17c-.02.05-1.92 4.64-1.92 10.18 0 2.7 1.77 5.48 3.47 8.18 1.73 2.74 3.53 5.56 3.53 8.43 0 8.26-6.39 10.66-6.66 10.76-.11.04-.23.06-.34.06zm-1.11-34.6C12.46 18.12 11 20.61 11 23.58c0 3.2 2.03 6.84 3.81 10.05C16.45 36.58 18 39.36 18 41.7c0 2.22-.44 4.24-.92 5.78 1.41-1.32 2.92-3.59 2.92-7.29 0-2.29-1.56-4.75-3.22-7.36-1.86-2.94-3.78-5.97-3.78-9.25 0-2.75.42-5.26.89-7.18z' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
 }
.hnpb-blog-menu li.nav-item:nth-child(8) a.nav-link::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath fill-rule='evenodd' d='M474.23 203.866c-18.393 0-34.2-10.577-41.253-27.604-7.053-17.028-3.355-35.687 9.651-48.692a22.2 22.2 0 0 0 6.543-15.8 22.203 22.203 0 0 0-6.543-15.8l-33.033-33.032c-8.712-8.711-22.887-8.71-31.599.001-13.006 13.007-31.665 16.705-48.691 9.65-17.028-7.053-27.606-22.86-27.606-41.254 0-12.32-10.023-22.343-22.342-22.343h-46.713c-12.32 0-22.343 10.022-22.343 22.343 0 18.394-10.578 34.201-27.605 41.254-17.028 7.053-35.686 3.355-48.692-9.651-8.712-8.711-22.886-8.709-31.598 0L69.372 95.971c-8.711 8.712-8.71 22.887 0 31.599 13.006 13.006 16.704 31.664 9.651 48.692-7.053 17.027-22.86 27.604-41.253 27.604-12.32 0-22.343 10.023-22.343 22.344v46.712c0 12.32 10.023 22.343 22.343 22.343 18.393 0 34.201 10.578 41.253 27.605 7.053 17.028 3.355 35.686-9.651 48.692-8.71 8.712-8.71 22.886 0 31.599l21.124 21.124-17.544 17.544c-6.748 6.748-10.464 15.751-10.464 25.349s3.716 18.601 10.464 25.349c6.989 6.987 16.168 10.481 25.348 10.481s18.36-3.494 25.349-10.482l63.756-63.756c14.232 7.849 22.896 22.416 22.896 39.027 0 12.32 10.023 22.343 22.343 22.343h46.713c12.319 0 22.342-10.022 22.342-22.343 0-18.394 10.578-34.2 27.605-41.254 17.029-7.053 35.687-3.356 48.692 9.651a22.196 22.196 0 0 0 15.799 6.543c5.969 0 11.58-2.324 15.799-6.543l33.033-33.033c8.711-8.711 8.711-22.887 0-31.599-13.006-13.006-16.704-31.663-9.651-48.691 7.053-17.027 22.86-27.605 41.253-27.605 12.32 0 22.343-10.022 22.343-22.343V226.21c.001-12.32-10.021-22.344-22.342-22.344zm-360.48 278.76c-8.518 8.52-22.379 8.521-30.898 0-4.104-4.104-6.364-9.59-6.364-15.448s2.26-11.346 6.364-15.45l82.297-82.296a7 7 0 0 0 1.426-7.839l-15.059-33.231 7.819-7.819 9.258 9.258c1.367 1.367 3.158 2.051 4.95 2.051s3.583-.684 4.95-2.051l22.728-22.728a7 7 0 0 0 0-9.898l-37.438-37.438 14.952-14.951 86.429 86.43zm188.989-169.189a7 7 0 0 0 0-9.898l-47.947-47.947a7.002 7.002 0 0 0-9.899-.001l-17.778 17.778-10.302-10.302 30.404-30.405c1.402-1.402 3.849-1.402 5.251 0l60.573 60.573c1.367 1.367 3.158 2.051 4.95 2.051s3.583-.684 4.95-2.051l10.102-10.101c4.685-4.686 7.266-10.927 7.266-17.576 0-6.648-2.58-12.891-7.266-17.575l-65.625-65.624c-4.686-4.686-10.927-7.267-17.576-7.267s-12.89 2.581-17.575 7.267l-48.081 48.081-.503-.503a6.999 6.999 0 0 0-9.899 0l-19.901 19.901-2.801-2.801c-.088-.088-.182-.165-.274-.248 1.477-56.746 48.097-102.454 105.193-102.454 58.024 0 105.229 47.206 105.229 105.229 0 56.17-44.239 102.202-99.705 105.085zm-27.678 7.878-38.048-38.048 12.829-12.828 38.048 38.048zm-80.977-80.977 48.082-48.082c2.041-2.041 4.767-3.165 7.676-3.165s5.635 1.124 7.676 3.165l65.625 65.624c2.041 2.042 3.165 4.768 3.165 7.677s-1.124 5.636-3.165 7.677l-5.152 5.151-55.624-55.623c-6.906-6.906-18.144-6.907-25.05 0l-30.404 30.404zm-47.952 21.548 40.238 40.238-12.828 12.828-40.238-40.238zm3.304 48.758-21.668 21.668c-3.537 3.536-9.292 3.537-12.829.001-3.537-3.537-3.537-9.292 0-12.829l21.668-21.669zm333.137-37.722c0 4.601-3.743 8.343-8.343 8.343-24.163 0-44.927 13.89-54.188 36.248-9.262 22.359-4.401 46.863 12.685 63.948 3.253 3.254 3.253 8.547 0 11.8l-33.033 33.033a8.29 8.29 0 0 1-5.9 2.442 8.288 8.288 0 0 1-5.9-2.443c-17.085-17.086-41.589-21.948-63.949-12.685-22.358 9.261-36.248 30.024-36.248 54.188 0 4.601-3.742 8.343-8.342 8.343h-46.713c-4.6 0-8.343-3.742-8.343-8.343 0-20.462-10.015-38.562-26.685-49.237l50.056-50.056c2.767.191 5.556.292 8.329.292 65.743 0 119.229-53.486 119.229-119.229S321.743 130.336 256 130.336s-119.229 53.486-119.229 119.229c0 .609.029 1.229.038 1.845l-18.354 18.354a7 7 0 0 0 0 9.898l8.253 8.253-21.669 21.669c-8.995 8.994-8.995 23.63 0 32.627 4.498 4.497 10.406 6.745 16.313 6.745s11.816-2.249 16.313-6.746l3.272-3.272 10.885 24.019-51.427 51.427-21.124-21.124c-3.253-3.254-3.253-8.547 0-11.8 17.086-17.087 21.947-41.591 12.686-63.949s-30.025-36.248-54.188-36.248c-4.601 0-8.343-3.742-8.343-8.343v-46.71c0-4.601 3.743-8.344 8.343-8.344 24.163 0 44.927-13.889 54.188-36.247 9.262-22.359 4.401-46.863-12.686-63.95-3.253-3.253-3.253-8.546 0-11.799l33.033-33.032c3.252-3.253 8.546-3.255 11.8 0 17.086 17.086 41.591 21.945 63.949 12.686 22.359-9.261 36.248-30.025 36.248-54.188 0-4.601 3.743-8.343 8.343-8.343h46.713c4.6 0 8.342 3.742 8.342 8.343 0 24.164 13.89 44.928 36.249 54.188 22.359 9.263 46.863 4.401 63.948-12.686 3.253-3.253 8.547-3.255 11.8 0l33.032 33.031c1.576 1.576 2.443 3.671 2.443 5.9s-.868 4.324-2.443 5.899c-17.086 17.087-21.947 41.591-12.686 63.95 9.261 22.358 30.024 36.247 54.188 36.247 4.601 0 8.343 3.743 8.343 8.344zM105.494 459.984a9.187 9.187 0 1 1-12.991 12.99 9.187 9.187 0 0 1 12.991-12.99z' clip-rule='evenodd' fill='%23253960' opacity='1' data-original='%23253960' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
 }
.hnpb-blog-menu li.nav-item:nth-child(9) a.nav-link::before { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M364.533 436.957c-6.334-1.702-12.934-.838-18.581 2.426l-12.314 7.108-78.854-136.565c3.162-1.071 5.44-4.056 5.44-7.58V229.41l62 23.878a22.895 22.895 0 0 0 8.31 1.562c9.263 0 18.032-5.626 21.598-14.808 4.566-11.915-1.394-25.316-13.271-29.868l-78.86-30.404a36.288 36.288 0 0 0-5.207-15.142c17.498-3.979 30.602-19.641 30.602-38.314 0-21.688-17.644-39.331-39.33-39.331s-39.303 17.644-39.303 39.331a39.073 39.073 0 0 0 6.96 22.295c-15.318 4.347-26.576 18.459-26.576 35.163v118.573c0 .027.004.054.004.081.002.178.014.355.027.534.006.089.01.179.02.268.018.164.046.327.075.49.018.102.032.205.053.306.029.135.067.27.104.404.033.125.064.251.104.374.035.107.077.213.117.319.054.146.107.291.169.433.04.09.086.179.129.269.073.151.147.302.229.448.015.026.026.053.041.08l6.132 10.623-42.137 148.936c-.018.064-.028.129-.044.193a7.677 7.677 0 0 0-.116.509c-.023.123-.039.245-.056.367-.019.133-.038.266-.05.401-.015.164-.02.326-.024.489-.002.074-.011.147-.011.222v16.469c0 13.481 10.98 24.449 24.478 24.449h45.638c13.481 0 24.449-10.968 24.449-24.449s-10.968-24.477-24.449-24.477h-8.131l19.99-74.62 55.359 95.901.002.003 8.227 14.268c4.536 7.825 12.777 12.203 21.237 12.203 4.151 0 8.355-1.055 12.198-3.273l39.529-22.8c11.668-6.763 15.673-21.764 8.934-33.432-3.248-5.639-8.519-9.678-14.84-11.374zm-65.419 29.462-61.018-105.704-.012-.021-29.059-50.34h27.514l83.229 144.143zM337.19 234.28c-1.397 3.6-5.598 5.466-9.188 4.071l-72.544-27.938a7.792 7.792 0 0 0-.742-.286l-20.472-7.884c-3.593-1.401-5.456-5.596-4.058-9.197a6.999 6.999 0 0 1 3.737-3.911 7.074 7.074 0 0 1 5.435-.157l9.677 3.731c.125.055.256.1.385.148l83.695 32.268c3.646 1.397 5.469 5.52 4.075 9.155zM246.066 103c12.855 0 23.314 10.459 23.314 23.315s-10.459 23.286-23.314 23.286-23.287-10.446-23.287-23.286S233.225 103 246.066 103zm-42.902 80.773c0-11.324 9.2-20.537 20.509-20.537 7.325 0 13.749 3.867 17.385 9.654-10.761-2.011-21.778 3.861-25.813 14.391-4.607 11.866 1.319 25.276 13.212 29.895l.021.008 15.733 6.06v71.096h-41.046V183.775zm27.298 300.784c0 4.65-3.783 8.434-8.434 8.434H176.39c-4.666 0-8.462-3.783-8.462-8.434v-8.461h35.508l.03.002.023-.002h18.538c4.65 0 8.434 3.796 8.434 8.461zm-33.146-24.477h-26.808l35.014-123.758 17.04 29.519zm165.107 7.817-39.515 22.791s-.003 0-.004.002c-4.043 2.336-9.232.947-11.564-3.075l-4.223-7.324 27.574-15.917.021-.01.025-.016 19.223-11.096c1.944-1.123 4.222-1.416 6.422-.828 2.187.587 4.002 1.972 5.117 3.908 2.334 4.041.947 9.233-3.076 11.565zm90.52-227.053c-3.978 40.857-19.461 79.402-44.892 111.929l21.438 21.438a8.006 8.006 0 0 1-5.662 13.67h-83.282a8.008 8.008 0 0 1-8.008-8.008v-83.281a8.007 8.007 0 0 1 13.67-5.662l22.879 22.878c15.233-21.251 25.117-45.796 28.727-71.507a7.995 7.995 0 0 1 9.043-6.816 8.005 8.005 0 0 1 6.816 9.043c-4.421 31.498-17.394 61.39-37.517 86.445a8.01 8.01 0 0 1-11.906.647l-15.697-15.696v55.941h55.941l-12.861-12.862a8.006 8.006 0 0 1-.48-10.8c26.097-31.198 41.952-68.859 45.851-108.911.43-4.401 4.327-7.638 8.747-7.193a8.007 8.007 0 0 1 7.193 8.746zm-303.6 121.487-10.46 39.005a8.009 8.009 0 0 1-11.828 4.809c-31.8-18.906-58.469-45.786-77.122-77.733a215.732 215.732 0 0 1-29.407-108.668c0-57.664 22.605-112.03 63.651-153.085 41.048-41.055 95.41-63.665 153.072-63.665 55.229 0 107.918 20.988 148.358 59.1a8.008 8.008 0 1 1-10.984 11.656c-37.457-35.3-86.244-54.74-137.374-54.74-110.67 0-200.707 90.05-200.707 200.735 0 66.754 34.107 129.772 89.687 166.947l6.2-23.12c-46.034-33.679-73.351-87.023-73.351-143.827 0-47.405 18.587-92.098 52.338-125.845 33.747-33.743 78.436-52.327 125.833-52.327 42.39 0 83.545 15.305 115.884 43.094a8.007 8.007 0 0 1 .854 11.292 8.007 8.007 0 0 1-11.292.854c-29.436-25.294-66.884-39.225-105.446-39.225-89.413 0-162.155 72.743-162.155 162.156 0 53.406 26.556 103.465 71.037 133.905a8.006 8.006 0 0 1 3.212 8.683zM418.525 79.67c-40.225 0-72.95 32.726-72.95 72.95s32.726 72.949 72.95 72.949 72.949-32.725 72.949-72.949-32.725-72.95-72.949-72.95zm0 129.884c-31.394 0-56.935-25.54-56.935-56.934s25.541-56.935 56.935-56.935 56.934 25.541 56.934 56.935-25.54 56.934-56.934 56.934zm40.642-73.438-44.334 44.334a8.005 8.005 0 0 1-11.324 0l-25.625-25.626c-3.128-3.127-3.128-8.197 0-11.324s8.198-3.128 11.324 0l19.963 19.963 38.672-38.671a8.007 8.007 0 0 1 11.324 0 8.006 8.006 0 0 1 0 11.324z' fill='%23253960' opacity='1' data-original='%23253960'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
 }
.hnpb-blog-menu li.nav-item a.nav-link:hover {
    color: var(--primary);
}
.hnpb-blog-menu li.nav-item a.nav-link:hover::before{
    filter: brightness(0) saturate(100%) invert(21%) sepia(53%) saturate(3645%) hue-rotate(329deg) brightness(95%) contrast(89%);
}
.hnpb-blog-menu-cover{
    overflow-x: auto;
}
.hnpb-blog-menu-wrapper {
    position: relative;
    display: flex;
    gap: 10px;
    margin: 50px 0 0 0;
}
.hnpb-blog-menu-cover {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    flex: 1;
}
.hnpb-blog-menu-cover::-webkit-scrollbar {
    display: none;
}
.hnpb-arrow {
    background: #253960c2;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    transition: opacity 200ms ease;
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    z-index: 2;
}
.hnpb-arrow:hover {
    background: #444;
}
button.hnpb-arrow.left-arrow-blog{
    left: -15px;
}
button.hnpb-arrow.right-arrow-blog{
    right: -15px;
}
.hnpb-arrow.hidden-blog-arrow {
    opacity: 0;
    pointer-events: none;
}
.far.fa-calendar-alt:before{
    background-image: none;
}
@media (max-width: 1400px) {
    .hnpb-blog-menu{
        gap: 25px;
    }
}
@media (max-width: 992px) {
    .hnpb-search-cover {
        padding: 25px 0;
    }
    .hnpb-search-box h2 {
        font-size: 26px;
    }
    .hnpb-blog-menu-wrapper {
        margin: 30px 0 0 0;
    }
    .hnpb-search-card {
        padding: 5px;
    }
}
@media (max-width: 768px) {
    .hnpb-blog-menu li.nav-item a.nav-link {
        font-size: 12px;
        padding-top: 35px;
    }
    .hnpb-blog-menu li.nav-item a.nav-link::before {
        content: '';
        width: 25px;
        height: 25px;
    }
    .hnpb-blog-menu {
        gap: 20px;
    }
    .hnpb-search-card {
        gap: 8px;
    }
    .hnpb-search-input input {
        font-size: 14px;
    }
    .hnpb-search-blog-icon {
        width: 30px;
        min-width: 30px;
    }
    .hnpb-search-btn {
        font-size: 12px;
    }
    .hnpb-search-box h2 {
        font-size: 18px;
    }
}
/* ----- Blog Libs CSS End ------ */

/* Most Recent Start */
.blog-most-recent-cover{
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 10px;
}
.blog-most-recent-box {
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 15px;
}
.blog-most-recent-box:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.blog-most-recent-box a {
    font-size: 16px;
    font-weight: 400;
    color: #222;
}
.blog-most-recent-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}
.blog-most-recent-item p{
    margin: 0;
}
.blog-most-recent-item h6, .blog-most-recent-item p a{
    font-size: 12px;
    color: #6c757d;
    font-weight: 500;
    margin: 0;
}
.blog-most-recent-box a:hover, .blog-most-recent-item p a:hover{
    color: #c6294c;
}
/* Most Recent End */

/* articles Start */
.author-articles-section{
    padding: 0px 15px;
}
.author-articles-cover{
    width: 100%;
    max-width: 700px;
    margin: 50px auto 0px auto;
    padding: 30px;
    background: #253960;
    color: white;
    border-radius: 20px;
    box-shadow: 0px 6px 14px 0px #00000042;
    position: relative;
}
.author-avatar {
    display: flex;
    align-items: center;
    gap: 40px;
}
.author-avatar img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
}
h3.author-name {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
}
.author-job-title{
    font-size: 14px;
    margin: 6px 0 0 0;
    font-weight: 400;
}
p.author-bio {
    font-size: 16px;
    margin: 25px 0 20px 0;
    text-align: left;
}
.author-info a {
    font-size: 13px;
    color: white;
    display: inline-block;
    text-decoration: underline;
}
.author-info a:hover {
    color: #c6294c;
}
.author-articles-comma{
    position: absolute;
    width: 100px;
    height: 100px;
    top: 28px;
    right: 28px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(174deg) brightness(102%) contrast(102%);
    opacity: 0.07;
    transform: rotate(12deg);
}
@media (max-width: 768px) {
    .author-articles-cover {
        padding: 18px;
    }
    .author-avatar {
        gap: 30px;
        flex-direction: column;
        text-align: center;
    }
    h3.author-name {
        font-size: 20px;
    }
    .author-avatar img {
        width: 100px;
        height: 100px;
    }
    p.author-bio {
        font-size: 14px;
        margin: 15px 0 10px 0;
        text-align: center;
    }
    .author-info a {
        font-size: 12px;
        display: block;
        text-align: center;
    }
    .author-articles-comma{
        display: none;
    }
}
/* articles End */

/* blog-libs.css Start */
/* @font-face {
    font-family: hnp-icon-font;
    src: url(https://www.heatandplumb.com/acatalog/fonts/hnp-icon/hnp-icon-font.eot?sjkda7);
    src: url(https://www.heatandplumb.com/acatalog/fonts/hnp-icon/hnp-icon-font.eot?sjkda7#iefix) format("embedded-opentype"), url(https://www.heatandplumb.com/acatalog/fonts/hnp-icon/hnp-icon-font.ttf?sjkda7) format("truetype"), url(https://www.heatandplumb.com/acatalog/fonts/hnp-icon/hnp-icon-font.woff?sjkda7) format("woff"), url(https://www.heatandplumb.com/acatalog/fonts/hnp-icon/hnp-icon-font.svg?sjkda7#hnp-icon-font) format("svg");
    font-weight: 400;
    font-style: normal
}
[class^=hnp-],
[class*=" hnp-"] {
    font-family: hnp-icon-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.hnp-left-chevron-arrow-icon:before {
    content: "\ea56"
}
.hnp-right-chevron-arrow-icon:before {
    content: "\ea57"
}
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    height: unset;
    width: unset;
    border: unset;
    border-width: unset;
    transform: unset;
    margin-right: unset;
    padding: unset;
}
.breadcrumb-item + .breadcrumb-item::before{
    content: "/" !important;
    display: inline-block;
    padding-right: .5rem !important;
    color: #6c757d !important;
} */
.custom-breadcrumb li.breadcrumb-item a, .custom-breadcrumb li.breadcrumb-item span{
    font-size: 1rem;
}
.category-featured-posts{
     margin-top: 25px;
    margin-bottom: 30px;
}
/* blog-libs.css End */

/* Blog card responsive Start */
.blog-categories ul, .blog-share-now ul{
    margin: 0;
}
@media (max-width: 1199px) {
    .blog-box .blog-info .blog-title h3 {
        font-size: 16px;
    }
    .blog-box .blog-info .blog-short-desc p {
        font-size: 12px;
    }
    .blog-box .blog-info .blog-post-info .blog-published-date {
        font-size: 12px;
    }
    .blog-box .blog-info .blog-footer {
        font-size: 12px;
    }
    .blog-main-title h1 {
        font-size: 28px;
    }
    .custom-breadcrumb li.breadcrumb-item a, .custom-breadcrumb li.breadcrumb-item span {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .blog-main-title {
        padding: 10px 0;
    }
    .blog-main-title h1{
        margin: 0 0 10px 0;
    }
}
@media (max-width: 768px) {
    .blog-box .blog-info .blog-post-info {
        padding: 0 15px;
    }
    .blog-box .blog-info .blog-title {
        padding: 0 15px;
    }
    .blog-box .blog-info .blog-short-desc {
        padding: 0 15px;
    }
    .blog-box .blog-info .blog-footer {
        padding: 12px 15px;
    }
    .category-title {
        font-size: 18px;
    }
    p.category-description {
        margin-top: 10px;
    }
    .blog-main-title h1 {
        font-size: 20px;
        margin: 0;
    }
    .blog-details-info h2 {
        font-size: 20px;
    }
    .blog-details-info h3 {
        font-size: 16px;
    }
    .blog-details-info p {
        font-size: 12px;
    }
    .card-body {
        padding: 15px;
    }
    .blog-categories ul li a {
        padding: 8px 0px;
        font-size: 14px;
    }
    .ul.blog-sidebar-list{
        padding: 15px;
    }
    .blog-sidebar-list li {
        padding: 8px 0;
        font-size: 14px;
    }
    .blog-most-recent-box a {
        font-size: 14px;
    }
    .blog-most-recent-item {
        margin-top: 2px;
    }
    .section-block {
        padding: 25px 0;
    }
    .author-articles-cover{
        margin: 25px 0;
    }

}
/* Blog card responsive End */

/* SVG CSS Start */
.blog-author-name {
    display: block;
    margin-left: 2px;
}
.blog-box .blog-info .blog-post-info .blog-published-date svg,
.user-blog-svg,
.blog-folder-svg,
.arrow-double-right {
    margin-right: 5px;
}
.blog-folder-svg{
    color: #9f9f9f;
}
.calendar-svg, 
.user-blog-svg,
.blog-folder-svg,
.blog-home-svg{
    font-size: 16px;
}
.today-calendar-svg,
.breadcrumb-item .blog-home-svg{
    font-size: 18px;
}
.blog-left-content .author-date .blog-next-prev-btn{
    display: flex;
    align-items: center;
}
.blog-social-svg {
    font-size: 20px;
}
.blog-box .blog-info .blog-post-info .blog-author{
    color: #9f9f9f;
}
/* SVG CSS End */