.site-header {
    top: 0;
    position: sticky;
    width: 100% !important;
}

.site-header .ast-primary-header-bar {
    background-color: hsl(0deg 0% 0% / 50%);
    background-image: linear-gradient(135deg, hsl(220 100% 60% / .1) 100%, hsl(45 100% 65% / .05) 97%, #14181e 100%);
    border-bottom-width: 0 !important;
}

.site-header li a {
    color: #F9FAFB !important;
}

.site-header li a:hover {
    color: #3377FF !important;
}

.site-header .current-menu-item a {
    color: #3377FF !important;
}

.site-header .ast-custom-button{
    background:#3377FF !important   ;
    color:#0B0E13 !important;
}

.mobile-menu-toggle-icon svg {
    fill: #fff !important;
}

.site-footer-primary-section-2 section {
    margin-bottom: 0;
}

.site-footer-primary-section-2 p {
    margin-bottom: 12px;
}

.bg-gradient{
    background-image: linear-gradient(135deg, hsl(220 100% 60% / .1), hsl(45 100% 65% / .05));
}

.bg-gradient-card{
    background-image: linear-gradient(to bottom right,hsl(220 23% 8%) , hsl(217 33% 17%));
}

#page {
    background-color: hsl(220 26% 6%);
}

.promo__image {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 40px hsl(220 100% 60% / .3);
    border-radius: 16px;
}

.promo__btn a:hover {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 40px hsl(220 100% 60% / .3);
    transition: .3s all;
}

.promo__list li:nth-child(2) path {
    fill: #ffd24d;
}

.ast-separate-container .ast-article-single:not(.ast-related-post){
    background-color:transparent !important;
}

.ast-single-post h1,
.ast-single-post h2,
.ast-single-post h3,
.ast-single-post h4,
.ast-single-post h5,
.ast-single-post h6 {
    color: #fff;
}

.bg-gradient-hover:hover{
    transform: translate(0, 0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05);
    border-color: #3377ff80;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 40px hsl(220 100% 60% / .3);
}

@media (max-width: 921px) {
    .ast-builder-menu-mobile .main-navigation .main-header-menu {
        background: #0b0e13f2 !important;
    }
}