:root{

    --primary-color: #0584C8;
    --secondary-color: #E10098;
    --text-color: #000000;
    --link-color: #1D62A3;
    --warning-color: #FCE300;
    --Cool-Gray: #1E293B;
    --Cool-Gray-800: #1E293B;
    --Cool-Gray-50: #F8FAFC;
    --white-color: #FFFFFF;
}
/* Font */

@font-face {
    font-family: 'Radwave Demo';
    src: url('../assets/fonts/radwave/RadwaveDemoRegular.woff2') format('woff2'),
        url('../assets/fonts/radwave/RadwaveDemoRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-Black.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-BlackItalic.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-Bold.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-BoldItalic.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Extra';
    src: url('../assets/fonts/metropolis/Metropolis-ExtraBold.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Extra';
    src: url('../assets/fonts/metropolis/Metropolis-ExtraBoldItalic.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Extra';
    src: url('../assets/fonts/metropolis/Metropolis-ExtraLight.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Extra';
    src: url('../assets/fonts/metropolis/Metropolis-ExtraLightItalic.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-Light.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-LightItalic.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-Medium.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-MediumItalic.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-Regular.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-RegularItalic.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Semi';
    src: url('../assets/fonts/metropolis/Metropolis-SemiBold.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Semi';
    src: url('../assets/fonts/metropolis/Metropolis-SemiBoldItalic.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-Thin.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../assets/fonts/metropolis/Metropolis-ThinItalic.woff2') format('woff2'),
        url('../assets/fonts/metropolis/Metropolis-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

a {text-decoration: none !important; transition: all ease-in-out 0.3s;}
body {letter-spacing: 0px; overflow-x: hidden;}
/* body, body p{font-family: 'Metropolis' !important;} */
/* h1,h2,h3,h4,h5,h6 {font-family: 'Radwave Demo' !important; font-weight: normal !important;} */
p strong, p b, p strong a, p b a,
.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6, .single-post .elementor-heading-title a,
.ez-toc-title {font-family: 'Radwave Regular' !important;}
h1,h2,h3,h4,h5,h6 {line-height: 1.3; font-weight: 400 !important;}
.elementor-heading-title span, .banner_heading small {color: var(--text-color);}
.banner_heading small {display: inline-block; font-weight: inherit; line-height: 1.15em;}
.fw-700 {font-weight: 700 !important;}
.row-gap-30 {row-gap: 30px;}
button {outline: none !important;}
.single-post .lb-sidebar h1, .single-post .lb-sidebar h2, .single-post .lb-sidebar h3, .single-post .lb-sidebar h4, .single-post .lb-sidebar h5, .single-post .lb-sidebar h6, .single-post .lb-sidebar .elementor-heading-title a,
.lb-sidebar .ez-toc-title {font-weight: 700 !important;}
.single-post .lb-sidebar h1, .single-post .lb-sidebar h2, .single-post .lb-sidebar h3, .single-post .lb-sidebar h4, .single-post .lb-sidebar h5, .single-post .lb-sidebar h6, .single-post .lb-sidebar .elementor-heading-title a,
.lb-sidebar .ez-toc-title, .single-post p strong, .single-post p b, .single-post p strong a, .single-post p b a {font-family: 'Metropolis' !important;}
/* h1, .h1 {font-size: 1.5rem;line-height: 1.8rem;}

.h2,h2 {
    font-size: 1.375rem !important;
    line-height: 2rem !important;
}

h3,.h3 {
    font-size: 1.25rem !important;;
}

h4,.h4 {
    font-size: 1.0625rem !important;;
    line-height: 1.7rem !important;
}

h5,.h5 {
    font-size: 1rem !important;
} */

/* @media only screen and (min-width: 1248px) {
    h1,.h1 {
        line-height:2.5rem !important;;
        font-size: 2.0625rem !important;
    }
}

@media only screen and (min-width: 768px) {
    h1,.h1 {
        line-height:1.9rem !important;;
        font-size: 1.5625rem !important;
    }
    .h2,h2 {
        font-size: 1.4375rem !important;
    }
}

@media only screen and (min-width: 1024px) {
    h1,.h1 {
        font-size: 1.75rem !important;
    }

    .h2,h2 {
        font-size: 1.5625rem !important;
    }
}

@media only screen and (min-width: 1440px) {
    .h2,h2 {
        font-size: 1.625rem !important;
        line-height: 2.5rem !important;
    }
    h3,.h3 {
        font-size: 1.375rem !important;
    }

    h4,.h4 {
        font-size: 1.125rem !important;
    }
    h5,.h5 {
        font-size: 1.0625rem !important;
    }
}

@media only screen and (min-width: 1600px) {
    .h2,h2 {
        font-size: 1.875rem !important;
        line-height: 3rem !important;
    }

    h3,.h3 {
        font-size: 1.625rem !important;
    }

    h4,.h4 {
        font-size: 1.25rem !important;
    }
    h5,.h5 {
        font-size: 1.25rem !important;
    }
} */

/* body, body p{font-family: "Inter", sans-serif !important;} */
.section-spacing {padding-block: 50px;}
.mab-60 {margin-bottom: 60px;}
.pab-60 , .section-spacing.pab-60 {padding-bottom: 60px;}
.pat-0 , .section-spacing.pat-0 {padding-top: 0px;}


.theme_btn {padding: 13px 16px; border-radius: 8px; font-size: 16px; line-height: 22px; font-weight: 600; transition: all ease-in-out 0.3s;}
.primary_btn {background-color: var(--warning-color); color: var(--text-color);}
.primary_btn:hover {color: var(--primary-color);}
.secondary_btn {background-color: var(--white-color); color: var(--primary-color); border: 1px solid var(--primary-color);}
.secondary_btn:hover {background-color: var(--primary-color); color: var(--white-color) !important;}
.container {max-width: 100% !important; width: 100% !important; padding-inline: 20px;}




/* Header */

.header-search-box form>div {padding: 3px;}
.header-search-box button {border-radius: 50% !important; width: 40px; height: 40px;}
.icon-list ul {flex-wrap: nowrap !important;}
.icon-list ul li, .icon-list ul li a {display: flex; align-items: center; flex-direction: column; text-decoration: none;}
.icon-list ul li * {margin-inline: 0px !important; padding-inline: 0px !important;}
.icon-list ul li .elementor-icon-list-icon {margin-bottom: 4px;}
.hfe-site-logo-container img {max-height: 68px; object-fit: contain;}




/* Category Slider */

.theme_slider {padding-inline: 44px; position: relative;}
.blog_category_slider_grid {display: grid; grid-template-columns: repeat(8, 1fr); gap: 18px;}
.blog_category_item { text-align: center; overflow: hidden; position: relative; padding: 9px; border-radius: 10px; background-color: var(--white-color); box-shadow: 0px 2px 20px -7px #0585C880; border: 1px solid var(--primary-color);}
.blog_category_img {border-radius: 10px; overflow: hidden; aspect-ratio: 16 / 9;}
.blog_category_img img {height: 100%; width: 100%; object-fit: contain; transition: all ease-in-out 0.3s;}
.blog_category_title {margin: 16px 0px 0px; transition: all ease-in-out 0.3s; font-size: 17px; line-height: 20px; font-weight: 600; color: var(--text-color); display: inline-block;}
.blog_category_item::before {content: ''; width: 100%; height: 3px; position: absolute; bottom: 0; transform: scale(0); left: 0; background: linear-gradient(90deg, #101820 0%, #101820 25%, #0585C8 25%, #0585C8 50%, #FCE300 50%, #FCE300 75%, #E10098 75%); transition: all ease-in-out 0.5s; opacity: 0; visibility: hidden;}
.blog_category_item:hover:before {opacity: 1; visibility: visible; transform: scale(1);}
.blog_category_item:hover .blog_category_title {color: var(--primary-color);}
.owl_navs .owl-nav, .owl_dots .owl-dots {display: flex !important;}
.owl_navs .owl-nav button {position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; background-color: var(--white-color) !important; outline: none; transition: all ease-in-out 0.3s;}
.owl_navs .owl-nav button::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; background-color: var(--secondary-color); background-repeat: no-repeat; background-position: center; background-size: 20px; transition: all ease-in-out 0.3s;opacity: .75;background-position: center center;}
/* .owl_navs .owl-nav button:hover {border-color: var(--secondary-color) ;} */
.owl_navs .owl-nav button:hover:before {opacity: 1;border-color:var(--secondary-color) !important;}
.owl_navs .owl-nav .owl-prev {left: 0;}
.owl_navs .owl-nav .owl-prev::before {background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.09118 0.112305C9.25705 0.242514 9.40697 0.382486 9.54095 0.532227C9.67492 0.681967 9.77381 0.854492 9.83761 1.0498C9.85037 1.14095 9.85675 1.19954 9.85675 1.22559C9.85675 1.25163 9.85675 1.31673 9.85675 1.4209C9.85675 1.45996 9.85994 1.48926 9.86632 1.50879C9.8727 1.52832 9.87589 1.56413 9.87589 1.61621C9.83761 1.87663 9.74829 2.11426 9.60794 2.3291C9.46758 2.54395 9.30171 2.74251 9.11032 2.9248C9.0848 2.95085 9.06247 2.97363 9.04333 2.99316C9.02419 3.0127 9.00186 3.03548 8.97634 3.06152C8.91254 3.12663 8.84555 3.19173 8.77538 3.25684C8.7052 3.32194 8.63821 3.39355 8.57441 3.47168C8.52338 3.51074 8.47553 3.55632 8.43087 3.6084C8.38621 3.66048 8.33836 3.71257 8.28732 3.76465C8.19801 3.85579 8.10231 3.95345 8.00023 4.05762C7.89816 4.16178 7.79608 4.25944 7.69401 4.35059C7.56641 4.48079 7.43881 4.611 7.31122 4.74121C7.18362 4.87142 7.05603 5.00163 6.92843 5.13184C6.83912 5.236 6.74342 5.33691 6.64134 5.43457C6.53927 5.53223 6.44357 5.63314 6.35425 5.7373C6.30322 5.77637 6.25537 5.82194 6.21071 5.87402C6.16605 5.92611 6.1182 5.97168 6.06716 6.01074C6.00337 6.07585 5.93957 6.14421 5.87577 6.21582C5.81197 6.28743 5.74818 6.35579 5.68438 6.4209C5.65886 6.43392 5.63653 6.4502 5.61739 6.46973C5.59825 6.48926 5.5823 6.51204 5.56954 6.53809C5.45471 6.64225 5.33987 6.73665 5.22503 6.82129C5.1102 6.90592 4.98898 6.9873 4.86139 7.06543C4.89967 7.06543 4.93475 7.06543 4.96665 7.06543C4.99855 7.06543 5.03364 7.06543 5.07192 7.06543C5.91405 7.06543 6.75618 7.06868 7.59831 7.0752C8.44044 7.08171 9.28257 7.08496 10.1247 7.08496C10.533 7.08496 10.9413 7.08822 11.3496 7.09473C11.7579 7.10124 12.1662 7.10449 12.5745 7.10449C12.9318 7.10449 13.2891 7.10449 13.6463 7.10449C14.0036 7.10449 14.3609 7.10449 14.7181 7.10449C14.9095 7.10449 15.0977 7.10449 15.2827 7.10449C15.4678 7.10449 15.656 7.10449 15.8474 7.10449C16.026 7.10449 16.2046 7.10775 16.3833 7.11426C16.5619 7.12077 16.7405 7.12402 16.9192 7.12402C16.983 7.12402 17.0468 7.12402 17.1105 7.12402C17.1743 7.12402 17.2381 7.12402 17.3019 7.12402C17.3913 7.12402 17.4806 7.12402 17.5699 7.12402C17.6592 7.12402 17.7485 7.12402 17.8378 7.12402C17.8889 7.12402 17.9367 7.12402 17.9814 7.12402C18.026 7.12402 18.0739 7.12402 18.1249 7.12402C18.4056 7.13704 18.6417 7.18587 18.8331 7.27051C19.0245 7.35514 19.2159 7.49512 19.4073 7.69043C19.5604 7.89876 19.6465 8.12337 19.6656 8.36426C19.6848 8.60514 19.6752 8.84928 19.6369 9.09668C19.5604 9.31803 19.4519 9.50033 19.3116 9.64355C19.1712 9.78678 18.999 9.91699 18.7948 10.0342C18.6545 10.0863 18.5141 10.1156 18.3737 10.1221C18.2334 10.1286 18.0867 10.1318 17.9335 10.1318C17.908 10.1318 17.8793 10.1318 17.8474 10.1318C17.8155 10.1318 17.7868 10.1318 17.7613 10.1318C17.672 10.1318 17.5795 10.1318 17.4838 10.1318C17.3881 10.1318 17.2956 10.1318 17.2062 10.1318C17.1424 10.1318 17.0755 10.1318 17.0053 10.1318C16.9351 10.1318 16.8681 10.1318 16.8043 10.1318C16.6129 10.1318 16.4279 10.1318 16.2493 10.1318C16.0706 10.1318 15.892 10.1318 15.7134 10.1318C15.522 10.1318 15.3306 10.1318 15.1392 10.1318C14.9478 10.1318 14.7564 10.1383 14.565 10.1514C14.2078 10.1514 13.8473 10.1514 13.4836 10.1514C13.12 10.1514 12.7595 10.1514 12.4023 10.1514C11.994 10.1514 11.5825 10.1546 11.1678 10.1611C10.7531 10.1676 10.3416 10.1709 9.93331 10.1709C9.09118 10.1709 8.24586 10.1742 7.39735 10.1807C6.54884 10.1872 5.70352 10.1904 4.86139 10.1904C4.89967 10.2165 4.92199 10.2327 4.92837 10.2393C4.93475 10.2458 4.95708 10.262 4.99536 10.2881C5.174 10.4313 5.34625 10.5745 5.51212 10.7178C5.678 10.861 5.83749 11.0107 5.99061 11.167C6.02888 11.193 6.05121 11.2126 6.05759 11.2256C6.06397 11.2386 6.0863 11.2581 6.12458 11.2842C6.18838 11.3493 6.25218 11.4144 6.31597 11.4795C6.37977 11.5446 6.43719 11.6097 6.48823 11.6748C6.53927 11.7269 6.58712 11.7757 6.63177 11.8213C6.67643 11.8669 6.7179 11.9092 6.75618 11.9482C6.85826 12.0394 6.95395 12.1338 7.04327 12.2314C7.13259 12.3291 7.22828 12.4235 7.33036 12.5146C7.44519 12.6318 7.56322 12.7523 7.68444 12.876C7.80565 12.9997 7.92368 13.1201 8.03851 13.2373C8.12783 13.3285 8.22034 13.4229 8.31603 13.5205C8.41173 13.6182 8.50424 13.7126 8.59355 13.8037C8.63183 13.8428 8.6733 13.8851 8.71796 13.9307C8.76262 13.9762 8.81047 14.0251 8.8615 14.0771C8.91254 14.1292 8.96996 14.1878 9.03376 14.2529C9.09756 14.318 9.16135 14.3831 9.22515 14.4482C9.25067 14.4873 9.28257 14.5231 9.32085 14.5557C9.35913 14.5882 9.3974 14.624 9.43568 14.6631C9.60156 14.8714 9.71639 15.083 9.78019 15.2979C9.84399 15.5127 9.86951 15.7503 9.85675 16.0107C9.83123 16.2321 9.77381 16.4209 9.68449 16.5771C9.59518 16.7334 9.46758 16.8831 9.30171 17.0264C9.16135 17.1045 9.03057 17.1598 8.90935 17.1924C8.78814 17.2249 8.64459 17.2412 8.47872 17.2412C8.44044 17.2412 8.41173 17.2445 8.39259 17.251C8.37345 17.2575 8.33836 17.2607 8.28732 17.2607C7.95558 17.2087 7.67168 17.0785 7.43563 16.8701C7.19957 16.6618 6.96671 16.4404 6.73704 16.2061C6.686 16.154 6.65091 16.1182 6.63177 16.0986C6.61263 16.0791 6.57755 16.0433 6.52651 15.9912C6.43719 15.9001 6.34468 15.8057 6.24899 15.708C6.15329 15.6104 6.0544 15.5094 5.95233 15.4053C5.85025 15.3011 5.75137 15.2002 5.65567 15.1025C5.55997 15.0049 5.46109 14.904 5.35901 14.7998C5.19313 14.6305 5.02726 14.4613 4.86139 14.292C4.69551 14.1227 4.52964 13.9469 4.36376 13.7646C4.17237 13.5693 3.97779 13.374 3.78002 13.1787C3.58224 12.9834 3.38766 12.7881 3.19627 12.5928C3.00487 12.3975 2.81667 12.2054 2.63166 12.0166C2.44664 11.8278 2.26482 11.6357 2.08619 11.4404C2.00963 11.3623 1.92988 11.2842 1.84694 11.2061C1.76401 11.1279 1.68426 11.0498 1.6077 10.9717C1.49287 10.8545 1.38122 10.7406 1.27276 10.6299C1.16431 10.5192 1.05266 10.4053 0.937827 10.2881C0.899548 10.236 0.870839 10.2035 0.8517 10.1904C0.83256 10.1774 0.797472 10.1449 0.746433 10.0928C0.414685 9.74121 0.216912 9.51335 0.153115 9.40918C0.0893168 9.30501 0.0382786 9.12272 0 8.8623C0 8.81022 0 8.77441 0 8.75488C0 8.73535 0.00637977 8.69303 0.0191393 8.62793C0.00637977 8.58887 0 8.5498 0 8.51074C0 8.47168 0 8.43262 0 8.39355C0.0510382 8.08105 0.169064 7.81738 0.354077 7.60254C0.539091 7.3877 0.740054 7.17611 0.956966 6.96777C0.995245 6.92871 1.03033 6.88965 1.06223 6.85059C1.09413 6.81152 1.12922 6.77246 1.1675 6.7334C1.26957 6.64225 1.36846 6.54785 1.46416 6.4502C1.55985 6.35254 1.65236 6.25163 1.74168 6.14746C1.84375 6.04329 1.94583 5.94238 2.04791 5.84473C2.14998 5.74707 2.25206 5.64616 2.35414 5.54199C2.52001 5.3597 2.68907 5.18392 2.86133 5.01465C3.03358 4.84538 3.20265 4.6696 3.36852 4.4873C3.55991 4.29199 3.7545 4.09668 3.95227 3.90137C4.15004 3.70605 4.34462 3.50423 4.53602 3.2959C4.70189 3.12663 4.87096 2.95736 5.04321 2.78809C5.21546 2.61882 5.38453 2.44303 5.5504 2.26074C5.65248 2.1696 5.75455 2.07194 5.85663 1.96777C5.95871 1.86361 6.0544 1.75944 6.14372 1.65527C6.25856 1.53809 6.37339 1.42415 6.48823 1.31348C6.60306 1.2028 6.7179 1.08887 6.83274 0.97168C6.85826 0.932617 6.88696 0.896811 6.91886 0.864258C6.95076 0.831705 6.98585 0.795898 7.02413 0.756836C7.34312 0.444336 7.65892 0.222982 7.97153 0.0927734C8.28413 -0.0374355 8.65735 -0.0309238 9.09118 0.112305Z' fill='white'/%3E%3C/svg%3E%0A");}
.owl_navs .owl-nav .owl-next {right: 0;}
.owl_navs .owl-nav .owl-next::before {background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9812 0.0911007C12.1598 0.208288 12.3289 0.341753 12.4884 0.491491C12.6479 0.641232 12.8042 0.794226 12.9573 0.950476C12.9956 0.989538 13.0307 1.0286 13.0626 1.06766C13.0945 1.10673 13.1296 1.14579 13.1679 1.18485C13.2699 1.276 13.3688 1.37365 13.4645 1.47782C13.5602 1.58199 13.6591 1.67964 13.7612 1.77079C13.8632 1.88798 13.9653 1.99865 14.0674 2.10282C14.1695 2.20699 14.2716 2.31115 14.3736 2.41532C14.5395 2.58459 14.7086 2.75712 14.8808 2.9329C15.0531 3.10868 15.2285 3.28771 15.4072 3.47001C15.6241 3.69136 15.841 3.91271 16.0579 4.13407C16.2748 4.35542 16.4981 4.58329 16.7278 4.81766C16.9192 5.01298 17.1074 5.20503 17.2924 5.39384C17.4774 5.58264 17.6656 5.77469 17.857 5.97001C17.9208 6.03511 17.9814 6.10021 18.0388 6.16532C18.0962 6.23042 18.1568 6.28902 18.2206 6.3411C18.3355 6.45829 18.4503 6.57548 18.5651 6.69266C18.68 6.80985 18.7948 6.92704 18.9096 7.04423C18.9352 7.08329 18.9671 7.11909 19.0053 7.15165C19.0436 7.1842 19.0755 7.22001 19.101 7.25907C19.1393 7.28511 19.1744 7.31441 19.2063 7.34696C19.2382 7.37951 19.2669 7.41532 19.2924 7.45438C19.318 7.48042 19.3435 7.50646 19.369 7.53251C19.3945 7.55855 19.4264 7.58459 19.4647 7.61063C19.5668 7.72782 19.6274 7.8385 19.6465 7.94266C19.6656 8.04683 19.6816 8.18355 19.6944 8.35282C19.6944 8.39188 19.6975 8.43094 19.7039 8.47001C19.7103 8.50907 19.7135 8.54813 19.7135 8.58719C19.6497 8.89969 19.4743 9.18941 19.1872 9.45633C18.9001 9.72326 18.6481 9.9674 18.4312 10.1888C18.3929 10.2278 18.3578 10.2636 18.3259 10.2962C18.294 10.3287 18.2589 10.3645 18.2206 10.4036C18.1313 10.4947 18.042 10.5859 17.9527 10.677C17.8634 10.7682 17.7677 10.8593 17.6656 10.9505C17.6146 11.0156 17.5603 11.0774 17.5029 11.136C17.4455 11.1946 17.3849 11.2565 17.3211 11.3216C17.1424 11.5039 16.9638 11.6862 16.7852 11.8684C16.6065 12.0507 16.4279 12.233 16.2493 12.4153C16.0451 12.6237 15.8378 12.8352 15.6273 13.0501C15.4167 13.2649 15.2094 13.4765 15.0052 13.6848C14.8394 13.8541 14.6767 14.0201 14.5172 14.1829C14.3577 14.3457 14.2014 14.5117 14.0483 14.6809C13.9462 14.7721 13.8473 14.8665 13.7516 14.9641C13.6559 15.0618 13.5634 15.1627 13.4741 15.2669C13.3592 15.371 13.2508 15.4785 13.1487 15.5891C13.0466 15.6998 12.9382 15.8072 12.8233 15.9114C12.7978 15.9505 12.7691 15.9863 12.7372 16.0188C12.7053 16.0514 12.6702 16.0807 12.6319 16.1067C12.6064 16.1458 12.5777 16.1783 12.5458 16.2044C12.5139 16.2304 12.4852 16.2565 12.4597 16.2825C12.4342 16.3085 12.4087 16.3346 12.3831 16.3606C12.3576 16.3867 12.3321 16.4127 12.3066 16.4388C12.1407 16.582 11.9748 16.6699 11.809 16.7024C11.6431 16.735 11.4517 16.7447 11.2348 16.7317C11.0561 16.6536 10.8967 16.5592 10.7563 16.4485C10.6159 16.3378 10.4756 16.2109 10.3352 16.0677C10.3225 16.0546 10.3065 16.0384 10.2874 16.0188C10.2682 15.9993 10.2459 15.9765 10.2204 15.9505C10.0673 15.7942 9.95245 15.6445 9.87589 15.5013C9.79933 15.358 9.75467 15.1757 9.74191 14.9544C9.74191 14.9153 9.74191 14.8795 9.74191 14.847C9.74191 14.8144 9.74191 14.7851 9.74191 14.7591C9.78019 14.5247 9.87589 14.3196 10.029 14.1438C10.1821 13.9681 10.3352 13.802 10.4883 13.6458C10.5011 13.6328 10.5171 13.6165 10.5362 13.597C10.5553 13.5774 10.5777 13.5546 10.6032 13.5286C10.667 13.4635 10.7308 13.3984 10.7946 13.3333C10.8584 13.2682 10.9222 13.2031 10.986 13.138C11.037 13.0989 11.0849 13.0566 11.1295 13.011C11.1742 12.9654 11.2156 12.9166 11.2539 12.8645C11.3688 12.7473 11.4836 12.6302 11.5984 12.513C11.7133 12.3958 11.8345 12.2786 11.9621 12.1614C12.0769 12.0442 12.1949 11.9238 12.3162 11.8001C12.4374 11.6764 12.5554 11.5559 12.6702 11.4388C12.8999 11.2044 13.1328 10.9668 13.3688 10.7259C13.6049 10.485 13.8377 10.2474 14.0674 10.013C14.0291 10.013 13.994 10.013 13.9621 10.013C13.9302 10.013 13.8951 10.013 13.8569 10.013C13.0275 10.013 12.1981 10.013 11.3688 10.013C10.5394 10.013 9.71001 10.0065 8.88064 9.99344C8.4851 9.99344 8.08636 9.99344 7.68444 9.99344C7.28251 9.99344 6.87739 9.99344 6.46909 9.99344C6.12458 9.99344 5.77688 9.99344 5.426 9.99344C5.07511 9.99344 4.72741 9.99344 4.3829 9.99344C4.19151 9.99344 4.00331 9.99019 3.81829 9.98368C3.63328 9.97717 3.44508 9.97391 3.25368 9.97391C3.08781 9.97391 2.91556 9.97391 2.73692 9.97391C2.55829 9.97391 2.38603 9.97391 2.22016 9.97391C2.15636 9.97391 2.09257 9.97391 2.02877 9.97391C1.96497 9.97391 1.90117 9.97391 1.83737 9.97391C1.74806 9.97391 1.65874 9.97391 1.56942 9.97391C1.48011 9.97391 1.39079 9.97391 1.30147 9.97391C1.25044 9.97391 1.20259 9.97391 1.15793 9.97391C1.11327 9.97391 1.06542 9.97391 1.01438 9.97391C0.822991 9.94787 0.660306 9.89253 0.526331 9.8079C0.392356 9.72326 0.26795 9.60933 0.153115 9.4661C0.0765573 9.28381 0.0350887 9.10152 0.028709 8.91923C0.0223292 8.73693 0.0191393 8.54813 0.0191393 8.35282C0.0191393 8.30074 0.0159494 8.25516 0.00956966 8.2161C0.00318989 8.17704 0 8.13798 0 8.09891C0 7.86454 0.0223292 7.66597 0.0669876 7.50321C0.111646 7.34045 0.210533 7.16792 0.363647 6.98563C0.55504 6.85542 0.756003 6.7773 0.966536 6.75126C1.17707 6.72521 1.39079 6.71219 1.6077 6.71219C1.64598 6.71219 1.6715 6.71219 1.68426 6.71219C1.69702 6.71219 1.72254 6.71219 1.76082 6.71219C1.85013 6.71219 1.93945 6.71219 2.02877 6.71219C2.11808 6.71219 2.2074 6.71219 2.29672 6.71219C2.36052 6.71219 2.42431 6.71219 2.48811 6.71219C2.55191 6.71219 2.61571 6.71219 2.6795 6.71219C2.85814 6.71219 3.03358 6.70894 3.20584 6.70243C3.37809 6.69592 3.54715 6.69266 3.71303 6.69266C3.89166 6.69266 4.07348 6.69266 4.2585 6.69266C4.44351 6.69266 4.62534 6.69266 4.80397 6.69266C5.14848 6.69266 5.48979 6.69266 5.82792 6.69266C6.16605 6.69266 6.50737 6.69266 6.85188 6.69266C7.24742 6.69266 7.63978 6.68941 8.02894 6.6829C8.41811 6.67639 8.80409 6.67313 9.18687 6.67313C9.99072 6.67313 10.7914 6.66988 11.5889 6.66337C12.3863 6.65686 13.187 6.6536 13.9908 6.6536C13.9653 6.62756 13.9398 6.60152 13.9143 6.57548C13.8888 6.54943 13.8632 6.52339 13.8377 6.49735C13.5953 6.26298 13.3561 6.02209 13.12 5.77469C12.884 5.5273 12.6447 5.28641 12.4023 5.05204C12.2874 4.92183 12.1694 4.79488 12.0482 4.67118C11.927 4.54748 11.8026 4.42704 11.675 4.30985C11.5601 4.19266 11.4421 4.07222 11.3209 3.94852C11.1997 3.82482 11.0817 3.70438 10.9668 3.58719C10.9286 3.53511 10.8871 3.48628 10.8424 3.44071C10.7978 3.39514 10.7499 3.35282 10.6989 3.31376C10.6351 3.24865 10.5713 3.18355 10.5075 3.11844C10.4437 3.05334 10.3799 2.98824 10.3161 2.92313C10.3033 2.91011 10.2874 2.89384 10.2682 2.8743C10.2491 2.85477 10.2268 2.83199 10.2013 2.80594C10.0481 2.64969 9.9365 2.50321 9.86632 2.36649C9.79614 2.22977 9.75467 2.05074 9.74191 1.82938C9.75467 1.49084 9.85675 1.21415 10.0481 0.999304C10.2395 0.78446 10.4437 0.566362 10.6606 0.345007C10.852 0.175737 11.0561 0.0683155 11.2731 0.0227413C11.49 -0.022831 11.726 -4.3869e-05 11.9812 0.0911007Z' fill='white'/%3E%3C/svg%3E%0A");}
.owl_dots .owl-nav button{margin-top: -60px;}
.owl_dots .owl-dots {margin-top: 60px; justify-content: center; align-items: center; gap: 5px;}
.owl_dots .owl-dots button {width: 27px; height: 4px; border-radius: 10px; background-color: #E6F6FE; transition: all ease-in-out 0.3s; outline: none;}
.owl_dots .owl-dots button span {display: none;}
.owl_dots .owl-dots button.active {width: 62px; background-color: var(--primary-color);}




/* Post Card */

.post_item { border-color: #0584C880; position: relative; background-color: var(--white-color); border-radius: 8px; box-shadow: 0px 4px 4px 0px #0584C80D; height: 100%; display: flex; flex-direction: column; overflow: hidden; transition: all ease-in-out 0.3s; padding: 16px;}
.post_item::before{content: ''; width: 100%; height: 3px; position: absolute; bottom: 0; transform: scale(0); left: 0; background: linear-gradient(90deg, #101820 0%, #101820 25%, #0585C8 25%, #0585C8 50%, #FCE300 50%, #FCE300 75%, #E10098 75%); transition: all ease-in-out 0.5s; opacity: 0; visibility: hidden;}
.post_item:hover::before{opacity: 1; transform: scale(1); visibility: visible;}
.owl-carousel .post_item {border-color: #CECECE;}
.post_item:hover {border-color: var(--primary-color);box-shadow: -1px 0px 25px -3px rgba(5, 133, 200, 0.4);}
.post_img {border-radius: 12px; margin-bottom: 16px; overflow: hidden; position: relative; display: flex;}
/* .post_img {border-radius: 12px; margin-bottom: 16px; overflow: hidden; position: relative; display: flex; aspect-ratio: 1.42;} */
.post_img a {display: block;width: 100%;}
.post_img img {width: 100%; height: 100%;}
/* .post_img img {width: 100%; height: 100%; aspect-ratio: 1 / 1;} */
.post_img .play_icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center; background: var(--white-color); color: var(--primary-color); border-radius: 50%;}
.post_content {display: flex; flex-direction: column;gap: 16px;}
.post_category {list-style: none; display: flex; align-items: center; flex-wrap: wrap; font-size: 14px; line-height: 22px; font-weight: 400; color: var(--Cool-Gray-800); padding: 0px; margin: 0px;}
.post_category li::marker {display: none; content: '';}
.post_category li:not(:first-child) {margin-left: 10px; padding-left: 10px; position: relative;}
.post_category li:not(:first-child)::before {content: ''; background-color: #CECECE; height: 20px; width: 1px; border-radius: 5px; position: absolute; left: 0;}
.post_category .fill {padding: 5px; border-radius: 5px; background-color: #FFEDF9; color: var(--Cool-Gray);}
.post_title {font-weight: 500; color: var(--text-color); transition: all ease-in-out 0.3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* .post_title {font-weight: 500; font-size: 20px; line-height: 30px; color: var(--text-color); transition: all ease-in-out 0.3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} */
.post_title:hover {color: var(--primary-color);}
.post_author {display: flex; gap: 10px; align-items: center;}
.post_author_img {width: 54px; height: 54px; border-radius: 50%; overflow: hidden; background-color: #c5c5c5; display: inline-flex; align-items: center; justify-content: center;}
.post_info p {font-size: 16px; line-height: 24px; font-weight: 400; margin: 0;}
.post_info p:not(:last-child) {margin-bottom: 5px;}
.post_info .post_date {color: var(--Cool-Gray-800);}
.post_info p a {color: var(--text-color);}






/* Features Category Slider */
.owl-stage {display: flex; align-items: stretch;}
.post_content {height: 100%; flex: 1;}
.post_author {margin-top: auto;}
.featured_category_slider {padding-inline: 44px;}
.featured_category_slider .owl-stage-outer {padding-bottom: 20px; margin-bottom: -20px;}


/* Browser Category Item */

.browser_category_slider .owl-stage {padding-bottom: 35px; padding-top: 20px;}
.browser_category_item {padding: 30px 30px 45px; border: 0.5px solid rgb(206 206 206 / 50%); height: 100%; background-color: var(--white-color); border-radius: 12px; text-align: center; transition: all ease-in-out 0.3s; position: relative;}
.browser_category_item:hover {box-shadow: -1px 0px 25px -3px rgba(5, 133, 200, 0.4);}
.browser_category_img {border-radius: 12px; margin-bottom: 16px; overflow: hidden; aspect-ratio: 16/9.2;}
.browser_category_img img {width: 100%; height: 100%; object-fit: cover;}
.browser_category_title {font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 6px; display: block; color: var(--text-color);}
.browser_category_title:hover {color: var(--primary-color);}
.browser_category_description {margin-bottom: 0px;}
.browser_category_link {width: 60px; height: 60px; border-radius: 50%; background-color: var(--white-color) !important; box-shadow: 0px 0px 10px 0px #0018251A !important; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: 1;}
.browser_category_link, .browser_category_link span {display: inline-flex; align-items: center; justify-content: center;}
.browser_category_link span {width: 32px; height: 32px; border-radius: 50%; position: relative; border: 2px solid var(--secondary-color);}
.browser_category_link span svg {position: relative;}
.browser_category_link span svg path {transition: all ease-in-out 0.3s;}
.browser_category_link span::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; background-color: var(--secondary-color); background-repeat: no-repeat; background-position: center; background-size: 8px; transition: all ease-in-out 0.3s; opacity: 0; visibility: hidden;}
.browser_category_link:hover span::before {opacity: 1; visibility: visible;}
.browser_category_link:hover span svg path {fill: var(--white-color);}
.owl-stage-outer {padding-inline: 20px; margin-inline: -20px;}
.browser_category_slider .owl-stage {display: flex; align-items: stretch;}
.browser_category_slider .owl-stage .owl-item {height: auto;}

/* category group Grid */
.category_group {display: grid; grid-template-columns: 1fr 1fr; gap: 34px;}
.category_item {box-shadow: 0px 4px 4px 0px #E6F6FE; border-radius: 16px; border: 1px solid #DDDDDD;  background-color: var(--white-color);}
.category_img {border-radius: 12px; overflow: hidden;}
.category_img img {width: 100%;}
.category_group .left_side .category_item {padding: 33px 48px; display: flex; flex-direction: column; gap: 23px;}
.category_group .left_side .category_title {font-size: 28px; line-height: 38px; font-weight: 600; color: var(--text-color);}
.category_group .right_side .category_item:not(:last-child) {margin-bottom: 20px;}
.category_group .right_side .category_item {padding: 16px 25px 16px 42px; display: grid; grid-template-columns: 32% auto 24px;  gap: 70px; align-items: center;}
.category_group .right_side .category_title {font-size: 22px; line-height: 32px; font-weight: 500; color: #343434;}
.category_group .right_side .category_title:hover {font-weight: 600;}
.category_link {display: flex; align-items: center; justify-content: end;}



/* Video Section */

.video-section .elementor-custom-embed-play svg {background-color: var(--primary-color); border-radius: 50%; opacity: 1; box-shadow: 0px 0px 10px 0px #0B598340;}




/* Latest Resources */

.latest_resources .owl-stage-outer {margin-block: -20px;}
.latest_resources .owl-stage {padding-block: 20px;}
.latest_resources .post_item {padding: 16px; border-radius: 12px; border: 0.5px solid #CECECE; transition: all ease-in-out 0.3s;}
.latest_resources .post_item:hover {box-shadow: -1px 0px 25px -3px rgba(5, 133, 200, 0.4);}




/* Video Page */

.grid-3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.video_category_group {display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;}
.video_category_group .blog_category_item {max-width: calc(20% - 24px); flex: calc(20% - 24px); width: calc(20% - 24px);}




.ready_to_elevate_section {background: linear-gradient(90deg, rgba(22, 134, 198, 0.8) 1.44%, rgba(120, 187, 225, 0.8) 17.79%, rgba(219, 240, 253, 0.8) 37.02%);}




/* Author Page */

/* .author-box {display: grid; grid-template-columns: 200px auto; gap: 60px;} */

.author-box .author-avatar {border-radius: 20px; width: 280px; display: flex; overflow: hidden; box-shadow: 1px 2px 5px #00000078;}
.author-box .author-avatar img {width: 100%; height: 100%;}
.author_content {font-size: 18px; line-height: 26px;}
.author_content .author_name {font-weight: 900; font-size: 26px; text-transform: uppercase; color: var(--primary-color); margin: 0px 0px 16px;}
.author_designation {color: var(--text-color); font-weight: 600; font-size: 20px; margin-bottom: 8px;}
.author_tags {color: var(--primary-color); margin-bottom: 16px;}
.archive_description { margin-bottom: 16px;}
.archive_description, .author_tags, .author_content span {font-size: 16px; line-height: 26px;}


.pagination_area {margin-top: 60px;}
.pagination_area>div {display: flex; align-items: center; justify-content: center; gap: 5px;}
.pagination_area>div>* {margin: 0px;}
.pagination_area .pages, .pagination_area .last, .pagination_area .first {display: none;}
.pagination_area .page, .pagination_area .current, .pagination_area .extend {width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background-color: var(--white-color); border-radius: 4px; font-size: 16px; line-height: 24px; font-weight: 400; color: var(--text-color); transition: all ease-in-out 0.3s; border: none;}
.pagination_area .page:hover, .pagination_area .current {background-color: var(--primary-color); color: var(--white-color);}
.pagination_area .nextpostslink, .pagination_area .previouspostslink {width: 24px; height: 24px; border-radius: 50%; font-size: 0px; line-height: 0px; transition: all ease-in-out 0.3s; border: none; background-position: center; background-repeat: no-repeat; background-size: contain;}
.pagination_area .previouspostslink {margin-right: 25px; background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1629_674)"><path d="M12.0001 0C18.6275 0 24 5.37253 24 11.9999C24 18.6273 18.6275 24.0001 12.0001 24.0001C5.3727 24.0001 -9.91821e-05 18.6273 -9.91821e-05 11.9999C0.00740082 5.37561 5.3755 0.00747067 12.0001 0ZM12.0001 22.7999C17.9648 22.7999 22.8001 17.9646 22.8001 11.9999C22.8001 6.03523 17.9648 1.19993 12.0001 1.19993C6.0354 1.19993 1.2001 6.03523 1.2001 11.9999C1.2069 17.9618 6.0382 22.7931 12.0001 22.7999Z" fill="%23E10098"/><path d="M13.4032 7.34757C13.6528 7.12938 14.0318 7.15487 14.25 7.40426C14.4679 7.65387 14.4425 8.0329 14.1931 8.25109L9.9093 11.9992L14.1933 15.7475C14.4429 15.9657 14.4682 16.3447 14.2502 16.5941C14.032 16.8437 13.653 16.8692 13.4034 16.651L8.6034 12.451C8.4731 12.3372 8.3984 12.1724 8.3984 11.9992C8.3984 11.8261 8.4731 11.6615 8.6034 11.5475L13.4032 7.34757Z" fill="%23E10098"/></g><defs><clipPath id="clip0_1629_674"><rect width="24" height="24" fill="white" transform="matrix(-1 0 0 1 24 0)"/></clipPath></defs></svg>');}
.pagination_area .nextpostslink {margin-left: 25px; background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9999 0C5.37253 0 0 5.37253 0 11.9999C0 18.6273 5.37253 24.0001 11.9999 24.0001C18.6273 24.0001 24.0001 18.6273 24.0001 11.9999C23.9926 5.37561 18.6245 0.00747067 11.9999 0ZM11.9999 22.7999C6.03523 22.7999 1.19993 17.9646 1.19993 11.9999C1.19993 6.03523 6.03523 1.19993 11.9999 1.19993C17.9646 1.19993 22.7999 6.03523 22.7999 11.9999C22.7931 17.9618 17.9618 22.7931 11.9999 22.7999Z" fill="%23E10098"/><path d="M10.5968 7.3483C10.3472 7.13011 9.96821 7.1556 9.75002 7.40499C9.53205 7.6546 9.55754 8.03363 9.80693 8.25182L14.0907 11.9999L9.80671 15.7482C9.5571 15.9664 9.53183 16.3454 9.7498 16.5948C9.96799 16.8444 10.347 16.8699 10.5966 16.6517L15.3966 12.4517C15.5269 12.3379 15.6016 12.1731 15.6016 11.9999C15.6016 11.8268 15.5269 11.6622 15.3966 11.5482L10.5968 7.3483Z" fill="%23E10098"/></svg>');}
/* .pagination_area .nextpostslink, .pagination_area .previouspostslin {filter: grayscale(1) brightness(0.5);} */



/* Breadcrumbs Section */

.breadcrumbs-section {padding: 20px 0px 50px;}
.breadcrumbs-section .breadcrumb {margin: 0px; font-size: 18px; padding: 0px; border-radius: 0px; background: transparent;gap: 6px;}
/* .author_page_post_section {padding-inline: 20px;} */





/* Page Banner */

.page_banner {padding: 88px 0px; position: relative; background-image: url('../img/banner_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden;}
.page_banner::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(358.25deg, #1686C6 -24.47%, #78BBE1 20.77%, #DBF0FD 73.98%); opacity: 0.7;}
.page_banner_left_shap, .page_banner_right_shap {position: absolute; top: 0; display: flex; height: 100%;}
.page_banner_left_shap img, .page_banner_right_shap img {height: 100%; object-fit: cover;}
.page_banner_left_shap {left: 0;}
.page_banner_right_shap {right: 0;}
.page_banner .container {position: relative; text-align: center; max-width: 814px;}
.page_banner__title {margin-bottom: 16px;}
.page_title {text-transform: uppercase; font-size: 40px; }
.page_banner__desc {margin: 0px;}




.section_heading_header {display: flex; flex-wrap: wrap; gap: 8px 30px; align-items: center; margin-bottom: 30px;}
.section_heading_header h2 {margin: 0px auto 0px 0px; text-transform: capitalize; color: var(--text-color); font-weight: 600; line-height: 1.27;}
.view_all_btn { font-weight: 500; font-size: 20px; line-height: 30px; position: relative; color: var(--secondary-color);}
.view_all_btn::before {content: ''; height: 2px; width: 100%; position: absolute; bottom: 0; left: 0; background-color: var(--secondary-color); transition: all ease-in-out 0.3s;}
.view_all_btn:hover:before {background-color: var(--primary-color);}
.clp_cat_section:not(:last-of-type) {margin-bottom: 60px;}




/* CTA Section */

.cta_section {position: relative; display: flex; padding-left: calc((100% - 1754px)/2); padding-block: 0px; background: linear-gradient(360deg, #1686C6 3.66%, #78BBE1 45.19%, #DBF0FD 94.04%);}
/* .cta_section::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url('../img/cta-img.png'); background-position: bottom right; background-repeat: no-repeat;} */

.cta_section>div {position: relative;}
.cta_section h2 {margin: 0px 0px 40px; color: var(--text-color); font-size: 36px; line-height: 48px;}
.cta_content_side {margin: 0px auto 0px 100px; max-width: 708px; padding: 112px 0px;}
.group_btn {display: flex; gap: 10px 16px; flex-wrap: wrap;}
.cta_img {display: flex;}
.cta_img img {object-fit: contain; object-position: bottom right;}


/* 16 March 2026 */

/* ================================================================
   Lush Banners — Single Post Layout Styles
   Layout 1: main + right sidebar  (2-col)
   Layout 2: left sidebar + main + right sidebar  (3-col)
   Layout 3: left sidebar + main + right sidebar  (3-col)
================================================================ */

/* ── Reset / Base ─────────────────────────────────────────────────── */
.px-63 {padding-inline: 63px;}
.lb-single-post *,
.lb-single-post *::before,
.lb-single-post *::after {
    box-sizing: border-box;
}
.lb-single-post { width: 100%; font-family: inherit; color: #1a1a1a;}
/* ── Page Wrap Grids ──────────────────────────────────────────────── */

/* Layout 1: 2-column — main wide, right sidebar narrow */
.lb-wrap--single-sidebar { display: grid; grid-template-columns: 1fr 280px; grid-template-areas: "main sidebar-right"; gap: 32px; max-width: 1280px; margin: 0 auto; padding: 32px 20px; align-items: start;}
/* Layout 2 & 3: 3-column — left sidebar | main | right sidebar */

.lb-wrap--dual-sidebar { display: grid; grid-template-columns: 20% auto 20%; grid-template-areas: "sidebar-left main sidebar-right"; gap: 32px; max-width: 1780px; margin: 0 auto; padding: 60px 0px; align-items: start;}
/* Grid area assignments */
.lb-main { grid-area: main; min-width: 0; }
.lb-sidebar {background: #f8f9fa;}
.lb-sidebar--left { min-width: 0; position: sticky; top: -120px;}
.lb-sidebar--right {  min-width: 0; position: sticky; top: -50px;}
.elementor-widget-container:has(table) {overflow: auto hidden;}

/* Meta Group */
.lb-post-meta-group {display: flex; flex-wrap: wrap; gap: 15px; align-items: center; font-size: 16px; line-height: 24px;}
.lb-post-meta-group .lb-post-meta {margin-right: auto;}

/* Social Links */
.post_social_group {display: inline-flex; align-items: center; margin-bottom: 26px; padding: 9px 8px 9px 12px; border-radius: 8px; border: 1px solid #0585C8BF; box-shadow: 0px 4px 4px 0px #0000001A; background-color: #E6F6FE4D;}
.share_title {font-weight: 700; font-size: 20px; line-height: 30px;}
.social_link {display: flex; align-items: center; gap: 4px; margin: 0px; list-style: none; padding: 0px;}


/* ── Hero: Video ──────────────────────────────────────────────────── */
.lb-hero--video { width: 100%; background: #000; border-radius: 6px; overflow: hidden; margin-bottom: 24px;}
.lb-video-wrapper { position: relative; width: 100%; padding-top: 56.25%; }
.lb-video-wrapper iframe,
.lb-video-wrapper video,
.lb-video-wrapper embed,
.lb-video-wrapper object { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

/* ── Hero: Featured Image ─────────────────────────────────────────── */
.lb-hero--featured-image { width: 100%; border-radius: 6px; overflow: hidden; margin-bottom: 24px;}
.lb-featured-image { width: 100%; height: auto; object-fit: cover; display: block;}

/* ── Post Header ──────────────────────────────────────────────────── */
.lb-post-header { margin-bottom: 24px;}
.lb-post-title {font-weight: 700; line-height: 1.25; margin: 0 0 14px; color: #111;}
.lb-post-meta { display: flex; align-items: center; gap: 10px; color: #666;}
.lb-post-meta img {width: 60px; height: 60px; border-radius: 50%; object-fit: cover;}
.lb-avatar { border-radius: 50%; flex-shrink: 0;}
.lb-meta-info { display: flex; flex-direction: column; gap: 5px;}
.lb-author { font-weight: 400; color: var(--text-color);}
.lb-date { color: var(--Cool-Gray);}

/* ── Post Content ─────────────────────────────────────────────────── */
.lb-post-content { color: var(--text-color);}
.lb-post-content p { margin: 0 0 18px; }
.lb-post-content img{ max-width: 100%; height: auto; border-radius: 4px; margin: 16px 0; }
.lb-post-content h2,
.lb-post-content h3 { margin: 32px 0 12px; color: var(--text-color); }
.lb-post-content h2, .lb-post-content h3, .lb-post-content h4, .lb-post-content h5, .lb-post-content h6 {font-size: inherit !important; line-height: inherit !important;}

/* ── Sidebar Widgets — shared ─────────────────────────────────────── */
.lb-sidebar-widget { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 20px; margin-bottom: 24px;}
.lb-widget-title { font-weight: 600; font-size: 20px !important; line-height: 30px !important; color: var(--text-color); margin: 0px 0px 24px; }

/* ── Left Sidebar — Newsletter ────────────────────────────────────── */
.lb-widget--newsletter .lb-widget-desc { font-size: 13px; color: #666; margin: 0 0 12px; line-height: 1.5;}
.lb-newsletter-form { display: flex; flex-direction: column; gap: 10px;}
.lb-newsletter-input { padding: 13px 10px; border-radius: 5px; border: 0.5px solid #CECECE; width: 100%; font-size: 16px; line-height: 24px; color: var(--text-color); outline: none; transition: border-color 0.2s;}
.lb-newsletter-input:focus { border-color: var(--text-color);}
.lb-newsletter-btn { width: 100%; padding: 13px; background: var(--text-color); color: #fff; border: none; border-radius: 8px; font-size: 16px; line-height: 24px; font-weight: 600; cursor: pointer; transition: background 0.2s; margin-top: 12px;}
.lb-newsletter-btn:hover { background: var(--text-color);}
.floting_lable {position: relative; margin-bottom: 10px;}
.floting_lable label {margin: 0px; position: absolute; font-size: 16px; line-height: 32px; font-weight: 500; left: 13px; top: 9px; transition: all 0.2s;}
.floting_lable label span {color: var(--secondary-color); display: inline-flex; font-size: 20px; line-height: 1;}
.floting_lable .lb-newsletter-input {background-color: transparent; padding-inline: 13px;}
.lb-sidebar-widget .wpcf7-form p:focus-within label, .floting_lable label.hide { opacity: 0; visibility: hidden;}


.floting_lable textarea.lb-newsletter-input {max-height: 139px; resize: none;}
.lb-sidebar--right .lb-widget--newsletter {margin-top: 24px;}
.lead-form-title {font-weight: 700; font-size: 22px !important; line-height: 1.1 !important; margin: 0px 0px 16px;}
.lead-form-title span {color: var(--primary-color); margin: 0px 0px 18px;}
.submit_btn {position: relative;}
.submit_btn * {margin: 0px;}
.submit_btn * {margin: 0px;}
.submit_btn .wpcf7-spinner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wpcf7 form .wpcf7-response-output {margin: 2em 0 0; padding: 15px; border-radius: 4px; font-size: 16px; line-height: 24px;}
.submit_btn input[type="submit"].lb-newsletter-btn {font-size: 18px; line-height: 26px;}
.wpcf7-not-valid-tip {font-size: 13px;}

/* ── Left Sidebar — Categories ────────────────────────────────────── */
.lb-widget--categories .lb-category-list {list-style: none !important;margin: 0;padding: 0;}
.lb-widget--categories .lb-category-list::-webkit-scrollbar {
    width: 8px;
}

.lb-widget--categories .lb-category-list.active {max-height: 100%;}

.lb-widget--categories .lb-category-list::-webkit-scrollbar-track {
    background: #f1f1f1; /* dark track */
    border-radius: 10px;
}
.expand-btn {display: block;width: fit-content;margin: 1rem auto;cursor: pointer;}
.lb-widget--categories .lb-category-list::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #444, #222); /* dark gradient */
    border-radius: 10px;
    border: 1px solid #2a2a2a;
}

.lb-widget--categories .lb-category-list::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #666, #333); /* lighter on hover */
}
.lb-category-list {display: flex; flex-direction: column;}
.lb-category-item::marker{opacity: 0; visibility: hidden; display: none;}
.lb-category-item .lb-category-link {display: flex; align-items: center; gap: 16px; padding: 14px 12px; transition: all ease-in-out 0.3s; font-weight: 400; color: var(--Cool-Gray);margin: 5px;}
.lb-category-item:not(:last-child) .lb-category-link {border-bottom: 1px solid #CECECE;}
.lb-category-item .lb-category-link:hover {background-color: var(--white-color); border-radius: 12px; box-shadow: 0px 0px 20px 0px #0B598340; border-color: transparent !important;}
.lb-category-item:not(:first-child) .lb-category-link:hover {margin-top: 14px;}
.lb-category-item .lb-category-link .lb-category-image {width: 60px; height: 60px; flex: 0 0 auto; border-radius: 5px;}
.lb-category-item:nth-child(n+7) {display: none;}


/* ── Right Sidebar — Related Posts ───────────────────────────────── */
.lb-related-list { list-style: none; margin: 0; padding: 0;}
.lb-related-link { display: flex; gap: 10px; text-decoration: none; color: inherit;}
.lb-related-thumb { position: relative; flex-shrink: 0; width: 72px; height: 52px; border-radius: 4px; overflow: hidden;}
.lb-related-thumb img { width: 100%; height: 100%; object-fit: cover; display: block;}
.lb-video-badge { position: absolute; bottom: 4px; right: 4px; background: rgba(0,0,0,0.7); color: #fff; font-size: 9px; padding: 2px 5px; border-radius: 3px; line-height: 1;}
.lb-related-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; padding: 16px;}
.lb-related-item:not(:last-child) .lb-related-link {border-bottom: 1px solid #CECECE;}
.lb-related-link .arrow {width: 24px; height: 24px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--secondary-color);}
.lb-related-link, .lb-related-link * {transition: all ease-in-out 0.3s;}
.lb-related-link:hover .arrow {background-color: var(--secondary-color);}
.lb-related-link:hover .arrow svg path {fill: var(--white-color);}
.lb-related-tag { font-size: 10px; text-transform: uppercase; font-weight: 700; color: #999; letter-spacing: 0.4px;}
.lb-related-item-title { font-weight: 400; color:var(--text-color); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.15s;}
.lb-related-link:hover .lb-related-item-title { color: var(--primary-color);}
.lb-related-link:hover {background-color: var(--white-color);box-shadow: 0px 0px 20px 0px #0B598340; border-radius: 12px; border-color: transparent !important; margin-top: 16px;}
.lb-related-date { font-size: 11px; color: #bbb;}
.lb-no-related { font-size: 13px; color: #999; margin: 0;}


/* Table Content Table */
#ez-toc-container {border-color: #CECECE; border-radius: 10px; padding: 20px; box-shadow: 0px 0px 20px 0px #0B598340;}
#ez-toc-container ul.ez-toc-list.ez-toc-list-level-1{margin-top: 20px;}

.breadcrumbs-wrapper {padding: 20px 0;background: #e9ecef;}
.breadcrumbs-wrapper .breadcrumb{margin: 0px;font-size: 18px;padding: 0px;border-radius: 0px;background: transparent;gap: 15px;}
.breadcrumbs-wrapper .breadcrumb li {list-style: none;font-size: 16px;position: relative;padding-right: 15px;}
.breadcrumbs-wrapper .breadcrumb li a {transition: all ease-in-out 0.3s;}
.breadcrumbs-wrapper .breadcrumb li a:hover {text-decoration: underline;}
.breadcrumbs-wrapper .breadcrumb li::after{content: '';position: absolute;right: -3px;top: 9px;width: 6px;height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.995286 0.148349C0.745676 -0.0698391 0.366648 -0.0443507 0.148459 0.205039C-0.0695095 0.454648 -0.0440212 0.833676 0.205369 1.05186L4.48916 4.79996L0.205149 8.54828C-0.0444607 8.76646 -0.0697292 9.14549 0.14824 9.39488C0.366428 9.64449 0.745456 9.66998 0.995066 9.45179L5.79499 5.25172C5.92529 5.1379 6 4.9731 6 4.79996C6 4.62682 5.92529 4.46224 5.79499 4.3482L0.995286 0.148349Z' fill='%23292B2A'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;opacity: .7;}
.breadcrumbs-wrapper .breadcrumb li:last-child::after{display: none;}

/* Pagination */
.featured_category_slider .owl-item {margin-top: 20px;}
.navigation.pagination .nav-links {display:flex; align-items:center; justify-content:center; gap: 6px; margin: 0px auto 40px;}
.navigation.pagination .page-numbers{ position: relative; display:flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 12px; border:1px solid rgba(5,132,200,.15); border-radius:10px; background:var(--white-color); color:var(--Cool-Gray); font-size:14px; font-weight:600; text-decoration:none; transition:all .3s ease; overflow:hidden;}
.navigation.pagination .page-numbers::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:linear-gradient(90deg, #101820 0%, #101820 25%, #0585C8 25%, #0585C8 50%, #FCE300 50%, #FCE300 75%, #E10098 75%); transform:scaleX(0); transform-origin:left; transition:transform .3s ease;}
.navigation.pagination .page-numbers:hover{ color:var(--primary-color); border-color:rgba(5,132,200,.3); box-shadow:0 8px 20px rgba(5,132,200,.15);}
.navigation.pagination .page-numbers:hover::after,
.navigation.pagination .page-numbers.current::after{ transform:scaleX(1);}
.navigation.pagination .page-numbers.current{ color:var(--primary-color); border-color:rgba(5,132,200,.3); background:var(--white-color); box-shadow:0 8px 20px rgba(5,132,200,.15);}



/* Responsive CSS */

@media screen and (min-width : 1600px) {
 /* .top-header, .bottom-header {padding-inline: 63px;} */
    /* .header-menus li a {font-size: 18px !important; line-height: 20px !important;} */
    .header-menu-btn {gap: 16px !important;}
    .header-menu-btn .elementor-button {padding: 13px 16px !important;}
    .top-header>div>div{gap: 76px !important;}
    .icon-list ul li {margin-right: calc(59px / 2) !important; margin-left: calc(59px / 2) !important;}
}

@media screen and (max-width : 1635px) {
    .lb-sidebar--left { top: -150px;}
}
@media screen and (max-width : 1525px) and (min-width : 1441.98px) {
    /* .lb-sidebar--left {top: -70px;} */
    .lb-sidebar--right {top: -30px;}
}
@media screen and (max-width : 1441px) {

    .cta_content_side {margin-left: 50px; padding-block: 60px;}
    .cta_section h2 {margin-bottom: 20px;}

    /* category group Grid */
    .category_group {gap: 30px;}
    .category_group .left_side .category_item {padding: 30px; gap: 20px;}
    .category_group .left_side .category_title {font-size: 22px; line-height: 32px; }
    .category_group .right_side .category_item {padding: 16px; grid-template-columns: 32% auto 24px;  gap: 30px; ;}
    .category_group .right_side .category_title {font-size: 20px; line-height: 30px; font-weight: 500; color: #343434}
    .category_link svg {height: 20px;}
    .lb-widget-title {margin-bottom: 10px; font-size: 18px !important; line-height: 27px !important;}
    .lb-single-post {font-size: 18px; line-height: 28px;}
    .lb-sidebar {font-size: 16px; line-height: 26px;}
    .lb-category-item .lb-category-link {margin: 0px;}
    .lead-form-title {font-size: 20px !important; margin-bottom: 10px;}
    .lb-sidebar--right .lb-widget--newsletter {margin-top: 10px;}
    .lb-sidebar--left {top: -81px;}
    .lb-sidebar--right {top: 34px;}
    .floting_lable {margin-bottom: 10px;}
    .floting_lable textarea.lb-newsletter-input {max-height: 80px;}
    .lb-newsletter-input {padding-block: 7px;}
    .lb-widget--categories .lb-category-list {margin-bottom: 10px;}
    .lb-category-item:nth-child(3) .lb-category-link {border-bottom: none;}

    .floting_lable label {font-size: 14px; line-height: 24px; top: 13px; top: 7.5px;}
    .submit_btn input[type="submit"].lb-newsletter-btn {font-size: 16px; padding-block: 6px;}
    .lb-wrap--dual-sidebar {grid-template-columns: 240px auto 240px;}
    .lb-post-title {font-size: 30px;}

}
@media screen and (max-width : 1441px) and (min-width : 768px){
    .lb-sidebar--left .lb-category-list .lb-category-item:nth-child(4) {display: none; }
}
@media screen and (max-width : 1366px) {
    .owl_dots .owl-nav button {margin-top: -50px;}
    .owl_dots .owl-dots {margin-top: 50px;}

    .cta_section h2 {font-size: 30px; line-height: 40px;}

 

}
@media screen and (min-width : 1200.98px) {

    .container {padding-inline: 63px;}

    /* ── Post Header ──────────────────────────────────────────────────── */
    .lb-post-title { font-size: 40px !important;}
}
@media screen and (max-width : 1200px) {
.px-63 {padding-inline: 20px;}
p , .view_all_btn{font-size: 18px; line-height: 28px;}
.section-spacing {padding-block: 80px;}
.mab-60 {margin-bottom: 40px;}
.header-search-box button {width: 32px; height: 32px; min-width: 32px !important;}


.pagination_area {margin-top: 40px;}


.video_category_group .blog_category_item {max-width: calc(25% - 22.5px); flex: calc(25% - 22.5px); width: calc(25% - 22.5px);}

.blog_category_slider_grid {grid-template-columns: repeat(4, 1fr); }
.blog_category_title {font-size: 15px; line-height: 20px; }

.owl_navs .owl-nav button {width: 40px; height: 40px;}
.featured_category_slider {padding-inline: 34px;}
.lb-sidebar--left {top: -105px;}
.lb-sidebar--right {top: 10px;}
}
@media screen and (max-width : 1439px) and (min-width : 1024.98px) {

    header .bottom-header {flex-direction: column-reverse !important;}
    header .bottom-header>div, .header-menus .hfe-nav-menu{width: 100% !important; justify-content: center;}
}
@media screen and (max-width : 1024px) {

    .section-spacing {padding-block: 60px;}


    .owl_dots .owl-nav button {margin-top: -40px;}
    .owl_dots .owl-dots {margin-top: 40px;}


    .grid-3 {grid-template-columns: repeat(2, 1fr);}


    .page_title {font-size: 35px;}

    .lb-widget--categories .lb-category-list {max-height: unset;}

    /* category group Grid */
    .category_group .left_side .category_item {padding: 24px; gap: 20px;}
    .category_group .left_side .category_title {font-size: 20px; line-height: 30px; }
    .category_group .right_side .category_item {gap: 20px;}
    .category_group .right_side .category_title {font-size: 16px; line-height: 26px; }

    
    .lb-wrap--dual-sidebar { grid-template-columns: 1fr 260px; grid-template-areas: "main sidebar-right" "sidebar-left sidebar-left"; } 
    .lb-wrap--single-sidebar { grid-template-columns: 1fr 260px; }

    .lb-sidebar--left {top: -130px;}
}
@media screen and (max-width : 991px) {

.video_category_group .blog_category_item {max-width: calc(33.33% - 20px); flex: calc(33.33% - 20px); width: calc(33.33% - 20px);}


.cta_section {flex-direction: column; padding: 0px;}
.cta_content_side {margin: 0px auto; text-align: center; padding-inline: 20px;}
.group_btn {justify-content: center ;}

.blog_category_slider_grid {grid-template-columns: repeat(3, 1fr); }
}

@media screen and (max-width : 767.98px) {

    .video_category_group .blog_category_item {max-width: calc(50% - 15px); flex: calc(50% - 15px); width: calc(50% - 15px);}


    /* Author Page */

    .author-box .author-avatar {width: 100%;}
    .author_content {font-size: 16px; line-height: 24px;}
    .author_content .author_name {margin: 0px 0px 12px;}
    .author_designation {font-size: 20px;}
    .author_tags {margin-bottom: 15px;}


    .page_title {font-size: 30px;}


    .cta_section h2 {font-size: 25px; line-height: 35px;}

    .lb-widget-title {font-size: 18px !important; line-height: 28px !important;}

    h1, .h1 {
    line-height: 1.9rem;
    font-size: 1.5625rem;}
    .featured_category_slider {padding-inline: 20px;}


    /* category group Grid */
    .category_group {grid-template-columns: 1fr;}

    .lb-wrap--dual-sidebar, .lb-wrap--single-sidebar { grid-template-columns: 1fr; grid-template-areas: "main" "sidebar-right" "sidebar-left";  gap: 24px; } 
    .lb-featured-image { max-height: 260px; } 
    .lb-sidebar--left, .lb-sidebar {position: unset;}
    .lb-post-title {font-size: 22px;}
}
@media screen and (max-width : 600px) {

    .grid-3 {grid-template-columns: repeat(1, 1fr);}
    
.blog_category_slider_grid {grid-template-columns: repeat(2, 1fr); }
.blog_category_title { margin: 10px 0px 0px; font-size: 14px; line-height: 20px;}
}
@media screen and (max-width : 576px) {
    header .icon-list ul li:not(:last-child) {display: none;}


    .owl_dots .owl-dots button {width: 10px;}
    .owl_dots .owl-dots button.active {width: 30px;}


    .pagination_area .previouspostslink {margin-right: 10px;}
    .pagination_area .nextpostslink {margin-left: 10px;}
    .pagination_area .page, .pagination_area .current, .pagination_area .extend {height: 30px; width: 30px; font-size: 13px; line-height: 20px;}


    /* Post Card */

    .post_category {font-size: 13px; line-height: 22px;}
    /* .post_title {font-size: 18px; line-height: 28px;} */
    .post_author_img {width: 50px; height: 50px;}
    .post_info p {font-size: 14px; line-height: 22px;}


    .video_category_group .blog_category_item .blog_category_title {font-size: 14px; line-height: 20px; margin-top: 10px;}


    .page_banner_left_shap, .page_banner_right_shap {display: none;}

    
    /* category group Grid */
    .category_group .right_side .category_item {gap: 10px; padding: 10px; grid-template-columns: 40% auto 20px;}
    .category_link svg {height: 18px;}
	
	li#menu-item-9517{margin-left: 15px;}
	
	.navigation.pagination .page-numbers {min-width: 36px; padding: 0px 5px;}
	.navigation.pagination .nav-links {gap: 2px}
	
}



/* New Header CSS */
.site-header a{ text-decoration:none; color:inherit; }
.site-header ul, .mobile-nav ul{ margin:0; padding:0; list-style:none; }
.site-header ul:not(:last-child) {margin-bottom: 20px;}
.site-header button{ font-family:inherit; cursor:pointer; }
.font_bold {font-weight: 700 !important; text-decoration: underline !important;}
/* ---------------- HEADER ---------------- */
.site-header{ position:sticky; top:0; z-index:200; background:var(--white-color); border-bottom:1px solid #e2e8f0;}

.header-inner{ position: relative; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 63px; height:var(--header-height);}

.brand{ font-weight:700; font-size:20px; letter-spacing:.2px; color:var(--Cool-Gray-800); white-space:nowrap;}
.brand span{ color:var(--primary-color); }

/* Desktop nav */
.main-nav{ display:flex; height:100%; flex:1;}
.main-nav > ul{ display:flex; height:100%;}
.nav-item{ display:flex; align-items:center; height:100%;}
.nav-link{ font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: 0px; color:var(--Cool-Gray-800); padding: 20px 24px 20px 0px; display:inline-flex; align-items:center; height:100%; transition:color .15s ease, border-color .15s ease; position: relative;}
.nav-link::before {  content: ""; width: calc(100% - 24px); height: 2px; position: absolute; bottom: 0; left: 0; right: 0; background: #101820; background: linear-gradient(90deg, rgb(16, 24, 32) 0%, rgb(16, 24, 32) 25%, rgb(5, 133, 200) 25%, rgb(5, 133, 200) 50%, rgb(252, 227, 0) 50%, rgb(252, 227, 0) 75%, rgb(225, 0, 152) 75%); transition: all .5s; transform: scale(0); transform-origin: left;}
.nav-item.has-mega.is-open > .nav-link,
.nav-link:hover,
.nav-link:focus-visible{ color:var(--primary-color); }
.nav-link:hover::before {transform: scale(1);}

.header-actions{ display:flex; align-items:center; gap:12px; white-space:nowrap;}
.btn{ font-size:14px; line-height: 20px; font-weight:400; padding:13px 16px; border-radius:8px; border:1px solid transparent;}
.btn-outline{ background:var(--white-color); color:var(--primary-color) !important; border-color:var(--primary-color);}
.btn-outline:hover{ background: var(--primary-color); color: var(--white-color) !important; }
.btn-solid{ background:var(--warning-color); color: var(--text-color) !important;}
.btn-solid:hover{ background-color: var(--white-color); border-color: var(--text-color);}

.rating-badge{ display:flex; align-items:center; }

.mobile-toggle{ display:none; background:none; border:none; padding:8px; color:var(--Cool-Gray-800);}
.mobile-toggle svg{ width:26px; height:26px; }

/* ---------------- MEGA MENU ---------------- */
.mega-menu{ position:absolute; min-width: 100vw; width: 100%; left:50%; transform: translateX(-50%); top:100%; background:var(--white-color); border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; box-shadow:0 16px 32px -12px rgba(15,23,42,0.15); opacity:0; visibility:hidden; transition:opacity .16s ease, transform .16s ease, visibility .16s; z-index:150;}
.nav-item.has-mega.is-open .mega-menu{ opacity:1; visibility:visible;}

.mega-inner{margin:0 auto; padding:28px 63px; display:grid; grid-template-columns: repeat(5, 1fr); gap:28px;}

.mega-col {max-height: 400px; overflow: hidden auto;  overflow-y: auto; scrollbar-width: thin; scrollbar-color: #5fa8d3 #f2f2f2;}
.mega-col::-webkit-scrollbar {
    width: 8px;
}

.mega-col::-webkit-scrollbar {
    width: 10px !important;
    border-radius: 25px !important;
    background-color: transparent;
}
.mega-col::-webkit-scrollbar-thumb { border: 0px solid rgba(0, 0, 0, 0) !important; }

.mega-col h5{ margin:0 0 12px; font-size:17px; line-height: 24px; font-family: "Metropolis", Sans-serif; font-weight: 700 !important; text-transform:none;}
.mega-col h5 a{ font-weight:700; text-decoration: underline !important;}
.mega-col h5.underline{ text-decoration:underline; }

.cat-list {display: flex; flex-direction: column; gap: 4px;}
.cat-list li, .prod-list li{ padding:4px 0px; font-size:16px; line-height: 24px; color:var(--text-color); cursor:pointer; transition: all ease-in-out 0.3s}
.cat-list li:hover, .cat-list li:focus-visible,
.cat-list li.active{ color:var(--link-color);}
.cat-list li a {position: relative;}
.cat-list li a:not(.font_bold)::before{ content: ""; height: 1px !important; width: 100%; position: absolute; left: 0; bottom: -3px; background: #101820; background: linear-gradient(90deg, rgb(16, 24, 32) 0%, rgb(16, 24, 32) 25%, rgb(5, 133, 200) 25%, rgb(5, 133, 200) 50%, rgb(252, 227, 0) 50%, rgb(252, 227, 0) 75%, rgb(225, 0, 152) 75%); transition: all .5s; transform: scale(0); transform-origin: left bottom;}
.cat-list li a:hover:before {transform: scale(1);}

.prod-list li:hover, .prod-list li:focus-visible,
.prod-list li.active{ color:var(--link-color);}
.tag-hot, .tag-new{ color:#EA7A00;  font-style:italic; margin-left:4px; }

.see-all{ display:inline-flex; align-items:center; gap:4px; margin-top:14px; font-size:13px; font-weight:600; color:var(--link-color);}

.prod-panel[hidden], .preview-card[hidden]{ display:none; }

.preview-card{ width:100%; padding: 20px; border: 1px solid #e5e5e5; border-radius: 15px; text-align: center;}
.preview-card .preview-visual{ width:100%;display:flex; align-items:center; justify-content:center; margin-bottom:12px; overflow:hidden;}
.preview-card img{ object-fit: contain;}
.preview-card h4{ margin:0 0 6px; font-size: 16px; line-height: 24px;}
.preview-card p{ margin:0; font-size: 14px; line-height:20px; color:var(--Cool-Gray); }

.list-plain li{ padding:4px 0; font-size:16px; line-height: 24px; }
.list-plain li a:hover{ color:var(--link-color); text-decoration:underline; }

.enterprise-visual{ margin-top:14px; border-radius:8px; overflow:hidden;}
.enterprise-visual img{ width:100%; height:100%; display:block; object-fit: contain; border-radius: 10px;}
.enterprise-caption{ display:block; margin-top:8px; font-size:12.5px; color:var(--link-color); font-weight:600; text-decoration:underline; line-height:1.3;}

/* ---------------- MOBILE NAV ---------------- */
.mobile-nav-overlay{ position:fixed; inset:0; background:rgba(15,23,42,.4); z-index:250; opacity:0; visibility:hidden; transition:opacity .2s ease, visibility .2s;}
.mobile-nav-overlay.open{ opacity:1; visibility:visible; }

.mobile-nav{ position:fixed; top:0; bottom:0; right:0; width:min(320px,100vw); background:var(--white-color); z-index:260; transform:translateX(100%); transition:transform .22s ease; display:flex; flex-direction:column; box-shadow:-8px 0 24px rgba(15,23,42,.15);}
.mobile-nav.open{ transform:translateX(0); }

.mobile-nav-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid #e2e8f0;}
.mobile-nav-header strong{ font-size:16px; line-height: 24px; }
.mobile-close{ background:none;border:none;padding:6px;color:var(--Cool-Gray-800); }
.mobile-close svg{ width:22px;height:22px; }

.mobile-nav-body{ overflow-y:auto; padding:8px 6px 24px; flex:1; }

.m-item{ border-bottom:1px solid #e2e8f0; }
.m-item-head{ display:flex; align-items:center; justify-content:space-between; width:100%; background-color:transparent !important; border:none !important; outline: none !important; border-radius: 0px !important; text-align:left; padding:14px 12px !important; font-size:16px !important; font-weight:600 !important; color:var(--Cool-Gray-800) !important;}
.m-item-head .chev{ transition:transform .18s ease; color:#94A3B8; }
.m-item.open > .m-item-head .chev{ transform:rotate(180deg); }
.m-item-head:hover{ color:var(--primary-color); }

.m-sub{ max-height:0; overflow:hidden; transition:max-height .22s ease; background:var(--Cool-Gray-50);}
.m-item.open > .m-sub{ max-height:3000px; }

.m-cat{ border-top:1px solid #e2e8f0; }
.m-cat:first-child{ border-top:none; }
.m-cat-head{ display:flex; align-items:center; justify-content:space-between; width:100%; background-color:transparent !important;border:none !important; border-radius: 0px !important; outline: none !important; text-align:left; padding:11px 12px 11px 22px !important; font-size:14px !important; line-height: 24px !important; font-weight:600 !important; color:var(--Cool-Gray-800) !important;}
.m-cat-head .chev{ width:14px;height:14px; transition:transform .18s ease; color:#94A3B8; }
.m-cat.open > .m-cat-head .chev{ transform:rotate(180deg); }

.m-prod{ max-height:0; overflow:hidden; transition:max-height .2s ease; }
.m-prod.show {max-height: unset;}
.m-cat.open > .m-prod{ max-height:800px; }
.m-prod li a{ display:block; padding:5px 12px 5px 34px; font-size:13px; color:#334155;}
.m-prod li a:hover{ color:var(--link-color); }

.mobile-nav-footer{ padding:16px 18px; border-top:1px solid #e2e8f0; display:flex; flex-direction:column; gap:10px;}
.mobile-nav-footer .btn{ width:100%; text-align:center; }

@media (min-width: 1300.98px){ 
.mobile-nav-overlay, .mobile-nav{ display:none; }
}

@media (max-width: 1300px){ 
.main-nav{ display:none; } 
.mobile-toggle{ display:inline-flex; } 
.header-actions{ gap:8px; width: 100%; justify-content: center;} 
.header-inner{ padding:0 16px; }
.enterprise-visual {padding: 0px 12px 5px 34px;}
}

@media (max-width: 768px){ 
.header-actions  {justify-content: space-between;}
.header-actions .btn {display: none;}
}
@media (max-width: 460px){ 
.btn-solid{ padding:8px 12px; font-size:12.5px; } 
.brand{ font-size:17px; }
}