@import url("./vars.css");
*{
            font-family: "sharpGroteskLight";
        }
        .light{
            font-family: "sharpGroteskLight" !important;
        }

        .bold{
            font-family: "sharpGroteskSemi" !important;
        }
        .medium{
            font-family: "sharpGroteskMedium";
        }
        .white{
            color: white;
        }


        .absolute{
            position: absolute;
        }
        .primary{
            color: var(--primaryColor);
        }

        .h100vh{
            height: 100vh !important;
            
        }
        .flex{
            display: flex;
        }

        .btnPrimary{
            background-color: #090731;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 50px;
            font-size: 14px;
        }
        .btnSecondary{
            background-color: white;
            color: #341EFF;
            border: none;
            padding: 12px 25px;
            border-radius: 50px;
            font-size: 14px;
        }
        .btnTertiary{
            background-color: var(--primaryColor)  !important;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 50px;
            font-size: 14px;
        }

        .iconBtnDescubre{
            font-size: 30px;
        }
        .textPrimary{
            color: var(--primaryColor);
        }

        .noUi-connect{
            background-color: var(--primaryColor) !important; 
        }
        .noUi-marker-sub, .noUi-marker-large{
            display: none;
        }
        .relative{
            position: relative;
        }