/*---------------------------------------->> Variables Declaration <<----------------------------------------*/
  
$blue:#083EA1;  
$green:#90BE6D;  
$red:#FF3724;  
$golden:#F2994A;  
$golden1:#EEA341;  
$sky:#00AEEF;  
$black: #000;
$pblack:#1e2329;  
$sblack:#4c5a6b;
$tblack:#4d5b6c;
$white: #fff;
$grey: #dcdee1;
$regular: 400;
$semi-bold: 500;
$bold: 700;
$poppins: 'Poppins', sans-serif;
$lg-space: 60px;
$md-space: 30px;
$sm-space: 15px;

/*---------------------------------------->> Mixin CSS <<----------------------------------------*/
@mixin transition($transition) {
    -moz-transition:    $transition;
    -o-transition:      $transition;
    -webkit-transition: $transition;
    transition:         $transition;
}
@mixin box-shadow($box-shadow) {
    -webkit-box-shadow: $box-shadow rgba($blue,0.3);
    -moz-box-shadow: $box-shadow rgba($blue,0.3);
    box-shadow: $box-shadow rgba($blue,0.3);
}
@mixin text-shadow($text-shadow) {
    -webkit-text-shadow: $text-shadow rgba($black,0.2);
    -moz-text-shadow: $text-shadow rgba($black,0.2);
    text-shadow: $text-shadow rgba($black,0.2);
}
@mixin transform($transform) {
    -moz-transform: $transform;
    -o-transform: $transform;
    -webkit-transform: $transform;
    transform: $transform;
}
@mixin user-select-drag {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-drag:none;
    -webkit-user-drag:none;
    -ms-user-drag:none;
    -moz-user-drag:none;
}
@mixin flexbox{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@mixin inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
