/*
    this is not main stylesheet, main stylesheet is "/modules/landing/commonassets/css/main.css"
    you can override main stylesheet below
*/


/*override*/

.ul--Padding--Left {
    padding-left: 25px;
}

.parallax {
    /* The image used */
    background-image: url(/modules/landing/SBP/assets/img/purpleKit.jpg);
    /* Set a specific height */
    min-height: 350px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.quoteNotation {
    padding-left: 40%;
    text-align: left;
    font-size: .7em;
    line-height: 1.2em;
}


.performance {
    background-color: #7B6EE2;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .placeForEverythingH1 {
        font-size: 35px !important;
    }

    .quoteNotation {
        padding-left: 2%;
    }

    .performance {
        background-color: #7B6EE2;
        background-image: none;
        /*  min-height: 400px; */
        background-attachment: inherit;
        background-position: inherit;
        background-repeat: no-repeat;
        background-size: inherit;
    }
}

.c1, .eco--sec--title h1 span,
.eco--sec--title--white h1 span, .eco--arrow--style--2 .eco--prev,
.eco--arrow--style--2 .eco--next, .eco--home--area--1 .eco--home--content--1 a i, .eco--home--content--2 .eco--video--button a, .eco--promo--list--1 li i, .eco--review--slider--1::before, .eco--review--slider--2 .eco--single--slide .eco--inner .eco--quote, .eco--single--feature--1 span.eco--feature--left, .eco--video--button--5:hover a, .eco--video--button--5 i, .eco--single--faq h4::before, .eco--more--faq, .eco--more--faq:hover, .single_portfolio .inner .h3:hover {
    color: #ffffff;
}

.c1-bo, .eco--btn, .eoc--home--form input:active, .eoc--home--form input:focus,
.eoc--home--form button:active,
.eoc--home--form button:focus, .eco--video--btn--1::after,
.eco--video--btn--2::after,
.eco--video--btn--3::after, .eco--video--button--5:hover i, .eco--newsletter--1 .eco--inner input {
    border-color: #ffa6cb !important;
}

.eco--home--area--1 {
}



@media only screen and (max-width: 991px) {
    .eco--home--area--1 {
        height: auto;
        padding-top: 50px;
        background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(200,200,200,1));
    }
}

.eco--home--area--1--flip {
    /*background-color: transparent;*/
    background-image: url(/modules/landing/LatPack/assets/img/Section_1_Gradient_BKGD_flip.jpg);
    background-repeat: repeat-x;
    /* height: 320px;*/
    /*  overflow: hidden;  */
}

@media only screen and (max-width: 991px) {
    .eco--home--area--1--flip {
        height: auto;
        padding-top: 50px;
    }
}

.eco--home--area--1 .eco--home--content--1 a {
    margin-top: 120px;
    margin-bottom: 0;
    font-size: 12px;
}

.eco--Intro {
    background: rgb(241,241,241);
    background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(241,241,241,1) 100%);
    height: 500px;
}

.eco--review--slider--1 {
    padding: 0 100px;
}

.eco--sec--title--left {
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
}

    .eco--sec--title--left.eco--small h1 {
        font-size: 60px;
        line-height: 60px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .eco--review--slider--1 {
        padding: 15px 0 0 0;
    }

        .eco--review--slider--1 .eco--single--slide h3 {
            line-height: 24px;
            font-size: 18px;
            text-align: center;
        }
}

@media only screen and (max-device-width: 480px) {
    .parallax {
        /* remove the parallax scrolling effect */
        background-attachment: unset;
        background-position: unset;
        background-repeat: unset;
        background-size: unset;
    }

    .ul--Padding--Left {
        padding-left: 25px;
    }

    .eco--Intro {
        height: unset;
    }

    .eco--sec--title--left.eco--small h1 {
        font-size: 46px;
        line-height: 46px;
    }
}

.one-slide {
    font-size: unset !important;
}

/*end override*/

       
.custom-counter {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*list-style-type: upper-alpha;*/
}

    .custom-counter li {
        counter-increment: step-counter;
        margin-bottom: 10px;
    }

        .custom-counter li::before {
            content: counter(step-counter, upper-alpha );
            margin-right: 5px;
            font-size: 80%;
            background-color: rgb(255,166,203);
            color: white;
            font-weight: bold;
            padding: 3px 8px;
            border-radius: 3px;
        }