/*======================================================
Project: Alura - Creative Pricing Tables
Author: Sneh Mavani
Released On: 7, september 2019
@version: 1.0
========================================================*/

/*==================================================
[Table of contents For Purple Gradiant Color]
* Alura Style Sidebar Togle CSS
* Alura Slider CSS
* Alura Switcher CSS
* Alura Style 1 Color CSS
* Alura Style 2 Color CSS
* Alura Style 3 Color CSS
* Alura Style 4 Color CSS
* Alura Style 5 Color CSS
* Alura Style 6 Color CSS
* Alura Style 8 Color CSS
* Alura Style 9 Color CSS
* Alura Style 10 Color CSS
====================================================*/ 

/*=====================================
    Start alura Style Sidebar Togle CSS
=======================================*/
/* Setting Slide Menu */
.pp-header{
    background: -webkit-linear-gradient(to right, #ff4a10, #ff9f0e);
    background: -moz-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: -o-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: linear-gradient(to right, #ff9f0e, #ff4a10);
}
.pp-setting .icon i,
.pp-setting .link li a:hover{
    color: #ff4a10;
}

/*=====================================
    End alura Style Sidebar Togle CSS
=======================================*/

/*====================================
    Start alura Slider CSS
======================================*/
/* alura Slider Linear-Gradient */
.alura-slider .owl-dots .owl-dot.active span{
    background: -webkit-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: -moz-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: -o-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: linear-gradient(to right, #ff9f0e, #ff4a10);
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background: linear-gradient(to right, #ff9f0e, #ff4a10);
}

/*====================================
    End alura Slider CSS
======================================*/

/*====================================
    Start alura Switcher CSS
======================================*/

/* alura Switcher */
.alura-switcher .alura-field{
    background: #555555;
}
.alura-switcher .alura-switch{
    background: -webkit-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: -moz-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: -o-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: linear-gradient(to right, #ff9f0e, #ff4a10);
}
/*====================================
    End alura Switcher CSS
======================================*/

/*====================================
    Start alura Tab Switcher CSS
======================================*/

/* alura Tab Switcher */
.alura-tabs .alura-tab-selector{
    background: -webkit-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: -moz-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: -o-linear-gradient(to right, #ff9f0e, #ff4a10);
    background: linear-gradient(to right, #ff9f0e, #ff4a10);
}
/*====================================
    End alura Tab Switcher CSS
======================================*/

/*====================================
    Start alura Layout color
======================================*/
/* alura Layout */
.home-layout-1{
    background: linear-gradient(to right, #ff9f0e, #ff4a10);
}
.bottom-section-1 .layout-features i{
    background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*====================================
    End alura Layout color
======================================*/

/*====================================
    start alura Style 1 Color CSS
======================================*/
.alura-table-1 .alura-icon .fa-icon{
    background: linear-gradient(to right,#ff9f0e, #ff4a10);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.alura-table-1 .alura-ribbon span,
.alura-table-1 .ribbon span,
.alura-table-1 .alura-button{
    color: #ff4a10;
}
.alura-table-1 .alura-header,
.alura-table-1 .alura-bottom,
.alura-table-1 .alura-button .round{
    background: -webkit-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -moz-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -o-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
}
/*====================================
    End alura Style 1 Color CSS
======================================*/

/*====================================
    Start alura Style 2 Color CSS
======================================*/
.alura-table-2:hover .alura-price .alura-price-square::before,
.alura-table-2:hover .alura-price .alura-price-square::after {
    border-color: #ed7853;
}

/*====================================
    End alura Style 2 Color CSS
======================================*/

/*====================================
    Start alura Style 3 Color CSS
======================================*/
.alura-table-3 .alura-ribbon span {
    color: #ff4a10;
}
.alura-table-3 .alura-button,
.alura-table-3 .alura-header,
.alura-table-3 .button-style{
    background: -webkit-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -moz-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -o-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
}
/*====================================
    End alura Style 3 Color CSS
======================================*/

/*====================================
    Start alura Style 4 Color CSS
======================================*/
.alura-table-4 .alura-price,
.alura-table-4 .button-style,
.alura-table-4 .alura-button,
.alura-table-4 .alura-bottom .button-style{
    background: -webkit-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -moz-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -o-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
}
/*====================================
    End alura Style 4 Color CSS
======================================*/

/*====================================
    Start alura Style 5 Color CSS
======================================*/
.alura-table-5 .alura-ribbon a,
.alura-table-5:hover .alura-price .alura-price-circle,
.alura-table-5:hover .button-style:hover{
    color: #ff4a10;
}
.alura-table-5 .alura-price .alura-price-circle,
.alura-table-5 .button-style,
.alura-table-5:after{
    background: -webkit-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -moz-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -o-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
}
@media screen and (max-width: 575px){
    .alura-table-5{
        background: -webkit-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
        background: -moz-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
        background: -o-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
        background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    }
    .alura-table-5 .alura-price .alura-price-circle,
    .alura-table-5 .button-style{
        background: #fff;
    }
    .alura-table-5 .alura-price .alura-price-circle,
    .alura-table-5 .button-style{
        color: #ff4a10;
    }
    .alura-table-5:hover .button-style{
        color: #ff4a10;
    }
}
/*====================================
    End alura Style 5 Color CSS
======================================*/

/*====================================
    Start alura Style 6 Color CSS
======================================*/

.alura-table-6 .alura-button::after{
    border: 2px solid transparent;
    border-image: linear-gradient(to right, #ff9f0e,#ff4a10);
    border-image-slice: 1;
}
.alura-table-6 .alura-button:hover{
    color: #ff4a10;
}
.alura-table-6 .alura-ribbon,
.alura-table-6 .alura-hexagon,
.alura-table-6 .alura-button::before{
    background: -webkit-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -moz-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -o-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
}
/*====================================
    End alura Style 6 Color CSS
======================================*/

/*====================================
    Start alura Style 8 Color CSS
======================================*/
.alura-table-8 .alura-bottom .alura-button::before{
    border: 2px solid transparent;
    border-image: linear-gradient(to right, #ff9f0e,#ff4a10);
    border-image-slice: 1;
}
.alura-table-8 .alura-button span,
.alura-table-8 .alura-bottom .alura-button {
    color: #ff4a10;
}
.alura-table-8 .alura-price .alura-squere,
.alura-table-8 .alura-bottom .alura-button::after{
    background: -webkit-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -moz-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -o-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
}
/*====================================
    End alura Style 8 Color CSS
======================================*/

/*====================================
    start alura Style 9 Color CSS
======================================*/
.alura-table-9 .alura-button .button-style {
    border: 2px solid transparent;
    border-image: linear-gradient(to right, #ff9f0e,#ff4a10);
    border-image-slice: 1;
}
.alura-table-9 .alura-button .button-style span{
    color: #ff4a10;
}
.alura-table-9 .active-header,
.alura-table-9 .alura-button .button-style:before,
.alura-table-9:hover .alura-header{
    background: -webkit-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -moz-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -o-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
}

/*====================================
    End alura Style 9 Color CSS
======================================*/

/*====================================
    start alura Style 10 Color CSS
======================================*/
.alura-table-10 .alura-button .button-style {
    border: 2px solid transparent;
    border-image: linear-gradient(to left, #ff4a10,#ff9f0e);
    border-image-slice: 1;
}
.alura-table-10:hover .alura-head{
    border-bottom: 5px solid #ff4a10;
}
.alura-table-10 .alura-head h4,
.alura-table-10 .alura-button .button-style:hover span{
    color: #ff4a10;
}
.alura-table-10 .alura-lable,
.alura-table-10 .alura-head .alura-icon,
.alura-table-10 .alura-price,
.alura-table-10 .alura-button .button-style .cart-icon,
.alura-table-10 .alura-button{
    background: -webkit-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -moz-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: -o-linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
    background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
}

/*====================================
    End alura Style 10 Color CSS
======================================*/


.alura-table-10 .alura-button .button-style .cart-icon {
    background: linear-gradient(to right, #ff9f0e 0%, #ff4a10 74%);
}