.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important
}

@media screen and (max-height:1024px) {

    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important
    }
}

@media screen and (max-height:640px) {

    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important
    }
}


.preloader {
    background: #000
}

.preload-svg path {
    fill: #000
}

.preloader .spinner .double-bounce1,
.preloader .spinner .double-bounce2,
.lnk:hover .arrow:before,
.button:hover .arrow:before,
.lnk:hover .arrow:after,
.button:hover .arrow:after,
.resume-items .resume-item.active .date:before,
.skills-list ul li .progress .percentage,
.single-post-text ul>li:before,
.comment-text ul>li:before,
.content-sidebar .main-menu ul li.page_item_has_children.current_page_item>a:before,
.content-sidebar .main-menu ul li.page_item_has_children.current_page_item>a:after,
.content-sidebar .main-menu ul li.page_item_has_children:hover>a:before,
.content-sidebar .main-menu ul li.page_item_has_children:hover>a:after,
.content-sidebar .main-menu ul li.page_item_has_children.current_page_parent>a:before,
.content-sidebar .main-menu ul li.page_item_has_children.current_page_parent>a:after,
.content-sidebar .main-menu ul li.page_item_has_children.current_page_ancestor>a:before,
.content-sidebar .main-menu ul li.page_item_has_children.current_page_ancestor>a:after,
.content-sidebar .close:hover:before,
.content-sidebar .close:hover:after,
.header .menu-btn:hover span,
.header .menu-btn:hover span:before,
.header .menu-btn:hover span:after,
.info-list ul li strong,
.profile .main-menu ul li.page_item_has_children.current_page_item>a:before,
.profile .main-menu ul li.page_item_has_children.current_page_item>a:after,
.profile .main-menu ul li.page_item_has_children:hover>a:before,
.profile .main-menu ul li.page_item_has_children:hover>a:after,
.profile .main-menu ul li.page_item_has_children.current_page_parent>a:before,
.profile .main-menu ul li.page_item_has_children.current_page_parent>a:after,
.profile .main-menu ul li.page_item_has_children.current_page_ancestor>a:before,
.profile .main-menu ul li.page_item_has_children.current_page_ancestor>a:after,
.service-items .service-item .icon,
.revs-carousel .owl-dot.active,
.custom-content-reveal span.custom-content-close,
.fc-calendar .fc-row>div.fc-today,
.fc-calendar .fc-content:hover span.fc-date,
.fc-calendar .fc-row>div.fc-today span.fc-date,
.skills-list.dotted ul li .progress .percentage .da span,
.preloader .spinner.default-circle:before,
.preloader .spinner.default-circle:after,
.preloader .spinner.clock:before,
.preloader .spinner.box-rotation:after,
.header .cart-btn .cart-icon .cart-count,
.woocommerce span.onsale,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .button.add_to_cart_button.added,
.popup-box .preloader .spinner.default-circle:before,
.popup-box .preloader .spinner.default-circle:after,
.popup-box .preloader-popup .spinner.default-circle:before,
.popup-box .preloader-popup .spinner.default-circle:after,
.single-post-text ul>li:before,
.comment-text ul>li:before,
.blog-content ul>li:before,
.revs-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button .woocommerce-mini-cart__buttons #respond input#submit,
.woocommerce-mini-cart__buttons a.button,
.woocommerce-mini-cart__buttons button.button,
.woocommerce-mini-cart__buttons input.button,
.woocommerce .woocommerce-ordering select,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce a.remove:hover,
.solid-icons-style .service-items .service-item .icon,
.solid-icons-style .pricing-items .pricing-item .icon,
.solid-icons-style .fuct-items .fuct-item .icon,
.solid-icons-style .resume-title .icon,
.solid-icons-style .skill-title .icon,
.card-started .profile .lnk.solid-style .ion,
.header .top-menu.menu-minimal ul li.current-menu-item a .name,
.header .top-menu.menu-minimal ul li.active a .name,
.resume-items.line-timeline .resume-item.active:before,
.theme-style-dark .resume-items.line-timeline .resume-item.active:before,
.works.works-style-3 .box-item:hover .desc .category,
.blog.blog-style-3 .box-item:hover .desc .date,
.works.works-style-3 .filter-menu .f_btn.active,
.blog.blog-style-3 .filter-menu .f_btn.active,
.ar-h-title .bord,
.ar-resume-carousel .swiper-pagination-bullet-active,
.ar-testimonial-carousel .swiper-pagination-bullet-active,
.ar-resume-item .date:before,
.ar-pricing-item .name {
    color: #000 !important;
    background-color: #ffcf00
}

.lnk:hover,
.button:hover,
.lnk:hover .ion,
.button:hover .ion,
a,
a:hover,
input:focus,
textarea:focus,
.header .top-menu ul li:hover a,
.header .top-menu ul li.active a,
.header .top-menu ul li.current-menu-item a,
.header .top-menu ul li:hover a .icon,
.header .top-menu ul li.active a .icon,
.header .top-menu ul li:hover a .link,
.header .top-menu ul li.active a .link,
.header .top-menu ul li.current-menu-item a .icon,
.header .top-menu ul li.current-menu-item a .link,
.header .profile .subtitle,
.card-started .profile .subtitle,
.card-started .profile .social a:hover .ion,
.card-started .profile .social a:hover .fab,
.card-started .profile .social a:hover .fas,
.pricing-items .pricing-item .icon,
.fuct-items .fuct-item .icon,
.resume-title .icon,
.skill-title .icon,
.resume-items .resume-item.active .date,
.content.works .filter-menu .f_btn.active,
.box-item:hover .desc .name,
.single-post-text p a,
.comment-text p a,
.post-text-bottom span.cat-links a,
.post-text-bottom .tags-links a,
.post-text-bottom .tags-links span,
.page-numbers.current,
.page-links a,
.post-comments .post-comment .desc .name,
.post-comments .post-comment .desc span.comment-reply a:hover,
.content-sidebar .main-menu ul li.current_page_item>a,
.content-sidebar .main-menu ul li:hover>a,
.content-sidebar .main-menu ul li.current_page_parent>a,
.content-sidebar .main-menu ul li.current_page_ancestor>a,
.content-sidebar .widget ul li a:hover,
.content-sidebar .tagcloud a,
.card-started .profile .subtitle,
.card-started .profile .typed-cursor,
.content .title .first-word,
.content .title:first-letter,
.content .title .first-letter:first-letter,
.content-sidebar h2.widget-title .first-word,
.content-sidebar h2.widget-title:first-letter,
.content-sidebar h2.widget-title .first-letter:first-letter,
.box-item .date,
.profile .main-menu ul li.current-menu-item a,
.profile .main-menu ul li.current_page_item>a,
.profile .main-menu ul li:hover>a,
.profile .main-menu ul li.current_page_parent>a,
.profile .main-menu ul li.current_page_ancestor>a,
.custom-header nav span:before,
.fc-calendar .fc-row>div.fc-content:hover:after,
.skills-list.list ul li .name:before,
.preloader .spinner.recursive-circle,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce .star-rating,
strong.woocommerce-review__author,
.woocommerce-message:before,
.single-post-text p a,
.comment-text p a,
.blog-content p a,
.minimal-icons-style .service-items .service-item .icon,
.minimal-icons-style .pricing-items .pricing-item .icon,
.minimal-icons-style .fuct-items .fuct-item .icon,
.minimal-icons-style .resume-title .icon,
.minimal-icons-style .skill-title .icon,
.border-icons-style .service-items .service-item .icon,
.border-icons-style .pricing-items .pricing-item .icon,
.border-icons-style .fuct-items .fuct-item .icon,
.border-icons-style .resume-title .icon,
.border-icons-style .skill-title .icon,
.lnk:hover .ion,
.button:hover .ion,
.lnk:hover .fa,
.button:hover .fa,
.revs-two-item .star-rating i,
.ar-words-wrapper .ar-word,
.ar-resume-item .date,
.ar-pricing-item .amount,
.ar-pricing-item ul li:before,
.ar-testimonial-item .star-rating,
.ar-testimonial-item .name {
    color: #ffcf00
}

.pricing-items .pricing-item .icon svg,
.fuct-items .fuct-item .icon svg,
.resume-title .icon svg,
.skill-title .icon svg,
.minimal-icons-style .service-items .service-item .icon svg,
.minimal-icons-style .pricing-items .pricing-item .icon svg,
.minimal-icons-style .fuct-items .fuct-item .icon svg,
.minimal-icons-style .resume-title .icon svg,
.minimal-icons-style .skill-title .icon svg,
.border-icons-style .service-items .service-item .icon svg,
.border-icons-style .pricing-items .pricing-item .icon svg,
.border-icons-style .fuct-items .fuct-item .icon svg,
.border-icons-style .resume-title .icon svg,
.border-icons-style .skill-title .icon svg,
.ar-info-two .ar-icon svg {
    fill: #ffcf00
}

.content .title .first-word,
.content .title:first-letter,
.content .title .first-letter:first-letter,
.content-sidebar h2.widget-title .first-word,
.content-sidebar h2.widget-title:first-letter,
.content-sidebar h2.widget-title .first-letter:first-letter,
.content .post-comments .title_inner:first-letter,
.content .post-comments .title .first-letter:first-letter {
    color: #ffcf00 !important
}

.theme-style-blured.theme-style-cyber .content .title:after,
.theme-style-blured.theme-style-cyber .border-line-v:before,
.theme-style-blured.theme-style-cyber .border-line-v:after,
.theme-style-blured.theme-style-cyber .border-line-h:after,
.theme-style-blured.theme-style-cyber .lnks:before {
    background: #ffcf00 !important
}

.textured-icons-style .service-items .service-item .icon,
.textured-icons-style .pricing-items .pricing-item .icon,
.textured-icons-style .fuct-items .fuct-item .icon,
.textured-icons-style .resume-title .icon,
.textured-icons-style .skill-title .icon {
    color: #ffcf00
}

.textured-icons-style .service-items .service-item .icon svg,
.textured-icons-style .pricing-items .pricing-item .icon svg,
.textured-icons-style .fuct-items .fuct-item .icon svg,
.textured-icons-style .resume-title .icon svg,
.textured-icons-style .skill-title .icon svg {
    fill: #ffcf00
}

.card-started .profile .image:before,
.content .title:before,
.box-item .image .info:before,
.content-sidebar h2.widget-title:before {
    background: -moz-linear-gradient(-45deg, rgba(202, 240, 41, .15) 0%, rgba(202, 240, 41, .01) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(202, 240, 41, .15) 0%, rgba(202, 240, 41, .01) 100%);
    background: linear-gradient(135deg, rgba(202, 240, 41, .15) 0%, rgba(202, 240, 41, .01) 100%)
}

.card-started:after {
    background: -moz-linear-gradient(-45deg, rgba(202, 240, 41, .4) 0%, rgba(202, 240, 41, .01) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(202, 240, 41, .4) 0%, rgba(202, 240, 41, .01) 100%);
    background: linear-gradient(135deg, rgba(202, 240, 41, .4) 0%, rgba(202, 240, 41, .01) 100%)
}

.box-item .image .info:before {
    background: -moz-linear-gradient(-45deg, rgba(202, 240, 41, .5) 0%, rgba(202, 240, 41, .01) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(202, 240, 41, .5) 0%, rgba(202, 240, 41, .01) 100%);
    background: linear-gradient(135deg, rgba(202, 240, 41, .5) 0%, rgba(202, 240, 41, .01) 100%)
}

.card-started .profile .slide {
    background-color: rgba(202, 240, 41, .1)
}

.pricing-items .pricing-item .feature-list ul li strong {
    background: rgba(202, 240, 41, .15)
}

.cursor {
    background-color: rgba(202, 240, 41, .25)
}

.cursor.cursor-zoom {
    border-color: rgba(202, 240, 41, 1)
}

@media (min-width:1120px) {
    .container.layout-futurism-style .header:before {
        border-color: #ffcf00
    }
}

input:focus,
textarea:focus,
.revs-carousel .owl-dots .owl-dot,
.custom-header,
.post-text-bottom .tags-links a,
.post-text-bottom .tags-links span,
.content-sidebar .tagcloud a,
.resume-items .resume-item.active .date,
.box-item .date,
.content.skills .skills-list.circles .progress .bar,
.content.skills .skills-list.circles .progress .fill,
.preloader .spinner.clock,
.preloader .spinner.box-rotation,
.skills-list.circles .progress .bar,
.skills-list.circles .progress.p51 .fill,
.skills-list.circles .progress.p52 .fill,
.skills-list.circles .progress.p53 .fill,
.skills-list.circles .progress.p54 .fill,
.skills-list.circles .progress.p55 .fill,
.skills-list.circles .progress.p56 .fill,
.skills-list.circles .progress.p57 .fill,
.skills-list.circles .progress.p58 .fill,
.skills-list.circles .progress.p59 .fill,
.skills-list.circles .progress.p60 .fill,
.skills-list.circles .progress.p61 .fill,
.skills-list.circles .progress.p62 .fill,
.skills-list.circles .progress.p63 .fill,
.skills-list.circles .progress.p64 .fill,
.skills-list.circles .progress.p65 .fill,
.skills-list.circles .progress.p66 .fill,
.skills-list.circles .progress.p67 .fill,
.skills-list.circles .progress.p68 .fill,
.skills-list.circles .progress.p69 .fill,
.skills-list.circles .progress.p70 .fill,
.skills-list.circles .progress.p71 .fill,
.skills-list.circles .progress.p72 .fill,
.skills-list.circles .progress.p73 .fill,
.skills-list.circles .progress.p74 .fill,
.skills-list.circles .progress.p75 .fill,
.skills-list.circles .progress.p76 .fill,
.skills-list.circles .progress.p77 .fill,
.skills-list.circles .progress.p78 .fill,
.skills-list.circles .progress.p79 .fill,
.skills-list.circles .progress.p80 .fill,
.skills-list.circles .progress.p81 .fill,
.skills-list.circles .progress.p82 .fill,
.skills-list.circles .progress.p83 .fill,
.skills-list.circles .progress.p84 .fill,
.skills-list.circles .progress.p85 .fill,
.skills-list.circles .progress.p86 .fill,
.skills-list.circles .progress.p87 .fill,
.skills-list.circles .progress.p88 .fill,
.skills-list.circles .progress.p89 .fill,
.skills-list.circles .progress.p90 .fill,
.skills-list.circles .progress.p91 .fill,
.skills-list.circles .progress.p92 .fill,
.skills-list.circles .progress.p93 .fill,
.skills-list.circles .progress.p94 .fill,
.skills-list.circles .progress.p95 .fill,
.skills-list.circles .progress.p96 .fill,
.skills-list.circles .progress.p97 .fill,
.skills-list.circles .progress.p98 .fill,
.skills-list.circles .progress.p99 .fill,
.skills-list.circles .progress.p100 .fill,
.revs-carousel .swiper-pagination-bullet,
.border-icons-style .service-items .service-item .icon,
.border-icons-style .pricing-items .pricing-item .icon,
.border-icons-style .fuct-items .fuct-item .icon,
.border-icons-style .resume-title .icon,
.border-icons-style .skill-title .icon {
    border-color: #ffcf00
}

.preloader .spinner.recursive-circle,
.preloader .spinner.recursive-circle:after {
    border-color: #ffcf00;
    border-top-color: transparent
}

blockquote {
    border-left-color: #ffcf00
}

.preloader .spinner.simple-circle {
    border-right-color: #ffcf00
}

.preloader .spinner.quantum-spinner,
.preloader .spinner.quantum-spinner:before,
.preloader .spinner.quantum-spinner:after {
    border-top-color: #ffcf00
}

.mode-switch-btn .mode-swich-label:hover svg path,
.mode-switch-btn .tgl:checked+.mode-swich-label:hover svg path,
.card-started .profile .social a:hover .ion path,
.card-started .profile .social a:hover .fab path,
.card-started .profile .social a:hover .fas path {
    fill: #ffcf00
}

.rprof-before path,
.rprof-after path {
    fill: #ffcf00
}

.body-style-dark .card-started .profile .title {
    color: rgba(255, 255, 255, .85)
}

.content .title,
.service-items .service-item .name,
.ar-h-title,
.ar-title {
    color: #000
}

.body-style-dark .content .title,
.body-style-dark .service-items .service-item .name,
.body-style-dark .ar-h-title,
.body-style-dark .ar-title {
    color: rgba(255, 255, 255, .85)
}

.body-style-dark .content .title,
.body-style-dark .service-items .service-item .name,
.body-style-dark .ar-h-title,
.body-style-dark .ar-title {
    color: #fff
}

body {
    color: #343434
}

body.body-style-dark {
    color: rgba(255, 255, 255, .55)
}

body.body-style-dark {
    color: #bdbdbd
}

.content .title .first-word,
.content .title:first-letter,
.content .title .first-letter:first-letter,
.content-sidebar h2.widget-title .first-word,
.content-sidebar h2.widget-title:first-letter,
.content-sidebar h2.widget-title .first-letter:first-letter,
.content .post-comments .title_inner:first-letter,
.content .post-comments .title .first-letter:first-letter {
    color: #000 !important
}

body.body-style-dark .content .title .first-word,
body.body-style-dark .content .title:first-letter,
body.body-style-dark .content .title .first-letter:first-letter,
body.body-style-dark .content-sidebar h2.widget-title .first-word,
body.body-style-dark .content-sidebar h2.widget-title:first-letter,
body.body-style-dark .content-sidebar h2.widget-title .first-letter:first-letter,
body.body-style-dark .content .post-comments .title_inner:first-letter,
body.body-style-dark .content .post-comments .title .first-letter:first-letter {
    color: #ffcf00 !important
}

body.body-style-dark .content .title .first-word,
body.body-style-dark .content .title:first-letter,
body.body-style-dark .content .title .first-letter:first-letter,
body.body-style-dark .content-sidebar h2.widget-title .first-word,
body.body-style-dark .content-sidebar h2.widget-title:first-letter,
body.body-style-dark .content-sidebar h2.widget-title .first-letter:first-letter,
body.body-style-dark .content .post-comments .title_inner:first-letter,
body.body-style-dark .content .post-comments .title .first-letter:first-letter {
    color: #fff !important
}

body {
    font-family: 'Syne'
}

.content .title,
h1,
h2,
h3,
h4,
h5,
h6,
.ar-h-title,
.ar-title {
    font-family: 'Syne'
}

@media (min-width:681px) {

    .content .title,
    .ar-title {
        font-size: 21px
    }
}

.content .title,
.service-items .service-item .name,
.pricing-items .pricing-item .name,
.revs-item .info .name,
.resume-title .name,
.skill-title .name,
.resume-items .resume-item .name,
.revs-two-item .info .name,
.box-item .desc .name,
.content.blog .box-item .desc .name,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
h1,
h2,
h3,
h4,
h5,
h6,
.ar-h-title,
.ar-title {
    font-weight: 700
}

.card-started .profile .title {
    font-weight: 700
}

.card-started .profile .title {
    text-transform: unset
}

.card-started .profile .subtitle,
.card-started .profile .typed-cursor,
.card-started .profile .subtitle p,
.card-started .profile .typed-cursor p {
    text-transform: unset
}

.card-started .profile .social a .fab {
    font-size: 18px
}

.card-started .profile .social a .fab svg {
    width: 18px
}

.card-started .profile .lnk {
    text-transform: uppercase
}

body .header .menu-btn,
body .card-started .profile,
body .card-started .profile .slide:before,
body .card-started .profile .slide:after,
body .card-inner,
body .card-inner:before,
body .card-inner:after,
body .skills-list.circles .progress:after,
body .mfp-wrap.popup-box-inline,
body .info-list ul li strong:after,
body .content-sidebar,
body .profile .main-menu-fixed:before,
body .header .cart-btn,
body .header .cart-btn .cart-widget,
body .header .top-menu,
body .header .mode-switch-btn,
body .content-sidebar .close,
body .custom-footer,
body .menu-centered.header,
body .layout-futurism-style .menu-centered.header:after,
body .theme-style-blured .menu-centered.header:after {
    background: #fff
}

body .header .cart-btn .cart-widget:before {
    border-right-color: #fff
}

body .card-started .profile .image img {
    border-color: #fff
}

body .theme-style-blured .card-inner {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 1) 100%) !important
}

body.body-style-gradient .theme-style-blured .menu-centered.header:after {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .7) 75%, rgba(255, 255, 255, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .7) 75%, rgba(255, 255, 255, 1) 100%) !important
}

body .textured-icons-style .service-items .service-item .icon,
body .textured-icons-style .pricing-items .pricing-item .icon,
body .textured-icons-style .fuct-items .fuct-item .icon,
body .textured-icons-style .resume-title .icon,
body .textured-icons-style .skill-title .icon {
    background-color: #fff !important
}

body .rprof-after path:nth-child(3) {
    fill: #fff
}

@media (max-width:680px) {
    body .header {
        background-color: #fff
    }
}

@media (max-width:680px) {
    body .header .top-menu ul.menu {
        background-color: #fff
    }

    body .theme-style-textured .header .top-menu ul.menu {
        background-color: transparent
    }
}

body.body-style-dark .header .menu-btn,
body.body-style-dark .card-started .profile,
body.body-style-dark .card-started .profile .slide:before,
body.body-style-dark .card-started .profile .slide:after,
body.body-style-dark .card-inner,
body.body-style-dark .card-inner:before,
body.body-style-dark .card-inner:after,
body.body-style-dark .skills-list.circles .progress:after,
body.body-style-dark .mfp-wrap.popup-box-inline,
body.body-style-dark .info-list ul li strong:after,
body.body-style-dark .content-sidebar,
body.body-style-dark .profile .main-menu-fixed:before,
body.body-style-dark .header .cart-btn,
body.body-style-dark .header .cart-btn .cart-widget,
body.body-style-dark .header .top-menu,
body.body-style-dark .header .mode-switch-btn,
body.body-style-dark .content-sidebar .close,
body.body-style-dark .custom-footer,
body.body-style-dark .menu-centered.header,
body.body-style-dark .layout-futurism-style .menu-centered.header:after,
body.body-style-dark .theme-style-blured .menu-centered.header:after {
    background: #31313a
}

body.body-style-dark .header .cart-btn .cart-widget:before {
    border-right-color: #31313a
}

body.body-style-dark .card-started .profile .image img {
    border-color: #31313a
}

body.body-style-dark .theme-style-blured .card-inner {
    background: -webkit-linear-gradient(top, rgba(49, 49, 58, 0) 75%, rgba(49, 49, 58, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(49, 49, 58, 0) 75%, rgba(49, 49, 58, 1) 100%) !important
}

body.body-style-dark.body-style-gradient .theme-style-blured .menu-centered.header:after {
    background: -webkit-linear-gradient(top, rgba(49, 49, 58, .5) 75%, rgba(49, 49, 58, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(49, 49, 58, .5) 75%, rgba(49, 49, 58, 1) 100%) !important
}

body.body-style-dark .textured-icons-style .service-items .service-item .icon,
body.body-style-dark .textured-icons-style .pricing-items .pricing-item .icon,
body.body-style-dark .textured-icons-style .fuct-items .fuct-item .icon,
body.body-style-dark .textured-icons-style .resume-title .icon,
body.body-style-dark .textured-icons-style .skill-title .icon {
    background-color: #31313a !important
}

body.body-style-dark .rprof-after path:nth-child(3) {
    fill: #31313a
}

@media (max-width:680px) {
    body.body-style-dark .header {
        background-color: #31313a
    }
}

@media (max-width:680px) {
    body.body-style-dark .header .top-menu ul.menu {
        background-color: #31313a
    }

    body.body-style-dark .theme-style-textured .header .top-menu ul.menu {
        background-color: transparent
    }
}

body.body-style-dark .header .menu-btn,
body.body-style-dark .card-started .profile,
body.body-style-dark .card-started .profile .slide:before,
body.body-style-dark .card-started .profile .slide:after,
body.body-style-dark .card-inner,
body.body-style-dark .card-inner:before,
body.body-style-dark .card-inner:after,
body.body-style-dark .skills-list.circles .progress:after,
body.body-style-dark .mfp-wrap.popup-box-inline,
body.body-style-dark .info-list ul li strong:after,
body.body-style-dark .content-sidebar,
body.body-style-dark .profile .main-menu-fixed:before,
body.body-style-dark .header .cart-btn,
body.body-style-dark .header .cart-btn .cart-widget,
body.body-style-dark .header .top-menu,
body.body-style-dark .header .mode-switch-btn,
body.body-style-dark .content-sidebar .close,
body.body-style-dark .custom-footer,
body.body-style-dark .menu-centered.header,
body.body-style-dark .layout-futurism-style .menu-centered.header:after,
body.body-style-dark .theme-style-blured .menu-centered.header:after {
    background: #1a1a1c
}

body.body-style-dark .header .cart-btn .cart-widget:before {
    border-right-color: #1a1a1c
}

body.body-style-dark .card-started .profile .image img {
    border-color: #1a1a1c
}

body.body-style-dark .theme-style-blured .card-inner {
    background: -webkit-linear-gradient(top, rgba(26, 26, 28, 0) 75%, rgba(26, 26, 28, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(26, 26, 28, 0) 75%, rgba(26, 26, 28, 1) 100%) !important
}

body.body-style-dark.body-style-gradient .theme-style-blured .menu-centered.header:after {
    background: -webkit-linear-gradient(top, rgba(26, 26, 28, .5) 75%, rgba(26, 26, 28, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(26, 26, 28, .5) 75%, rgba(26, 26, 28, 1) 100%) !important
}

body.body-style-dark .textured-icons-style .service-items .service-item .icon,
body.body-style-dark .textured-icons-style .pricing-items .pricing-item .icon,
body.body-style-dark .textured-icons-style .fuct-items .fuct-item .icon,
body.body-style-dark .textured-icons-style .resume-title .icon,
body.body-style-dark .textured-icons-style .skill-title .icon {
    background-color: #1a1a1c !important
}

body.body-style-dark .rprof-after path:nth-child(3) {
    fill: #1a1a1c
}

@media (max-width:680px) {
    body.body-style-dark .header {
        background-color: #1a1a1c
    }
}

@media (max-width:680px) {
    body.body-style-dark .header .top-menu ul.menu {
        background-color: #1a1a1c
    }

    body.body-style-dark .theme-style-textured .header .top-menu ul.menu {
        background-color: transparent
    }
}

.card-started .profile .image img,
.card-started .profile .image:before {
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.card-started .profile .image:before,
.content .title:before,
.content-sidebar h2.widget-title:before {
    display: none
}

/* Modal Styles */
.modal-overlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
}

.modal-content {
    background-color: #20202a;
    margin: 10% auto;
    padding: 30px;
    border: 1px solid #333;
    width: 90%;
    max-width: 500px;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    animation: fadeIn 0.4s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.close-modal {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
}

.close-modal:hover,
.close-modal:focus {
    color: #ffcf00;
    text-decoration: none;
    cursor: pointer;
}

#cv-download-form input[type="email"] {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 6px;
    border: 1px solid #444;
    background-color: #1a1a1c;
    color: #fff;
    font-size: 16px;
}

#cv-download-form input[type="email"]:focus {
    border-color: #ffcf00;
    outline: none;
}

#cv-msg {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
}

/* Fix Mobile Menu Visibility */
@media (max-width: 680px) {
    .header .top-menu {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        overflow-x: hidden !important;
    }

    .header .top-menu ul {
        width: 100% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .header .top-menu ul li {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        margin: 0 !important;
        text-align: center;
    }

    .header .top-menu ul li a {
        padding: 10px 2px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .header .top-menu ul li a .icon {
        font-size: 16px !important;
        margin-bottom: 5px !important;
    }

    .header .top-menu ul li a {
        color: rgba(255, 255, 255, 0.75) !important;
    }

    .header .top-menu ul li.current-menu-item a,
    .header .top-menu ul li.active a {
        color: #ffcf00 !important;
    }

    .header .top-menu ul li a .name {
        display: block !important;
        font-size: 8px !important;
        color: inherit !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        line-height: normal !important;
    }

    .content-sidebar {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Ensure the container doesn't overflow */
    .container {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    /* Sidebar active state width fix */
    .content-sidebar.active {
        width: 100% !important;
    }
}