:root .light-st {
    --fw-light:           400;

    /* Primary Color */
    --color-one:                        #B90808;
    --color-one-rgb:                    185, 8, 8;   

    /* Text Color */
    --color-two:                      #585858;
    --color-two-rgb:                   88, 88, 88;
    
    /* Body BG */
    --color-dark-one:                  #FFFFFF;
    --color-dark-one-rgb:               255, 255, 255;

    /* Hero BG */
    --color-dark-two:                  #FAFAFA;
    --color-dark-two-rgb:               250, 250, 250;
    
    --color-dark-three:                #F2F2F2; 
    --color-dark-three-rgb:             242, 242, 242;
    
    --color-dark-four:                 #F5F5F5;
    --color-dark-four-rgb:              245, 245, 245;
    
    --color-dark-five:                 #DDDDDD;
    --color-dark-five-rgb:              221, 221, 221;

    --color-dark-six:                  #272727;
    --color-dark-six-rgb:               39, 39, 39;

    --color-dark-seven:                #DDDDDD;
    --color-dark-seven-rgb:             221, 221, 221;

    --color-dark-eight:                #343434;
    --color-dark-eight-rgb:             52, 52, 52;

    --color-dark-nine:                #DDDDDD;
    --color-dark-nine-rgb:             221, 221, 221;

    --color-dark-ten:                #444444;
    --color-dark-ten-rgb:             68, 68, 68;

    --color-dark-eleven:                #495060;
    --color-dark-eleven-rgb:             73, 80, 96;

    --color-dark-twelve:                #FAFAFA;
    --color-dark-twelve-rgb:             250, 250, 250;

    --color-dark-thirteen:                #F4F4F4;
    --color-dark-thirteen-rgb:             244, 244, 244;

    --color-dark-fourteen:                #FAFAFA;
    --color-dark-fourteen-rgb:             250, 250, 250;

    --color-dark-fifteen:                #F5F5F5;
    --color-dark-fifteen-rgb:             245, 245, 245;
    
    --color-white:                     #000000;
    --color-white-rgb:                  0, 0, 0;

    --color-black:                     #FFFFFF;
    --color-black-rgb:                  255, 255, 255;

    --color-muted:                     #4E4E4E;
    --color-muted-rgb:                  78, 78, 78;


    --link-color:                      #000000;
    --link-color-hover:                #B90808;

    --gradient-two: linear-gradient(90deg, var(--color-dark-thirteen) 0%, var(--color-dark-one) 100%);
    --gradient-two-alt: linear-gradient(90deg, var(--color-dark-one) 0%, var(--color-dark-thirteen) 100%);
    --gradient-two-180: linear-gradient(180deg, var(--color-dark-thirteen) 0%, var(--color-dark-one) 100%);
    --gradient-two-180-alt: linear-gradient(180deg, var(--color-dark-one) 0%, var(--color-dark-thirteen) 100%);
}


.bg-black.light-st {
    background-color: var(--color-black) !important;
}


.light-st .mxt-item--icon .light-icon {
    display: none;
}
.light-st .mxt-item--icon .dark-icon {
    display: block;
}

.light-st .both-version.mxt-item-layer img:first-child {
    display: none;
}
.light-st .both-version.mxt-item-layer img + img {
    display: block;
}
.light-st.mxt-slider.style1,.light-st.mxt-slider.style2,.light-st.mxt-slider.style3,.light-st.mxt-slider.style4,.light-st.mxt-slider.style5, .light-st.mxt-slider.style6, .light-st.mxt-slider.style7, .light-st.mxt-slider.style8, .light-st.mxt-slider.style9, .light-st.mxt-slider.style10, .light-st.mxt-slider.style12{
    background-color: var(--color-black);
}
.light-st.mxt-slider.style1 .mxt-heading .mxt-item--title, .light-st.mxt-slider.style1 .mxt-heading .mxt-item--subtitle,.light-st.mxt-slider.style16 .mxt-heading .mxt-item--description,.light-st.mxt-slider.style16 .mxt-heading .mxt-item--subtitle,.light-st.mxt-slider.style8 .mxt-heading .mxt-item--subtitle,.light-st.mxt-slider.style8 .mxt-heading .mxt-item--title,.light-st.mxt-slider.style8 .mxt-heading .mxt-item--description,.light-st.mxt-slider.style16 .swiper-slide .mxt-slider--item .mxt-slider--inner .mxt-heading .mxt-item--title {
    color: var(--link-color);
}
.light-st.mxt-slider.style8 .mxt-heading .mxt-item--subtitle a {
    color: var(--link-color);
}
.light-st.mxt-slider.style8 .mxt-item--button a {
  color: var(--link-color);
}
.light-st.mxt-slider.style16 .swiper-slide .mxt-slider--item .mxt-slider--inner {
    background-color: var(--color-dark-two);
}
.light-st.mxt-slider.style16 .mxt-item--button .btn {
    color: var(--link-color);
}
.light-st.mxt-slider.style16 .swiper-slide .mxt-slider--item .mxt-slider--inner .mxt-heading .mxt-item--title::before {
    background-color: var(--color-dark-five);
}

.light-st .aside_info_wrapper .mxt-icon-box1.style2 .mxt-item--icon,
.light-st .mxt-icon-box1.style2 .mxt-item--description a:not(:hover) {
    color: var(--color-two);
}
.light-st .mxt-heading .mxt-item--subtitle,.light-st .mxt-heading .mxt-item--title {
    color: var(--color-black);
}
.light-st.mxt-slider.style1 .social-box.style-oval ul li a,
.light-st .mxt-icon-box6 .mxt-item--title a,
.light-st .mxt-blog-grid1 .mxt-item--inner .mxt-item--author a:not(:hover),
.light-st .mxt-swiper-navigation.style2 .mxt-swiper-arrow {
    color: var(--color-white);
}

.light-st input[type="submit"]:hover,
.light-st.mxt-about-one .round-button .btn:not(:hover),
.light-st.mxt-about-two .round-button .btn:not(:hover),
.light-st.mxt-slider.style2 .mxt-left-pane .logo h6,
.light-st.mxt-slider.style1 .social-box.style-oval ul li a:hover,
.light-st.mxt-slider.style2 .mxt-swiper-navigation.style3 .mxt-swiper-arrow,
.light-st.mxt-slider.style3 .mxt-swiper-navigation.style3 .mxt-swiper-arrow,
.light-st.mxt-slider.style5 .mxt-swiper-navigation.style2 .mxt-swiper-arrow,
.light-st.mxt-slider.style6 .mxt-heading .btn-two.white-opacity,
.light-st.mxt-slider.style13 .mxt-swiper-navigation.style1 .mxt-swiper-arrow {
    color: var(--color-black);
}


/* Background CSS */
.light-st .mxt-packages1.active .mxt-item--inner .mxt-item--button .btn,
.light-st .mxt-packages1:hover .mxt-item--inner .mxt-item--button .btn {
    background-color: var(--color-one);
}

.light-st.mxt-slider.style2 .mxt-swiper-dots.style2 .swiper-pagination-bullet:before,
.light-st.mxt-slider.style3 .mxt-swiper-dots.style2 .swiper-pagination-bullet:before,
.light-st.mxt-contact-form.style2 .form-control {
    background-color: var(--color-black);
}
.light-st.mxt-slider.style2 .mxt-swiper-dots.style2::before, 
.light-st.mxt-slider.style3 .mxt-swiper-dots.style2::before, 
.light-st.mxt-slider.style2 .mxt-swiper-dots.style2::after,
.light-st.mxt-slider.style3 .mxt-swiper-dots.style2::after {
    background-color: rgba(var(--color-black-rgb), 0.3);
}
.light-st.mxt-slider.style5 .btn-two.gray,
.light-st.mxt-slider.style5 .btn-two.white-opacity,
.light-st.mxt-slider.style6 .mxt-heading .btn-two.white-opacity,
.light-st.mxt-slider.style14 .mxt-heading .btn-two.white-opacity {
    background-color: rgba(var(--color-dark-eight-rgb), 0.20);
}

.light-st .mxt-slider .aside_open {
    background-color: var(--color-dark-five);
}
.light-st .mxt-slider .aside_open span {
    background-color: #151515;
}
.light-st.theme-style--olive .mxt-icon-box7.active,
.light-st.theme-style--olive .mxt-icon-box7:hover {
    background-color: rgba(var(--color-black-rgb), 1);
    box-shadow: 0px 50px 40px 15px rgba(var(--color-black-rgb), 0.06);
}

.light-st.mxt-slider.style1 .mxt-heading .mxt-item--title.text-outline {
    -webkit-text-stroke-color: #DDDDDD !important;
}

/* Border CSS */

.light-st.mxt-slider.style2 .mxt-swiper-dots.style2 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.light-st.mxt-slider.style3 .mxt-swiper-dots.style2 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.light-st.mxt-slider.style5 .mxt-heading .btn.creative:not(:hover):before, .light-st.mxt-slider.style5 .mxt-heading .btn.creative:not(:hover)::after, 
.light-st.mxt-slider.style5 .mxt-heading .btn.creative .btn-wrap:not(:hover)::before, .light-st.mxt-slider.style5 .mxt-heading .btn.creative .btn-wrap:not(:hover)::after,
.light-st.mxt-slider.style6 .mxt-heading .btn.creative:not(:hover):before, .light-st.mxt-slider.style6 .mxt-heading .btn.creative:not(:hover)::after, 
.light-st.mxt-slider.style6 .mxt-heading .btn.creative .btn-wrap:not(:hover)::before, .light-st.mxt-slider.style6 .mxt-heading .btn.creative .btn-wrap:not(:hover)::after,
.light-st.mxt-slider.style14 .mxt-heading .btn.creative:not(:hover):before, .light-st.mxt-slider.style14 .mxt-heading .btn.creative:not(:hover)::after, 
.light-st.mxt-slider.style14 .mxt-heading .btn.creative .btn-wrap:not(:hover)::before, .light-st.mxt-slider.style14 .mxt-heading .btn.creative .btn-wrap:not(:hover)::after  {
    border-color: var(--color-black);
}

.light-st .mxt-slider .btn.creative::before, .light-st .mxt-slider .btn.creative::after, 
.light-st .mxt-slider .btn.creative .btn-wrap::before, .light-st .mxt-slider .btn.creative .btn-wrap::after {
    border-color: var(--color-black);
}