/* Device = Most of the Smartphones Mobiles (Portrait) */
$screen-xxs-min: 320px;
$screen-xxs-max: 480px;

/* Device = Low Resolution Tablets, Mobiles (Landscape) */
$screen-xs-min: 481px;
$screen-xs-max: 767px;

/* Device = Tablets, Ipads (portrait) */
$screen-sm-min: 768px;
$screen-sm-max: 1024px;

/* Device = Laptops, Desktops */
$screen-md-min: 1025px;
$screen-md-max: 1280px;

/* Device = Desktops */
$screen-lg-min: 1281px;
$screen-lg-max: 1440px;

/* Higher Resolution Screens */
$screen-xlg-min: 1441px;
$screen-xlg-max: 2560px;


/* font and font-weight */
$font-family-montserrat: 'Montserrat', sans-serif;

$font-weight-thin:          100;
$font-weight-exlight:       200;
$font-weight-light:         300;
$font-weight-regular:       400;
$font-weight-medium:        500;
$font-weight-semibold:      600;
$font-weight-bold:          700;
$font-weight-exbold:        800;
$font-weight-black:         900;

/* Colors */

$color-white:       #fff;
$color-black:       #0d0d0d;
$color-alice-blue:  #f8f9fa;
$color-grey:        #495057;
$color-blue:        #4dabf7;
$color-yellow:      #F4D909;
$color-azure-pink:  #2B2850;
$color-red:         #b91d06;
$color-bg-purple:   #1a1a24;

// other variables here
.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none !important;
}

.pt-20 {
    padding-top: 20px;
}

.card {
    background-color: transparent !important;
}

section {
    padding: 100px 0;
}

.py-2-8 {
    padding: 0.999rem 0; 
}

.py-2-5 {
    padding: 0.75rem 0; 
}

.bg-avail {
    background-color: $color-azure-pink !important;
    color: rgba($color: $color-white, $alpha: 0.5) !important;
    i {
        color: rgba($color: $color-white, $alpha: 0.5) !important;
    }
    img {
        opacity: 0.5;
    }
    p {
        opacity: 0.5;
    }
}

.bg-taken {
    background-color: $color-yellow !important;
}

.bg-grey {
    background-color: $color-grey !important;
    color: rgba($color: $color-white, $alpha: 0.5) !important;
    i {
        color: rgba($color: $color-white, $alpha: 0.5) !important;
    }
    img {
        opacity: 0.5;
    }
    p {
        opacity: 0.5;
    }
}

.bg-red {
    background-color: $color-red !important;
}

.v-none {
    visibility: hidden;
}