/*================================
Template Name: Smuggme
Author: Zethic Technologies
Author website: zethic.com 
Version: 1.0
================================== */

[data-theme="dark"] {
    --primary-color: rgb(107, 106, 134);
    --secondary-color: #000000;
    --font-color: #ffffff;
    --bg-color: #181A20;
    --heading-color: #ffffff;
    --color: #fdf9f6ad !important;
    --display: none;
    --icon-color: #e3455a;
    --border-color: #2f2f2f;
    --bg-none: none;
    --display-block: block;
  
  }
@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (min-width: 992px) and (min-width: 1199.98px) { 
}


@media (min-width: 992px) {
}

@media (max-width: 1200px) {
  
}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {

    [data-theme="dark"].normal-logo{
        display:var(--display) ;
    }
    .hidden-logo{
        display:none;
    }
    .steps-bg{
        display: none;
    }
    .cta-one:before{
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(/assets/img/cta-bg.svg);
    }
    .stepper-count {
        font-size: 5rem;
        right: 0;
        font-weight: bolder;
        position: absolute;
        top: -20px;
        bottom: 0;
        color: #ECEFFB;
        left: 64%;
    }

    .navbar{
        background-color: #ffffff;
    }

    .header .mb-navbar-mt {
        margin-top: 1rem;
     }
    [data-theme="dark"] .navbar{
        background-color: var(--secondary-color)!important;
    }
    .cta-two:before{
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url('/assets/img/creator-signup/cta-bg-1.svg');
    }
    .cta-one{
        padding: 3rem;
    }
    .cta-two{
        padding: 3rem;
    }
    
    
.banner-area-1{
    background-image: url('../img/creator-signup/mobile-bannerS.webp');
    min-height:100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }
    
    .mobile-pt-0{
        padding-top: 0;
    }
    .mobile-pb-0{
        padding-bottom: 0;
    }
    .mobile-mt-3{
        margin-top: 2rem;
    }
    .footer-link{
        display: block;
    }
    .footer-item{
        display: none;
    }
    .footer-link li {
        padding-right: 2rem;
        padding-left: 2rem;
        font-size: 0.9rem;
        font-weight: 500;
    }
    .banner-area {
        background-image: url(../img/header-bg.png);
        min-height: 100vh;
        background-position: top right;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }
  
  
    i {
        font-size: 15px;
        cursor: pointer;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 14%;
        left: 75%;
    }
    .bg-overlay{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
            background:linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8) 0);
    }
    [data-theme="dark"] .bg-overlay {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(90deg, #000000b5 42.24%, rgb(0 0 0 / 53%) 129.57%, rgb(0 0 0 / 56%) 129.57%)
    }

 
   
}




@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
    
}

@media (min-width: 575.98px) {
}

@media (max-width: 768px) {
}
@media (min-width: 768px) {
}

@media (max-width: 980px) {
}