.categoryPosts.horizontal { display: flex; gap: 2rem; max-width: 80rem; margin: 0 auto; }
.horizontal .postItem { background: #111827; border-radius: 1em; border: 1px solid #344256; font-size: 0.85em; flex: 1; overflow: hidden; transition: 0.5s cubic-bezier(.4,0,.2,1); animation-delay: 0.2s; }
.horizontal .postItem .textWrapper { padding: 2em; }
.horizontal .postImage { position: relative; width: 100%; height: 12rem; display: block; overflow: hidden; }
.elementor .horizontal  .postImage img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.horizontal .postExcerpt { position: absolute; top: 1em; left: 1em; font-size: 0.8em; padding: 0.25rem 0.75rem; background-color: var(--color-primary); border-radius: 1em; z-index: 2; }
.horizontal .postItem .postExcerpt p { color: var(--e-global-color-2111726); }
.elementor-kit-7 .horizontal  .postItem h3 { color: #ffffff; font-size: 1.25em; }
.horizontal .postItem h5 { font-size: 1em; font-weight: normal; color: var(--e-global-color-primary); }
.horizontal .postItem p { color: #ffffff; }
.elementor .horizontal  .postItem hr { border-top: 1px solid #34425680; margin: 1em 0; }
.horizontal .postItem:hover { transform: translateY(-0.5em); background: #001B2F; }

.bluebell-intro-text { text-align: center; max-width: 64rem; margin: 4em auto 2em; font-size: 1.5rem; }
.bluebell-intro-text h4,
.bluebell-intro-text h5 { font-size: 4.5rem; }
.bluebell-intro-text em { color: #94a3b8cc; }

.categoryPosts.circular { width: 30rem; height: 30rem; max-width: 450px; max-height: 450px; margin: 0 auto; position: relative; background: url(circle.svg) no-repeat center center; background-size: 84% auto; }
.circular .postIcon { position: absolute; width: 5rem; height: 5rem; padding: 4.5%; border-radius: 50%; background: grey; box-sizing: border-box; border: 1.5px solid #344256; background-image: linear-gradient(145deg, rgb(17, 24, 39), rgb(52, 66, 86)); transition: 0.5s cubic-bezier(.4,0,.2,1); }
.circular .postItem:nth-child(1) .postIcon { top: 0; left: 50%; margin-left: -2.5rem; }
.circular .postItem:nth-child(2) .postIcon { top: 50%; right: 0; margin-top: -2.5rem; }
.circular .postItem:nth-child(3) .postIcon { bottom: 0; left: 50%; margin-left: -2.5rem; }
.circular .postItem:nth-child(4) .postIcon { top: 50%; left: 0; margin-top: -2.5rem; }
.circular .postItem svg { width: 100%; height: auto; }
.circular .textWrapper { position: absolute; opacity: 0; visibility: hidden; border-radius: 1em; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid var(--color-primary); transform: translateY(2em); box-sizing: border-box; padding: 2em; background: var(--e-global-color-2111726); z-index: 3; width: 30vw; max-width: 450px; box-shadow: 0 0 30px -10px var( --e-global-color-accent ); }
.circular .postIcon:hover { box-shadow: 0 0 30px -10px var( --e-global-color-accent ); border-color: var( --e-global-color-accent ); transform: scale(1.1); }
.circular .postIcon:hover + .textWrapper { opacity: 1; visibility: visible; transform: translateY(0); }
.circular .postItem:nth-child(1) .textWrapper  { top: 5.5rem; left: 0; }
.circular .postItem:nth-child(2) .textWrapper  { top: 5.5rem; right: 5.5rem; }
.circular .postItem:nth-child(3) .textWrapper  { bottom: 5.5rem; left: 0; }
.circular .postItem:nth-child(4) .textWrapper  { top: 5.5rem; left: 5.5rem; }
.circular .textWrapper h3 { font-size: 1.3em; line-height: 1.5em; }
.circular .textWrapper h5 { font-size: 1em; line-height: 1.5em; }


.categoryPosts.col2-posts { max-width: 72rem; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 2rem; }
.col2-posts .postItem { background: #111827; background-image: linear-gradient(145deg, rgb(17, 24, 39), rgb(52, 66, 86)); border-radius: 1em; border: 1px solid #344256; overflow: hidden; transition: 0.5s cubic-bezier(.4,0,.2,1); animation-delay: 0.2s; width: calc(50% - 1rem); }
.col2-posts .postItem a { display: block; width: 100%; }
.col2-posts .postItem .textWrapper { padding: 2em; }
.col2-posts .postImage { position: relative; width: 100%; height: 12rem; display: block; overflow: hidden; }
.elementor .col2-posts  .postImage img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.col2-posts .postExcerpt { position: absolute; top: 1em; left: 1em; font-size: 0.8em; padding: 0.25rem 0.75rem; background-color: var(--color-primary); border-radius: 1em; z-index: 2; }
.col2-posts .postItem .postExcerpt p { color: var(--e-global-color-2111726); }
.elementor-kit-7 .col2-posts  .postItem h3 { color: #ffffff; font-size: 1.25em; margin-bottom: 1em; transition: 0.5s cubic-bezier(.4,0,.2,1);  }
.col2-posts .postItem h5 { font-size: 1.1em; font-weight: bold; color: var(--e-global-color-primary); margin-bottom: 1em; }
.col2-posts .postItem p { color: var( --e-global-color-primary ); margin-bottom: 1em; }
.col2-posts .postItem em { color: rgba(148, 163, 184, 0.8); font-size: 0.85em; margin-bottom: 1em; }
.elementor .col2-posts  .postItem hr { border-top: 1px solid #34425680; margin: 1em 0; }
.col2-posts .postItem:hover { transform: translateY(-0.5em); border-color: var( --e-global-color-accent ); box-shadow: 0 0 30px -10px var( --e-global-color-accent ); }
.elementor-kit-7 .col2-posts  .postItem:hover h3 { color: var( --e-global-color-accent ); }
.col2-posts .postItem .my-post-content { margin-bottom: 1em; }
.col2-posts .postItem .buttonWrapper { color: var( --e-global-color-accent ); display: flex; alig-items: center; font-size: 0.8em; font-weight: bold; }
.col2-posts .postItem .buttonWrapper svg { width: 1em; margin-left: 0.5em; height: auto; transition: 0.5s cubic-bezier(.4,0,.2,1); animation-delay: 0.2s; }
.col2-posts .postItem:hover .buttonWrapper svg { margin-left: 1em; }

.categoryPosts.list { max-width: 80rem; margin: 0 auto; }
.list .postItem { background: #111827; background-image: linear-gradient(145deg, rgb(17, 24, 39), rgb(52, 66, 86)); border-radius: 1em; border: 1px solid #344256; overflow: hidden; transition: 0.5s cubic-bezier(.4,0,.2,1); animation-delay: 0.2s; margin-bottom: 2em; }
.list .postItem a { width: 100%; display: flex; }
.list .postItem .textWrapper { padding: 2em; width: 75%; }
.list .postImage { position: relative; width: 25%; display: block; overflow: hidden; }
.elementor .list  .postImage img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: 0.5s cubic-bezier(.4,0,.2,1); }
.elementor .list .postItem:hover .postImage img { transform: scale(1.05); }
.list .postExcerpt { position: absolute; top: 1em; left: 1em; font-size: 0.8em; padding: 0.25rem 0.75rem; background-color: var(--color-primary); border-radius: 1em; z-index: 2; }
.list .postItem .postExcerpt p { color: var(--e-global-color-2111726); }
.elementor-kit-7 .list  .postItem h3 { color: #ffffff; font-size: 1.25em; margin-bottom: 1em; transition: 0.5s cubic-bezier(.4,0,.2,1);  }
.list .postItem h5 { font-size: 1.1em; font-weight: bold; color: var(--e-global-color-primary); margin-bottom: 1em; }
.list .postItem p { color: var( --e-global-color-primary ); margin-bottom: 1em; }
.list .postItem em { color: rgba(148, 163, 184, 0.8); font-size: 0.85em; margin-bottom: 1em; }
.elementor .list  .postItem hr { border-top: 1px solid #34425680; margin: 1em 0; }
.list .postItem:hover { transform: translateY(-0.5em); border-color: var( --e-global-color-accent ); box-shadow: 0 0 30px -10px var( --e-global-color-accent ); }
.elementor-kit-7 .list  .postItem:hover h3 { color: var( --e-global-color-accent ); }
.list .postItem .my-post-content { margin-bottom: 1em; }
.list .postItem .buttonWrapper { color: var( --e-global-color-accent ); display: flex; align-items: center; font-size: 0.8em; font-weight: bold; }
.list .postItem .buttonWrapper svg { width: 1em; margin-left: 0.5em; height: auto; transition: 0.5s cubic-bezier(.4,0,.2,1); animation-delay: 0.2s; }
.list .postItem:hover .buttonWrapper svg { margin-left: 1em; }

.categoryPosts.blog-post { max-width: 72rem; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 2rem; }
.blog-post .postItem { background: #111827; background-image: linear-gradient(145deg, rgb(17, 24, 39), rgb(52, 66, 86)); border-radius: 1em; border: 1px solid #344256; overflow: hidden; transition: 0.5s cubic-bezier(.4,0,.2,1); animation-delay: 0.2s; width: calc(33.333% - 1.333rem); }
.blog-post .postItem a { display: block; width: 100%; color: var( --e-global-color-primary ); }
.blog-post .postItem a:hover { color: var( --e-global-color-primary ); }
.blog-post .postItem .author { font-size: 0.8em; margin-bottom: 1.2em; display: flex; align-items: center; }
.blog-post .postItem .author svg { height: 1.3em; width: auto; margin-right: 0.5em; }
.blog-post .postItem .textWrapper { padding: 2em; }
.blog-post .postImage { position: relative; width: 100%; height: 12rem; display: block; overflow: hidden; }
.elementor .blog-post  .postImage img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.blog-post .postExcerpt { position: absolute; top: 1em; left: 1em; font-size: 0.8em; padding: 0.25rem 0.75rem; background-color: var(--color-primary); border-radius: 1em; z-index: 2; }
.blog-post .postItem .postExcerpt p { color: var(--e-global-color-2111726); }
.elementor-kit-7 .blog-post  .postItem h3 { color: #ffffff; font-size: 1.25em; margin-bottom: 1em; transition: 0.5s cubic-bezier(.4,0,.2,1);  }
.blog-post .postItem h5 { font-size: 1.1em; font-weight: bold; color: var(--e-global-color-primary); margin-bottom: 1em; }
.blog-post .postItem p { color: var( --e-global-color-primary ); margin-bottom: 1em; }
.blog-post .postItem em { color: rgba(148, 163, 184, 0.8); font-size: 0.85em; margin-bottom: 1em; }
.elementor .blog-post  .postItem hr { border-top: 1px solid #34425680; margin: 1em 0; }
.blog-post .postItem:hover { transform: translateY(-0.5em); border-color: var( --e-global-color-accent ); box-shadow: 0 0 30px -10px var( --e-global-color-accent ); }
.elementor-kit-7 .blog-post  .postItem:hover h3 { color: var( --e-global-color-accent ); }
.blog-post .postItem .my-post-content { margin-bottom: 1em; }
.blog-post .postItem .blogPostBottom { font-size: 0.8em; display: flex; align-items: center; justify-content: space-between; }
.blog-post .postItem .buttonWrapper { color: var( --e-global-color-accent ); display: flex; align-items: center; font-weight: bold; }
.blog-post .postItem .buttonWrapper svg { width: 1em; margin-left: 0.5em; height: auto; transition: 0.5s cubic-bezier(.4,0,.2,1); animation-delay: 0.2s; }
.blog-post .postItem:hover .buttonWrapper svg { margin-left: 1em; }

.iconList.elementor-widget.elementor-align-center .elementor-inline-items { padding: 2em 0; }
.elementor-icon-list-item.elementor-inline-item { flex: 1; }
.iconList .elementor-icon-list-item { display: flex; text-align: center; flex-direction: column; justify-content: center; text-align: center; margin-bottom: 2em; }
.iconList .elementor-icon-list-icon { position: relative; width: 5rem; height: 5rem; padding: 1em; border-radius: 50%; background: grey; box-sizing: border-box; border: 1.5px solid #344256; background-image: linear-gradient(145deg, rgba(17, 24, 39, 0), rgba(52, 66, 86, 0)); transition: 0.5s cubic-bezier(.4,0,.2,1); margin-bottom: 1em; background-color: rgba(0, 18, 36, 0.5); border-color: rgba(52, 66, 86, 0.3); }
.elementor-6584 .elementor-element.elementor-element-8fbad02.iconList .elementor-icon-list-icon svg { width: 100%; height: auto; fill: none; }
.iconList .elementor-icon-list-icon svg { color: rgb(148, 163, 184); }
.iconList .elementor-icon-list-item.active:nth-child(1) svg { color: #60a5fa; }
.iconList .elementor-icon-list-item.active:nth-child(2) svg { color: #4ade80; }
.iconList .elementor-icon-list-item.active:nth-child(3) svg { color: #c084fc; }
.iconList .elementor-icon-list-item.active:nth-child(4) svg { color: #fb923c; }
.iconList .elementor-icon-list-item.active .elementor-icon-list-icon { background-image: linear-gradient(145deg, rgb(17, 24, 39), rgb(52, 66, 86)); transition: 0.5s cubic-bezier(.4,0,.2,1); margin-bottom: 1em; background-color: rgba(0, 18, 36, 0.5);  }
.elementor-6584 .elementor-element.elementor-element-8fbad02 .elementor-icon-list-item.active .elementor-icon-list-icon { transform: scale(1.1); border-color: var( --e-global-color-accent ); box-shadow: 0 0 30px -10px var( --e-global-color-accent ); }
.elementor-6584 .elementor-element.elementor-element-8fbad02 .elementor-icon-list-item.active .elementor-icon-list-text { color: #ffffff; }
.iconList.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text { padding-inline-start: 0; }

.iconBox .elementor-widget-container { text-align: center; }
.iconBox.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper { display: inline-flex; width: auto; border: 1px solid red; margin: 0 auto; padding: 0.5em 1.75em; backdrop-filter: blur(4px); background-color: rgba(43, 50, 59, 0.5); border: 0.666667px solid rgb(52, 66, 86);  border-radius: 0.8em;  margin-bottom: 2em; }

.elementor-container .pxl-accordion-wrapper.pxl-accordion-default .pxl-accordion-item {  padding: 0 1.5em; background-color: rgba(0, 18, 36, 0.5); border: 1px solid rgb(52, 66, 86); border-radius: 1em; margin-bottom: 1em; }
footer .elementor-icon.elementor-social-icon { width: auto; }
footer .elementor-social-icon svg { fill: none; color: var( --e-global-color-primary ); }
footer h5 { font-size: 1em; }
footer .elementor-widget-text-editor h5,
footer .elementor-widget-text-editor p { line-height: 2em; }
footer .elementor-7079 .elementor-element.elementor-widget h5 a { color: #ffffff; }
footer .elementor-7079 .elementor-element.elementor-widget h5 a:hover,
footer .elementor-7079 .elementor-element.elementor-widget a:hover { color: var( --e-global-color-accent ); }

button .pxl-button-icon,
.button .pxl-button-icon { transition: 0.5s cubic-bezier(.4,0,.2,1); }
button:hover .pxl-button-icon,
.button:hover .pxl-button-icon { margin-left: 0.5em; transition: 0.5s cubic-bezier(.4,0,.2,1); }

.circleIcon .elementor-icon { width: 4rem; height: 4rem; padding: 1rem; background-color: rgba(0, 212, 255, 0.1); transition: 0.5s cubic-bezier(.4,0,.2,1); border-radius: 50%; }
.circleIcon .elementor-widget-icon.elementor-view-default .elementor-icon svg { fill: none; color: var( --e-global-color-accent ); width: 100%; height: auto; }
.circleIcon .elementor-element:hover .elementor-icon { background-color: rgba(0, 212, 255, 0.2)