:root {
     --hff: "Prata", serif;
     /* heading font (Prata) */
     /* --bff: "Lexend Deca", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
     --bff: "Prata", serif;

     /* body font */
     --bbc: #E7E5D4;
     --mc1: #FF4848;
     --sc1: #f7efc2;
     --abh: 0;
     --bc: #6e6c56;
     --etc: #464536;
     --hc: #181a2b;
     --h2c: #060C14;
     --bbc-85: rgba(231, 229, 212, .85);
 }

 html {
     scroll-behavior: smooth;
 }

 html,
 body {
     height: 100%;
     margin: 0;
     padding: 0;
     font-size: 16px;
     line-height: 1.5;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 /* Apply fonts */
 body {
     font-family: var(--hff);
     background-color: var(--bbc);
     color: #111;
     display: flex;
     flex-direction: column;
 }

 main {
     flex: 1;
 }

 a:hover {
     color: #000;
 }

 input[type=button],
 input[type=submit],
 button {
     border: none;
     height: 50px;
     font-weight: 500;
     font-size: 15px;
     padding: 0 30px;
     letter-spacing: .5px;
     background-color: #333;
     color: #f5f5f5;
     text-transform: uppercase;
     cursor: pointer;
     transition: .3s;
     outline: none;
     font-family: var(--bff);
 }

 /* Headings */
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: var(--hff);
     margin: 0 0 .5rem 0;
     line-height: 1.15;
     /* you can set different weights/sizes per heading */
 }

 h1 {
     font-size: clamp(1.6rem, 2.5vw, 2.5rem);
     font-weight: 400;
 }

 h2 {
     font-size: 1.6rem;
     font-weight: 400;
 }

 h3 {
     font-size: 1.25rem;
     font-weight: 400;
 }

 .eyolo__subscribe_btn {
     cursor: pointer;
     display: flex;
     text-transform: uppercase;
     font-size: 14px;
     line-height: 20px;
     background-color: rgb(247, 239, 194);
     align-items: center;
     color: rgb(6, 12, 20);
     height: auto;
     padding: 8px 16px;
     border-radius: 25px;
     gap: 8px;
 }

 .eyolo__subscribe_btn .fn__svg {
     width: 18px;
     height: 18px;
     color: #ff4848;
     transition: .4s;
 }

 .fn__svg {
     width: 20px;
     height: 20px;
     fill: currentColor;
 }

 .eyolo__subscribe_btn {
     cursor: pointer;
     display: flex;
     text-transform: uppercase;
     font-size: 14px;
     line-height: 20px;
     padding: 8px 16px;
     border-radius: 25px;
     background-color: #f7efc2;
     gap: 8px;
     align-items: center;
     color: #060c14;
     height: auto;
 }

 .border_bottom {
     border-bottom: 1px solid #0000000a;
 }

 header {
     padding: 12px 0;
     position: relative !important;
 }

 header .header_left {
     display: flex;
     align-items: center;
     gap: 40px;
 }

 .eyolo__trigger_btn span:nth-child(1) {
     width: 16px;
     height: 2px;
     display: block;
     background-color: var(--h2c);
     margin-bottom: 8px;
     transition: .4s;
 }

 .eyolo__trigger_btn span:nth-child(2) {
     width: 32px;
     height: 3px;
     display: block;
     background-color: var(--h2c);
     margin-bottom: 8px;
     transition: .4s;
 }

 .eyolo__trigger_btn span:nth-child(3) {
     width: 16px;
     height: 2px;
     display: block;
     background-color: var(--h2c);
     margin-left: auto;
     transition: .4s;
 }

 .flexclass_center {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .flexclass_end {
     display: flex;
     justify-content: end;
     align-items: center;
 }

 .eyolo__trigger_btn {
     cursor: pointer;
     width: 32px;
     padding: 0;
     margin: 0;
     background: none;
 }


 .eyolo__search_btn {
     height: auto;
     margin: 0;
     font-family: var(--bff);
     cursor: pointer;
     padding: 8px 0;
     text-transform: uppercase;
     font-size: 14px;
     display: flex;
     align-items: center;
     background: none;
     color: var(--h2c);
     line-height: 1.5;
 }

 .main_heading .blog_page_heading {
     font-size: 2rem;
     color: var(--h2c);
     margin-bottom: 0;
     text-align: center;
     position: relative;
     display: inline-block;
 }

 /* LEFT LINE */
 .main_heading .blog_page_heading::before {
     content: '';
     width: 25%;
     height: 1px;
     background-color: var(--h2c);
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateX(-180%) translateY(-50%);
 }

 /* RIGHT LINE */
 .main_heading .blog_page_heading::after {
     content: '';
     width: 25%;
     height: 1px;
     background-color: var(--h2c);
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateX(180%) translateY(-50%);
 }

 .blogs_cards_grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
     padding: 40px 0;
     cursor: pointer;
 }

 .category-blogs {
     min-height: 100%;
     /* min-width: 300px;
     max-width: 400px; */
     margin: 0 auto;
     width: 100%;
 }

 .blogs_cards_grid .fn__media .image {
     width: 100%;
     aspect-ratio: 4 / 3;
     image-rendering: -webkit-optimize-contrast;
     width: 100%;
     display: block;
     object-fit: cover;
     border-radius: 20px;
 }

 .category-blogs {
     text-align: center;
 }

 .fn__media_category {
     position: absolute;
     top: 0;
     right: 0;
     display: inline-block;
     font-size: 14px;
     line-height: 1;
     color: var(--h2c);
     border-bottom-left-radius: 8px;
     border-top-right-radius: 8px;
     padding-left: 8px;
     padding-bottom: 8px;
     background-color: var(--bbc);
     z-index: 5;
 }

 .blogs_cards_grid .post-title {
     margin: 0;
     padding: 0;
     line-height: 1.625;
     font-size: 24px;
     margin-bottom: 16px;
 }

 h1>a,
 h2>a,
 h3>a,
 h4>a,
 h5>a,
 h6>a {
     text-decoration: none;
     background-image: linear-gradient(currentColor, currentColor);
     background-position: 100% 100%;
     background-repeat: no-repeat;
     background-size: 0 1px;
     transition: background-size .35s;
     color: inherit;
 }

 .category-blogs ul li:first-child {
     list-style-type: none;

 }

 .blogs__meta_author ul {
     display: flex;
     gap: 12px;
     justify-content: space-evenly;
     align-items: center;
 }

 .blogs__meta_author ul li {
     font-size: 0.9rem;
     color: var(--etc);
     text-transform: uppercase
 }

 .blogs__meta_author ul li.author {
     display: flex;
     align-items: center;
     gap: 8px;
     color: var(--h2c);
 }

 .author-image {
     border-radius: 50%;
     object-fit: cover;
 }

 .category-blogs .post-title {
     padding: 20px 0;
     margin: 0;
 }


 /* Base link style */
 .category-blogs .post-title a {
     color: var(--h2c);
     font-size: 1.6rem;
     text-decoration: none;
     position: relative;
 }

 .animated-text {
     position: relative;
     display: inline;
     cursor: pointer;
     background-size: 0% 2px;
     background-position: 0 100%;
     background-repeat: no-repeat;
     transition: background-size .4s ease;
     background-image: linear-gradient(currentColor, currentColor);
 }

 /* Hover → underline grows left → right */
 .animated-text:hover {
     background-size: 100% 2px;
 }

 /* Leave → underline stays right side & fades instead of snapping */
 .animated-text.fade-out {
     animation: underlineFadeOut .45s forwards;
 }

 @keyframes underlineFadeOut {
     0% {
         background-size: 100% 2px;
         opacity: 1;
     }

     100% {
         background-size: 100% 2px;
         opacity: 0;
     }
 }

 .blog__meta_date {
     padding-top: 12px;
 }

 .blog__meta_date time {
     font-size: 1rem;
     color: var(--etc);
 }

 .blogs_cards_grid .post_icon {
     display: inline-flex;
     color: var(--hc);
     transition: all .3s cubic-bezier(.4, 0, .2, 1);
 }

 .blogs_cards_grid .post_icon .fn__svg {
     display: block;
     width: 16px;
     height: 16px;
 }

 .blogs_cards_grid .blog__item:hover .post_icon {
     transform: rotate(45deg);
 }

 .blog__meta_date .fn__svg {
     width: 16px;
     height: 16px;
     display: block;
     position: relative;
     top: -1px;
 }

 .blogs_cards_grid .blog__meta_date {
     justify-content: center;
 }

 .blog__meta_date {
     display: flex;
     align-items: center;
     gap: 8px;
     line-height: 20px;
     font-size: 14px;
     text-transform: uppercase;
     color: var(--etc);
 }

 .fn__media_category {
     position: absolute;
     top: 0;
     right: 0;
     display: flex;
     font-size: 14px;
     line-height: 1;
     color: var(--h2c);
     border-bottom-left-radius: 8px;
     border-top-right-radius: 0px;
     padding-left: 14px;
     padding-bottom: 14px;
     background-color: var(--bbc);
     z-index: 5;
     text-align: center;
     justify-content: center;
     align-items: center;
 }

 .fn__media {
     position: relative;
 }

 .fn__media_category a {
     color: inherit;
     display: inline-block;
     border-radius: 8px;
     padding-top: 8px;
     padding-bottom: 8px;
     padding-left: 16px;
     padding-right: 16px;
     text-transform: uppercase;
     transition: all .3s cubic-bezier(.4, 0, .2, 1);
     border: 2px solid #dcdbd0;
     text-decoration: none;
 }

 .fn__media_category .mc_border,
 .fn__media_category .mc_border2 {
     color: var(--bbc);
 }

 .fn__media_category .mc_border2 .fn__svg {
     bottom: -12px;
     right: 0;
     transform: rotate(90deg);
     position: absolute;
     width: 12px;
     height: 12px;
     display: block;
 }

 .eyolo__footer {
     color: #ccc;
     --hc: #fff;
     --bc: #ccc;
     margin-top: auto;
     padding-top: 64px;
     padding-bottom: 64px;
     background-color: #000;
     background-size: contain;
     background-position: top center;
     background-repeat: no-repeat;
 }

 .eyolo__footer .footer-widgets {
     display: flex;
     flex-wrap: wrap;
     margin-left: -40px;
     padding-left: 40px;
     padding-bottom: 50px;
 }

 .eyolo__footer .widgettitle {
     margin: 0;
     padding: 0;
     font-size: 20px;
     margin-bottom: 30px;
     color: #fff;
 }

 .eyolo__footer .menu {
     margin: 0;
     padding: 0;
     list-style-type: none;
 }

 .eyolo__footer .menu li {
     margin: 0;
     padding: 0;
     margin-bottom: 8px;
 }

 .eyolo__footer .menu a {
     color: #eee;
     text-decoration: none;
     background-image: linear-gradient(currentColor, currentColor);
     background-position: 100% 100%;
     background-repeat: no-repeat;
     background-size: 0 1px;
     transition: background-size .35s;
     font-size: 1rem;
 }

 .eyolo__footer .textwidget p {
     margin: 0;
     padding: 0;
     max-width: 210px;
 }

 .eyolo__footer .widget_media_image:not(:last-child) {
     margin-bottom: 30px;
 }

 .input-btn {
     height: 56px;
     border: 1px solid #666666;
     border-radius: 28px;
     background-color: transparent;
     min-width: 200px;
     width: 100%;
     max-width: 280px;

 }

 .email-btn {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     padding: 0;
     margin: 0;
     background-color: #ff4848;
 }

 .eyolo__footer .mc4wp-form input[type="email"] {
     border: none;
     border-top-left-radius: 28px;
     border-bottom-left-radius: 28px;
     background-color: transparent;
     padding: 0 14px;
     color: #fff;
 }

 .eyolo__footer .mc4wp-form input[type="email"]:focus-visible {
     border: none;
     border-top-left-radius: 28px;
     border-bottom-left-radius: 28px;
     background-color: transparent;
     padding: 0 14px;
     outline: none;
 }

 .eyolo__footer .mc4wp-form .agree {
     margin: 0;
     padding: 0;
     color: #aaa;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
 }

 .eyolo__footer .mc4wp-form .hidden_svg {
     position: absolute;
     width: 42px;
     height: 42px;
     right: 7px;
     top: 7px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     pointer-events: none;
     color: #fff;
 }

 .eyolo__footer .mc4wp-form .agree label {
     margin: 0;
     color: #aaa;
     display: flex;
 }

 .eyolo__footer .mc4wp-form input[type="checkbox"] {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     min-width: 16px;
     width: 16px;
     height: 16px;
     border: 1px solid #fff;
     border-radius: 100%;
     cursor: pointer;
     position: relative;
     vertical-align: middle;
     transition: all .2s ease;
     margin: 2px 8px 2px 0;
 }

 .eyolo__footer .footer-widgets+.footer_copyright {
     border-top: 2px solid #2F2F2F;
     padding-top: 40px;
 }

 .eyolo__footer .copy_left a {
     color: inherit;
     text-decoration: none;
     border-bottom: 1px solid;
 }

 .eyolo__footer .footer-social {
     margin: 0;
     padding: 0;
     list-style-type: none;
     display: flex;
     gap: 16px;
     flex-wrap: wrap;
     justify-content: center;
 }

 .eyolo__footer .footer-social li {
     margin: 0;
 }

 .eyolo__footer .footer-social a {
     text-decoration: none;
     width: 46px;
     height: 46px;
     border-radius: 50%;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     transition: .4s;
 }

 .fn__svg {
     width: 20px;
     height: 20px;
     fill: currentColor;
 }

 .eyolo__footer .footer_copyright {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
     gap: 20px;
 }

 .eyolo__totop.active {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     z-index: 1212;
     pointer-events: auto;
 }

 .eyolo__footer .menu a:hover {
     background-size: 100% 1px;
     background-position: 0 100%;
 }

 .eyolo__totop {
     position: fixed;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     right: 30px;
     bottom: 30px;
     background-color: transparent;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     padding: 0;
     margin: 0;
     outline: none;
     border: none;
     opacity: 0;
     visibility: hidden;
     transform: translateY(30px);
 }

 .eyolo__totop .icon {
     display: block;
     overflow: hidden;
     transform: rotate(180deg);
     position: relative;
     z-index: 1;
 }

 .eyolo__totop .fn__svg {
     width: 16px;
     height: 16px;
     display: block;
 }

 .eyolo__totop .circle {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 46px;
     height: 46px;
     margin: -23px 0 0 -23px;
     display: block;
     fill: none;
     stroke-width: 2;
     transform: rotate(-90deg);
     overflow: visible;
 }

 .eyolo__totop .circle .bg {
     stroke: none;
     fill: #ff4848;
 }

 .eyolo__totop {
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.3s ease;
     z-index: 12;
 }

 .eyolo__totop .progress {
     stroke: #ff4848;
     stroke-linecap: round;
     stroke-dasharray: 144;
     stroke-dashoffset: 144;
 }

 .eyolo__totop:hover .fn__svg {
     animation: animate-top .4s ease .025s;
 }

 @keyframes animate-top {
     0% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(14px);
         /* moves down */
     }

     51% {
         transform: translateY(-14px);
         /* jumps to top */
     }

     100% {
         transform: translateY(0);
         /* returns to normal */
     }
 }


 .menu-opened .eyolo__modal_nav {
     transform: scaleY(1);
     box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
 }

 .eyolo__modal_nav {
     position: absolute;
     left: 0;
     top: 100%;
     right: 0;
     background-color: var(--bbc-85);
     z-index: 99;
     text-align: center;
     backdrop-filter: blur(15px);
     transform-origin: top;
     transition: all .4s cubic-bezier(.4, 0, .2, 1);
     transform: scaleY(0);
 }

 .eyolo_fn_menu {
     font-family: Prata;
     font-weight: 400;
     font-style: normal;
     font-size: 30px;
 }

 .eyolo_fn_menu {
     margin: 40px auto;
     width: fit-content;
     padding: 0;
     list-style-type: none;
     font-family: var(--hff);
     font-size: 30px;
     color: var(--h2c);
 }

 .eyolo_fn_menu ul {
     display: none;
     list-style-type: none;
     margin: 0;
     padding: 0;
     padding-top: 14px;
     flex-direction: column;
     overflow: hidden;
 }

 .eyolo_fn_menu a {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     padding: 0;
     line-height: 1.2;
     transition: all .3s cubic-bezier(.4, 0, .2, 1);
 }

 .eyolo_fn_menu li {
     padding: 12px 0;
 }

 .eyolo_fn_menu .fn__svg {
     width: 32px;
     height: 32px;
     fill: none;
     display: block;
     transition: all .2s cubic-bezier(.4, 0, .2, 1);
 }

 .eyolo__modal_nav .header-social {
     margin: 40px auto;
     padding: 0;
     width: fit-content;
     max-width: 800px;
     font-family: var(--hff);
     font-size: 30px;
     line-height: 36px;
     padding: 16px 0;
     gap: 16px;
     list-style-type: none;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     border-top: 1px solid rgba(6, 12, 20, .1);
     color: var(--h2c);
 }

 .eyolo__modal_nav .header-social a {
     text-decoration: none;
     width: 44px;
     height: 44px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 22px;
     transition: .4s;
     color: inherit;
 }

 .eyolo__modal_nav .header-social a:hover {
     background-color: #060c14;
     color: #fff;
 }

 .eyolo_fn_menu li:not(.menu-item-has-children)>a:hover {
     text-decoration: underline;
     text-underline-offset: 4px;
     text-decoration-thickness: 2px;
 }

 .eyolo_fn_menu:hover li>a {
     opacity: .35;
 }

 .eyolo_fn_menu:hover li:hover>a,
 .eyolo_fn_menu:hover li:hover li>a {
     opacity: 1;
 }

 .menu-opened .eyolo__trigger_btn span:nth-child(1) {
     transform: translate(3px, 15.5px) rotate(-45deg);
     height: 3px;
 }

 .menu-opened .eyolo__trigger_btn span:nth-child(2) {
     transform: scaleX(.95) rotate(45deg);
 }

 .menu-opened .eyolo__trigger_btn span:nth-child(3) {
     transform: translate(-3px, -15.5px) rotate(-45deg);
     height: 3px;
 }

 .eyolo__subscribe_btn:hover .fn__svg {
     transform: rotate(180deg);
 }

 .copied_text {
     opacity: 0;
     visibility: hidden;
     transition: 0.3s ease;
 }

 .copied_text.show {
     opacity: 1;
     visibility: visible !important;
 }

 .fn__copy .svg1 {
     display: inline-block;
 }

 .fn__copy .svg2 {
     display: none;
 }

 .fn__copy.active .svg1 {
     display: none;
 }

 .fn__copy.active .svg2 {
     display: inline-block;
 }

 .subscribe-opened .eyolo__modal_subscribe .close-newsletter {
     transform: translateY(0);
 }

 .eyolo__modal_subscribe .close-newsletter {
     position: fixed;
     inset: 0;
     transform: translateY(8px);
 }


 .eyolo__modal_subscribe .modal-closer {
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background-color: #ff4848;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     margin: 0;
     right: 8px;
     top: 24px;
     cursor: pointer;
     position: absolute;
     transition: .4s;
     z-index: 5;
 }

 .subscribe-opened .eyolo__modal_subscribe {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
 }

 .eyolo__modal_subscribe {
     display: none;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     position: fixed;
     inset: 0;
     top: var(--abh);
     z-index: 1000;
     transition: all .3s cubic-bezier(.4, 0, .2, 1);
     backdrop-filter: blur(16px);
     flex-direction: column;
     background-color: rgb(6 12 20 / .75);
     overflow-y: auto;
     justify-content: center;
     transition: all .3s cubic-bezier(.4, 0, .2, 1);
 }


 .eyolo__modal_subscribe .subscribe_box {
     display: flex;
     padding: 30px 20px;
     background-size: 100%;
     background-position: top center;
     background-color: #415649;
     flex-wrap: wrap;
 }

 .eyolo__modal_subscribe .subscribe_left .fn__svg {
     width: 48px;
     height: 48px;
     margin: 0 auto 24px auto;
     color: #fff;
     display: block;
 }

 .eyolo__modal_subscribe .subscribe_left .title {
     text-align: center;
     line-height: 1.25;
     margin: 0 auto 24px auto;
     color: #fff;
     font-size: 30px;
     max-width: 400px;
 }

 .eyolo__modal_subscribe .subscribe_left .desc {
     margin: 0;
     padding: 0;
     text-align: center;
     color: #fff;
     line-height: 1.625;
     font-weight: 300;
 }

 .eyolo__modal_subscribe .fn__svg2 {
     color: #dcdbd0;
     right: 50px;
     bottom: 50px;
     position: absolute;
     display: block;
 }

 .eyolo__modal_subscribe .newsletter_block {
     position: relative;
     z-index: 10;
     padding: 28px 16px;
     max-width: 500px;
 }

 .subscribe-opened .eyolo__modal_subscribe {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
 }

 .eyolo__modal_subscribe .hidden-submit-button {
     display: flex;
     position: absolute;
     right: 0;
     bottom: 0;
     width: 56px;
     z-index: 1;
     height: 56px;
     border-radius: 50%;
     background-color: #ff4848;
     align-items: center;
     justify-content: center;
     color: #fff;
     transition: all .3s, color .15s;
 }

 .eyolo__modal_subscribe .hidden-submit-button span {
     overflow: hidden;
     display: block;
     position: relative;
     top: -1px;
 }

 .eyolo__modal_subscribe .hidden-submit-button .fn__svg {
     width: 13px;
     height: 13px;
     display: block;
 }

 .eyolo__modal_subscribe .subscribe_box {
     display: flex;
     padding: 30px 20px;
     background-size: 100%;
     background-position: top center;
     background-color: #415649;
     flex-wrap: wrap;
 }

 .eyolo__modal_subscribe .newsletter_block:before {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -10;
     height: calc(100% - 70px);
     width: 100%;
     border-radius: 12px;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     border-bottom-left-radius: 0;
     background-color: #dcdbd0;
     content: '';
 }

 .eyolo__modal_subscribe .mc4wp-form input[type="text"],
 .eyolo__modal_subscribe .mc4wp-form input[type="email"] {
     padding: 0 24px;
     height: 56px;
     border: 1px solid #758A7D;
     border-radius: 30px;
 }

 .eyolo__modal_subscribe .mc4wp-form label {
     margin-bottom: 8px;
     display: block;
     font-weight: 300;
     color: #060c14;
 }

 .eyolo__modal_subscribe .mc4wp-form .agree {
     margin: 0;
     padding: 0;
     color: #464536;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     padding-right: 50px;
     max-width: 350px;
 }

 .eyolo__modal_subscribe .mc4wp-form .agree label {
     margin: 0;
     color: #464536;
     display: flex;
 }

 .eyolo__modal_subscribe .mc4wp-form input[type="checkbox"] {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     min-width: 16px;
     width: 16px;
     height: 16px;
     border: 1px solid #4d6053;
     border-radius: 100%;
     cursor: pointer;
     position: relative;
     vertical-align: middle;
     transition: all .2s ease;
     margin: 2px 8px 2px 0;
 }

 .eyolo__modal_subscribe .mc4wp-form input[type="submit"],
 .eyolo__modal_subscribe .mc4wp-form button {
     width: 56px;
     height: 56px;
     opacity: 0;
     padding: 0;
     border: none;
     outline: none;
     background: none;
     border-radius: 50%;
     position: absolute;
     z-index: 5;
     bottom: 0;
     right: 0;
 }

 .eyolo__modal_subscribe .hidden_svg {
     display: none;
 }

 .eyolo__modal_subscribe .newsletter_block:after {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: -10;
     height: 100px;
     width: calc(100% - 70px);
     border-bottom-right-radius: 12px;
     border-bottom-left-radius: 12px;
     background-color: #dcdbd0;
     content: '';
 }

 .eyolo__modal_subscribe .mc4wp-form input[type="checkbox"] {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     min-width: 16px;
     width: 16px;
     height: 16px;
     border: 1px solid #4d6053;
     border-radius: 100%;
     cursor: pointer;
     position: relative;
     vertical-align: middle;
     transition: all .2s ease;
     margin: 2px 8px 2px 0;
 }

 .eyolo__modal_subscribe .mc4wp-form input[type="checkbox"]:checked::after {
     content: "";
     position: absolute;
     left: 5px;
     top: 2px;
     width: 5px;
     height: 9px;
     border: solid #4d6053;
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
 }

 .eyolo__modal_subscribe .mc4wp-form input[type="text"],
 .eyolo__modal_subscribe .mc4wp-form input[type="email"] {
     width: 100%;
 }

 .form-submit #submit {
     cursor: pointer;
     display: flex;
     align-items: center;
     gap: 8px;
     border-radius: 100px;
     border: 1px solid var(--h2c);
     color: var(--h2c);
     background-color: transparent;
     line-height: 20px;
     text-transform: uppercase;
     transition: all .3s, color .15s;
     position: relative;
     overflow: hidden;
 }

 .form-submit #submit:hover {
     border-color: #ff4848;
     background-color: #ff4848;
     color: #fff;
 }

 .header_middle a img {
     width: 100%;
     height: 120px;
     object-fit: cover;
 }

 .input-btn .error-msg {
     flex: 1 1 100%;
     /* full width */
     width: 100%;
 }

 #post-content .get_content figure {
     width: 100%;
     height: 600px;
 }

 #post-content .get_content img {
     width: 100%;
     height: 100%;
     object-fit: fill;
 }

 header {
     /* position: static !important; */
 }

 .feature-post .alpha_right {
     width: 100%;
     height: 100%;
     position: relative;
 }

 .feature-post .fn__article_alpha .post-title a:after {
     content: '';
     position: absolute;
     inset: 0;
     z-index: 2;
 }

 .fn__article_alpha .post-title {
     margin: 0;
     padding: 0;
     color: #fff;
     line-height: 1.5;
     font-size: 30px;
     --h2c: #fff;
 }

 .eyolo__meta_date {
     display: flex;
     align-items: center;
     gap: 8px;
     line-height: 20px;
     font-size: 14px;
     text-transform: uppercase;
     color: var(--etc);
 }

 .fn__article_alpha .eyolo__meta_date {
     justify-content: center;
     color: #fff;
     margin-bottom: 12px;
 }

 .fn__article_alpha .eyolo__meta_author ul {
     justify-content: center;
     margin-top: 24px;
     margin-bottom: 16px;
     color: #fff;
 }

 .eyolo__meta_author ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     display: flex;
     flex-wrap: wrap;
     text-transform: uppercase;
     font-size: 14px;
     line-height: 20px;
     gap: 12px;
     row-gap: 4px;
     align-items: center;
     color: var(--etc);
 }

 .fn__article_alpha .eyolo__meta_author .author {
     color: #fff;
 }

 .eyolo__meta_author .author {
     display: flex;
     align-items: center;
     color: var(--h2c);
 }

 .eyolo__meta_author li {
     margin: 0;
     padding: 0;
 }

 .elementor img {
     border: none;
     border-radius: 0;
     box-shadow: none;
     height: auto;
     max-width: 100%;
 }

 .eyolo__meta_author .author img {
     border: 1px solid #ababab;
     border-radius: 12px;
     width: 24px;
     height: 24px;
     object-fit: cover;
     margin-right: 8px;
 }

 .fn__article_alpha .post-icon {
     transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
     margin: auto;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background-color: rgb(255 255 255 / 0.3);
     padding: 17px;
 }

 .fn__article_alpha .post-icon {
     width: 56px;
     height: 56px;
     background-color: transparent;
     padding: 0;
     color: #90a096;
 }

 .fn__svg.no-fill {
     fill: none;
 }

 .fn__svg {
     width: 20px;
     height: 20px;
     fill: currentColor;
 }

 .fn__article_alpha .post-icon path {
     stroke: #fff;
 }

 .fn__article_alpha .article_decor {
     display: flex;
     right: 0;
     top: -31px;
     position: absolute;
 }

 .fn__article_alpha .article_decor .fn__svg {
     position: relative;
     right: -1px;
     display: block;
     color: #415649;
     width: 86px;
     height: 32px;
 }

 .fn__article_alpha .article_decor span {
     width: 128px;
     height: 32px;
     border-top-right-radius: 16px;
     background-color: #415649;
 }

 @media (min-width: 640px) {
     .fn__article_alpha .article_decor span {
         width: 208px;
     }
 }

 .fn__article_alpha .subtitle {
     margin: 0;
     color: #fff;
     text-transform: uppercase;
     font-family: var(--bff);
     font-size: 14px;
     line-height: 20px;
     padding: 4px 12px 4px 28px;
     background-color: rgb(255 255 255 / 0.15);
     border-radius: 30px;
     right: 16px;
     top: -16px;
     position: absolute;
 }

 @media (min-width: 768px) {
     .fn__article_alpha .alpha_left {
         padding-left: 48px;
         padding-right: 48px;
     }
 }

 @media (min-width: 640px) {
     .fn__article_alpha .alpha_left {
         padding: 64px 32px;
     }
 }

 .fn__article_alpha {
     height: 100%;
 }

 .alpha_left {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .fn__article_alpha .alpha_left {
     width: 100%;
     background: linear-gradient(180deg, #415649 0%, rgba(65, 86, 73, 0.95) 21.14%, rgba(65, 86, 73, 0.91) 44.02%, rgba(65, 86, 73, 0.9) 100%);
     position: relative;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     /* margin-top: 32px; */
     border-radius: 16px;
     border-top-right-radius: 0px;
     padding: 40px 16px;
     text-align: center;
     height: 100%;
 }

 .fn__article_alpha .subtitle:after {
     width: 8px;
     height: 8px;
     content: '';
     position: absolute;
     background-color: #ff4848;
     border-radius: 50%;
     top: 10px;
     left: 12px;
 }

 .alpha_right>a img {
     aspect-ratio: 5 / 4;
     image-rendering: -webkit-optimize-contrast;
     border-radius: 16px;
     width: 100%;
     object-fit: fill;
     display: block;
 }

 .fn__article_alpha .post-title a {
     font-size: 2rem;
 }

 .feature-post {
     /* height: 100%; */
 }

 .fn__article_alpha:hover .post-icon {
     transform: rotate(45deg);
     background-color: rgb(255 255 255 / 0.1);
 }

 .fn__category_list_interactive_h ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     column-gap: 12px;
     row-gap: 16px;
 }

 @media (min-width: 640px) {
     .fn__category_list_interactive_h li {
         font-size: 30px;
         line-height: 36px;
     }
 }

 .fn__category_list_interactive_h li {
     margin: 0;
     padding: 0;
     position: relative;
     font-size: 24px;
     line-height: 32px;
     text-transform: capitalize;
     font-family: var(--hff);
 }

 .fn__category_interactive_h a {
     text-decoration: none;
     color: var(--hc);
     display: inline-block;
 }

 .fn__category_interactive_h .category-image {
     pointer-events: none;
     visibility: hidden;
     position: absolute;
     left: 50%;
     top: 35%;
     z-index: 1;
     margin-top: 16px;
     width: 140px;
     height: 80px;
     transform: translate(-50%, -50%) rotate(-12deg) scale(0.9);
     overflow: hidden;
     border-radius: 8px;
     opacity: 0;
     transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
 }

 @media (min-width: 640px) {
     .fn__category_interactive_h .category-image {
         width: 200px;
         height: 100px;
     }
 }

 .fn__category_interactive_h .category-image img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
 }

 .elementor img {
     border: none;
     border-radius: 0;
     box-shadow: none;
     height: auto;
     max-width: 100%;
 }

 .fn__category_interactive_h .category-name {
     margin: 0;
     padding: 0;
     font-family: var(--hff);
     position: relative;
     z-index: 2;
 }

 @media (min-width: 640px) {
     .fn__category_interactive_h .category-divider {
         margin-left: 24px;
     }
 }

 .fn__category_interactive_h .category-divider {
     margin-left: 12px;
     opacity: .3;
 }

 .fn__category_interactive_h a:hover .category-image {
     opacity: 1;
     visibility: visible;
     transform: translate(-50%, -50%) rotate(-12deg) scale(1);
     margin-top: 0;
 }

 .fn__category_interactive_h a:hover .category-name {
     color: #fff;
     filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
 }

 .eyolo__lined_title[data-align="center"] {
     margin: 0 auto;
 }

 .eyolo__lined_title {
     margin: 0;
     padding: 0;
     font-size: 16px;
     line-height: 1.5;
     font-family: var(--bff);
     text-transform: uppercase;
     padding-left: 16px;
     position: relative;
     width: fit-content;
 }

 .eyolo__lined_title:after {
     content: '';
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background-color: #ff4848;
     top: 8px;
     left: 0;
     position: absolute;
 }

 .fn__category_list_interactive_h li:last-child .category-divider {
     display: none;
 }

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

 .stikcysection {
     position: sticky;
     top: 150px;
 }

 .popular-articles .stikcysection * {
     color: #fff;
 }

 .stikcysection h2.titleOfLatestArticle {
     padding: 12px 0;
     margin: 0;
     font-size: 1.8rem;
 }

 .stikcysection p.titleOfLatestArticleDecription {
     font-size: 1rem;
     padding: 12px 0;
     margin: 0;
 }

 .popular-articles {
     background-color: #000000;
     background-image: url(https://marketifythemes.net/wp/eyolo/1/wp-content/uploads/2025/10/dark-bg.webp);
     background-position: top center;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: 100% 100%;
     padding: 70px 0;
 }

 .blogs_cards_grid.grid-custom-one {
     grid-template-columns: repeat(1, 1fr);
     padding: 40px;
 }

 .blogs_cards_grid.grid-custom-one article:nth-child(odd) {
     margin-left: 130px;
 }

 .blogs_cards_grid.grid-custom-one .fn__media_category .mc_border,
 .blogs_cards_grid.grid-custom-one .fn__media_category .mc_border2 {
     color: #000000;
 }

 .blogs_cards_grid.grid-custom-one .fn__media_category {
     color: var(--bbc);
     background-color: #000000;
 }

 .blogs_cards_grid.grid-custom-one .category-blogs a,
 .blogs_cards_grid.grid-custom-one .category-blogs time,
 .blogs_cards_grid.grid-custom-one svg,
 .blogs_cards_grid.grid-custom-one svg path,
 .blogs_cards_grid.grid-custom-one .blogs__meta_author ul li.author,
 .blogs_cards_grid.grid-custom-one .blogs_cards_grid .post_icon {
     color: #fff;
     fill: #fff;
     stroke: #fff;
 }

 .post-of-the-week {
     background-color: #415649;
     background-image: url(https://marketifythemes.net/wp/eyolo/1/wp-content/uploads/2025/10/wave-bg.webp);
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover
 }

 .post-of-the-week .category-blogs .blog__item {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .blogs_cards_grid.grid-custom-no-grid {
     display: block;
 }

 .blogs_cards_grid.grid-custom-no-grid .fn__media {
     max-height: 500px;
     height: 100%;
	 border-radius:30px;
	     border-top-right-radius: 0;
 }

 .blogs_cards_grid.grid-custom-no-grid .category-blogs a,
 .blogs_cards_grid.grid-custom-no-grid .category-blogs time,
 .blogs_cards_grid.grid-custom-no-grid svg,
 .blogs_cards_grid.grid-custom-no-grid svg path,
 .blogs_cards_grid.grid-custom-no-grid .blogs__meta_author ul li.author,
 .blogs_cards_grid.grid-custom-no-grid .blogs_cards_grid .post_icon {
     color: #fff;
     fill: #415649;
     stroke: #415649;
 }

 .blogs_cards_grid.grid-custom-no-grid .fn__media_category {
     background-color: #415649;
 }

 .stikcysection .fn__btn {
     border: 1px solid #fff;
 }

 .custom-grid-4 {
     display: grid;
     gap: 15px;
 }

 /* Dynamic columns */
 .custom-grid-4.cols-4 {
     grid-template-columns: repeat(4, 1fr);
 }

 .custom-grid-4.cols-5 {
     grid-template-columns: repeat(4, 1fr);
 }

 .custom-grid-4.cols-5> :nth-last-child(1),
 .custom-grid-4.cols-5> :nth-last-child(2) {
     grid-column: span 1;
     /* ensure 50% each */
 }

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

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

 .custom-grid-4.cols-1 {
     grid-template-columns: repeat(1, 1fr);
 }

 /* Responsive breakpoints */
 @media (max-width: 1024px) {
     .custom-grid-4.cols-4 {
         grid-template-columns: repeat(3, 1fr);
     }

     .custom-grid-4.cols-5 {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (max-width: 768px) {

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

 @media (max-width: 480px) {

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

 .custom-grid-4.cols-5 figure:last-child {
     grid-column: 1 / 5;
 }

 .title_right svg * {
     fill: #fff;
     stroke: #fff;
 }


 .blogs_cards_landscape .fn__media .image {
     width: 100%;
     display: block;
     /* object-fit: fill; */
     border-radius: 12px;
     height: 400px;
 }

 .blogs_cards_landscape article {
     padding: 30px 0;
 }

 .blogs_cards_landscape article:first-child {
     width: 50%;
     margin: 0;
     margin-left: 130px;
 }

 .blogs_cards_landscape article:not(:first-child) {
     width: 60%;
 }

 .blogs_cards_landscape.second-child-blog article:first-child {
     margin: 0;
     width: 90%;
 }

 .blogs_cards_landscape article:first-child .fn__media .image {
     height: 400px;
     width: 90%;
     margin: auto;
 }

 .blogs_cards_landscape.second-child-blog article:not(:first-child) {
     margin: 0;
     float: right;
     width: 70%;
     margin: auto;
 }

 .blogs_cards_landscape.second-child-blog article:not(:first-child) .fn__media .image {
     margin: 0;
     width: 90%;
     height: 400px;
     margin: auto;
 }

 main {
     padding: 0 !important;
 }

 .custom-bg-all {
     background-image: url(https://50centsias.com/wp-content/uploads/2025/12/wave-bg.webp);
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
     padding: 150px 0;
 }

 .blogs_cards_grid.latest-articles-grid-one {
     grid-template-columns: repeat(1, 1fr) !important;
 }

 .blogs_cards_grid.latest-articles-grid-one .fn__media .image {
     object-fit: fill;
 }

 .blogs_cards_grid.latest-articles-grid-one .title_holder * {
     text-align: left;
     justify-content: start;
 }

 .blogs_cards_grid.latest-articles-grid-one .title_holder ul {

     padding-left: 0;
 }

 .blogs_cards_grid.blogs_cards_grid-four {
     grid-template-columns: repeat(4, 1fr);
 }

 .blogs_cards_grid.blogs_cards_grid-four .fn__media img {
     object-fit: fill;
     height: 100%;
     aspect-ratio: 4/6;
 }

 .blogs_cards_grid.blogs_cards_grid-four .eyolo_fn_pagination:last-child {
     grid-column: 1 / 5;
 }

 .feature-post .fn__article_alpha .article_decor .fn__svg {
     color: #e7e5d4;
 }

 .feature-post .fn__article_alpha .article_decor span {
     background-color:#e7e5d4;
 }

 .feature-post .fn__article_alpha .subtitle {
     background-color: rgba(40, 57, 48, 1);
 }

 .blogs_cards_landscape.blogs_cards_grid {
     display: block;
 }

 .post-of-the-week .title_holder * {
     text-align: left;
     justify-content: start;
     display: block;
 }
 .post-of-the-week .post_icon{
 justify-content: flex-start;  
 align-items: flex-start;
 }
 .post-of-the-week .title_holder .blogs__meta_author ul {
     padding: 0;
 }

 .post-of-the-week .post_icon svg path {
     fill: #fff;
     stroke: #fff;
 }
 .fn__article_alpha .post-title a:hover{
    color: #fff;
 }
  .feature-post .fn__media_category {
    background-color: #3d4f42;
 }
  .feature-post .fn__media_category a {
   color: #fff;
 }
#single-content figure img{
	width:100%;
}
.popular-articles .mc_border svg path ,.popular-articles .mc_border2 svg path {
	fill:#000;
	stroke:#000;
}
.latest-article .stikcysection .fn__btn {
  border: 1px solid #000;
	text-decoration:none;
}
.stikcysection .fn__btn {
	text-decoration:none;
}
.fn__btn{
	text-decoration:none;
}
.fn__article_alpha *{
	color:#000;
}
.fn__article_alpha .eyolo__meta_author .author {
	color:#000;
}
.fn__article_alpha .post-title a:hover {
    color: #000;
}
.fn__article_alpha .fn__svg path{
	color:#e7e5d4;
}
header{
	padding:0;
}
.header_middle {
	border-left: 1px solid #ffffff4a;
    border-right: 1px solid #ffffff4a;
    padding: 6px 30px;
}
 .fn__category_list_list ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 25px;
 }

 .fn__category_list_list li {
     margin: 0;
     padding: 0;
 }

 .elementor-701 .elementor-element.elementor-element-02339f0 .fn__category_list_list[data-color="custom"] a {
     color: #FFFFFF;
 }

 @media (min-width: 640px) {
     .fn__category_list_list a {
         padding: 16px 24px;
     }
 }

 .fn__category_list_list a {
     text-decoration: none;
     padding: 8px 6px;
     display: block;
     text-transform: capitalize;
     transition: all .15s cubic-bezier(0.4, 0, 0.2, 1);
     color: #fff;
     opacity: .7;
     font-size: 1.2rem;
 }
 nav.categoirs{
    background-color: #FFFFFF1F;
	     padding: 12px 0;
 }
.eyolo__footer .footer-widgets+.footer_copyright {
    border-top: 2px solid #bab4b4;
    padding-top: 16px;
}
.eyolo__footer .footer-widgets {

    padding-bottom: 18px;
}
footer .widgettitle{
	font-weight: bold;
    font-size: 1.4rem;
}
nav.categoirs a:hover {
    opacity: 1;
    text-decoration: underline;
}
.social-fixed-right {
  position: fixed;
    right: 40px;
    top: 80%;
    transform: translateY(-50%);
    z-index: 9999;
}

.social-fixed-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-fixed-right ul li {
    margin: 10px 0;
}

.social-fixed-right ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #25d366; /* WhatsApp green by default, overridden below */
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
    text-decoration: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    position: relative;
}

/* Different colors for each icon */
.social-fixed-right ul li a[title="Telegram"] {
    background: #0088cc;
    box-shadow: 0 0 15px #0088cc;
}

.social-fixed-right ul li a[title="WhatsApp"] {
    background: #25d366;
    box-shadow: 0 0 15px #25d366;
}

/* Glow animation */
.social-fixed-right ul li a:hover {
    transform: scale(1.2);
    box-shadow: 0 0 20px currentColor, 0 0 40px currentColor, 0 0 60px currentColor;
}

.social-fixed-right ul li a i {
    transition: transform 0.3s;
}

.social-fixed-right ul li a:hover i {
    animation: bounce 0.6s infinite alternate;
}

@keyframes bounce {
    0% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}
.positionRelative{
    position: relative;
}
.sticky-wrapper{
    position: sticky;
    top: 50px;
}

 .social-fixed-right {
     /* position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%); */
     /* background: #111; */
     padding: 12px 10px;
     border-radius: 0px 0 0 10px;
     box-shadow: -4px 0 15px rgba(0, 0, 0, 0.3);
     transition: transform 0.3s ease;
     z-index: 9999;
 }

 /* Closed state */
 .social-fixed-right.closed {
     transform: translate(100%, -50%);
 }

 /* Icons */
 .social-icons {
     list-style: none;
     margin: 0;
     padding: 0;
     position: relative;
 }

 .social-icons li {
     margin: 10px 0;
 }

 .social-icons a {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 42px;
     height: 42px;
     border-radius: 50%;
     color: #fff;
     font-size: 20px;
 }

 .social-icons a[title="Telegram"] {
     background: #0088cc;
 }

 .social-icons a[title="WhatsApp"] {
     background: #25d366;
 }

 /* Toggle Button */
 .social-toggle {
     background: #111;
     color: #fff;
     border: none;
     cursor: pointer;
     border-radius: 0px 0 0 0px;
     font-size: 24px;
     line-height: 1;
 }

 .toggle-icons {
     position: fixed;
     top: 50%;
     right: 0;
         background: #000;
 }
 .social-fixed-right{
    background-color: transparent;
    padding: 0 12px;
        position: static;
    transform: none;
 }