:root {
    --color-primary: #1a1d20;
    --color-secondary: #ffffff;
    --color-coral: #E9967A;
    --color-violet: #800080;
    --color-pink: #DB7093;
    --color-heading: #192335;
    --color-body: #6b7385;
    --color-white: #ffffff;
    --color-white-off: #FFFFFFAB;
    --color-bodyest: #273041;
    --color-dark: #27272E;
    --color-darker: #192335;
    --color-black: #111113;
    --color-grey: rgba(207,207,207,.24);
    --color-grey2: #f4f5f7;
    --color-gray: #A1A9AC;
    --color-gray-light: #F6F6F6;
    --color-gray-lighter: #ebebeb;
    --color-light: #F5F7FA;
    --color-lighter: #F2F5F9;
    --primary-opacity: #2f57ef21;
    --secondary-opacity: #b966e721;
    --coral-opacity: #E9967A21;
    --violet-opacity: #80008021;
    --pink-opacity: #DB709321;
    --white-opacity: #ffffff21;
    --danger-opacity: #FF000310;
    --warning-opacity: #FF8F3C10;
    --success-opacity: #3EB75E10;
    --black-opacity: rgba(0, 0, 0, 0.1);
    --heading-opacity: #19233550;
    --color-card-1: #fffccf;
    --color-card-2: #ffedff;
    --color-card-3: #ffe8eb;
    --color-card-4: #e9f6ff;
    --color-card-5: #5024D1;
    --color-card-6: #3B3B46;
    --color-success: #00be6b;
    --color-danger: #FF0003;
    --color-warning: #5ba51e;
    --color-info: #26C2FF;
    --color-primary-alt: #d7d0f2;
    --color-primary-light: #f1f7ff;
    --color-primary-lighter: #EEEEFF;
    --color-secondary-alt: #fef4f4;
    --color-extra: rgb(249, 249, 255);
    --color-extra2: #d7d0f2;
    --color-border: #e6e3f1;
    --color-border-2: #e6e3f14f;
    --color-badge-1: #303F5B;
    --color-badge-2: #F2C94C;
    --color-facebook: #3B5997;
    --color-twitter: #1BA1F2;
    --color-youtube: #ED4141;
    --color-linkedin: #0077B5;
    --color-pinterest: #E60022;
    --color-instagram: #C231A1;
    --color-vimeo: #00ADEF;
    --color-twitch: #6441A3;
    --color-discord: #7289da;
    --radius-10: 10px;
    --radius-big: 16px;
    --radius-small: 6px;
    --border-width: 2px;
    --radius: 6px;
    --f-light: 300;
    --f-regular: 400;
    --f-medium: 500;
    --f-semi-bold: 600;
    --f-bold: 700;
    --f-extra-bold: 800;
    --f-black: 900;
    --shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
    --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
    --shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    --shadow-1: 0px 6px 34px rgba(215, 216, 222, 0.41);
    --shadow-slide-item: 0px 0 10px 0 rgba(215, 216, 222, 0.20);
    --shadow-2: 0 15px 34px 0 rgba(175, 181, 204, 0.32);
    --shadow-3: 0 5px 15px 0 rgba(85, 74, 101, 0.37);
    --shadow-5: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
    --shadow-7: 0px 15px 30px -2px rgba(0, 0, 0, 0.1);
    --shadow-8: -5px 18px 60px 0 rgba(210, 210, 234, 0.4);
    --shadow-9: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
    --shadow-10: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
    --shadow-11: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    --transition: 0.3s;
    --transition-2: 256ms ease-in-out;
    --transition-3: transform .85s cubic-bezier(.23,1,.32,1),background .3s,border .3s,border-radius .3s,box-shadow .3s;
    --transition-4: all .25s cubic-bezier(.645,.045,.355,1);
    --font-primary: "Euclid Circular";
    --font-secondary: "Euclid Circular";
    --font-alt: "Source Serif Pro", serif;
    --font-size-b1: 24px;
    --font-size-b2: 18px;
    --font-size-b3: 16px;
    --font-size-b4: 12px;
    --line-height-b1: 1.5;
    --line-height-b2: 1.67;
    --line-height-b3: 1.67;
    --line-height-b4: 1;
    --h1: 52px;
    --h2: 44px;
    --h3: 34px;
    --h4: 30px;
    --h5: 24px;
    --h6: 16px;
    --h7: 15px;
    --div-gap-1: 10px;
    --gradient-1: linear-gradient(rgb(255, 255, 255) 0%, rgb(239, 241, 255) 100%);
    --gradient-4: linear-gradient(180deg,#fff,#f6f9ff);
    --gradient-2: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(240, 242, 255) 100%);
    --gradient-3: linear-gradient(90deg, #8DA9FC 0%, #B48DD5 100%);
    --gradient-4: linear-gradient(180deg, #EFF1FF 0%, #FFFFFF 100%);
    --gradient-5: linear-gradient(rgb(239, 241, 255) 0%, rgb(239, 241, 255) 100%);
    --gradient-6: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(251, 199, 226, 0.15), rgba(220, 217, 254, 0.15));
    --gradient-7: linear-gradient(218.15deg, var(--color-secondary) 0%, var(--color-primary) 100%);
    --gradient-8: linear-gradient(270deg, #9e77ff 0%, #4460ff 100%);
    --gradient-9: linear-gradient(180deg, #6827FF 0%, #E3F0FF 100%);
    --bg-primary: #202124;
    --bg-colors-bgSidebar: #121212;
}

.btn.btn-primary {
    color: #FFFFFF;
    background-color: #5ba51e;
    border-color: #5ba51e;
}

.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #5ba51e;
    border-color: #5ba51e;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #5ba51e;
    border-color: #5ba51e;
}

.svg-icon.svg-icon-primary svg g [fill] {
    -webkit-transition: fill 0.3s 
ease;
    transition: fill 0.3s 
ease;
    fill: #5ba51e !important;
}

.rbt-user-menu-list-wrapper .user-list-wrapper li:hover a {
            cursor: pointer;
            background: rgb(25, 25, 25);
            border-left-width: 3px;
            border-left-style: solid;
            border-color: #5ba51e;
        }
		
		.dashboard-mainmenu li a.active span,
.dashboard-mainmenu li a.active i {
    color: #5ba51e !important;
}

    .rbt-btn.btn-border:hover {
        background: #5ba51e !important;
        border-color: #5ba51e !important;
        color: var(--color-white);
    }
	
	        .progress .progress-bar.bar-color-warning {
            background: #5ba51e;
        }
		
		        .rbt-widget-details .rbt-course-details-list-wrapper li a:hover,
        .rbt-widget-details .rbt-default-sidebar-list li a:hover,
        .rbt-default-sidebar-wrapper .rbt-course-details-list-wrapper li a:hover,
        .rbt-default-sidebar-wrapper .rbt-default-sidebar-list li a:hover {
            color: #5ba51e !important;
        }


.btn-grad {
    background-color: #5ba51e !important;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
}

button {
    background-color: #5ba51e !important;
    transition: 0.5s;
    background-size: 200% auto;
    color: white !important;
}

.rbt-header .mainmenu-nav .mainmenu > li:hover > a, .rbt-header .mainmenu-nav .mainmenu > li.active > a {
    color: #5ba51e !important;
}

.bg-primary-opacity {
    background: #5ba51e !important;
    color: white !important;
}


.rbt-btn.btn-gradient {
    color: var(--color-white);
    background: #5ba51e !important;
}

.rbt-gradient-border {
    background: #5ba51e !important;
}

.rbt-inner-onepage-navigation .mainmenu-nav .mainmenu li.current a::after, .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu li:hover a::after {
    background: #5ba51e !important;
}

.rbt-course-main-content li a.active {
    color: #5ba51e !important;
    font-weight: 600;
}

.texture-text-top-ten-numbers-trail {
    color: #5ba51e;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    line-height: normal !important;
}

.btn.btn-primary {
    color: #FFFFFF;
    background-color: #5ba51e;
    border-color: #5ba51e;
}

.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #5ba51e;
    border-color: #5ba51e;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #5ba51e;
    border-color: #5ba51e;
}


.rbt-header .logo a img {
max-height: 60px !important};
}

button {
    background-color: #5ba51e !important;
    transition: 0.5s;
    background-size: 200% auto;
    color: white !important;
}

.rbt-course-main-content li a.active {
    color: #5ba51e !important;
    font-weight: 600;
}


.lesson-search-wrapper .kt-header__brand-logo-default {
    max-height: 60px !important;
}