/* Minification failed. Returning unminified contents.
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(208,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(217,42): run-time error CSS1039: Token not allowed after unary operator: '-logocolor-start'
(218,34): run-time error CSS1039: Token not allowed after unary operator: '-logocolor-end'
(234,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(242,21): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(248,22): run-time error CSS1039: Token not allowed after unary operator: '-signup-bg'
(249,17): run-time error CSS1039: Token not allowed after unary operator: '-signup-text'
(257,22): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(266,26): run-time error CSS1039: Token not allowed after unary operator: '-signup-hover'
(277,22): run-time error CSS1039: Token not allowed after unary operator: '-footer-bg'
(278,17): run-time error CSS1039: Token not allowed after unary operator: '-footer-text'
(288,36): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(291,30): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(295,36): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,28): run-time error CSS1039: Token not allowed after unary operator: '-signup-bg'
(311,30): run-time error CSS1039: Token not allowed after unary operator: '-signup-bg'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(347,28): run-time error CSS1039: Token not allowed after unary operator: '-signup-bg'
(350,28): run-time error CSS1039: Token not allowed after unary operator: '-signup-bg'
(351,30): run-time error CSS1039: Token not allowed after unary operator: '-signup-bg'
(364,30): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(393,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(396,22): run-time error CSS1039: Token not allowed after unary operator: '-signup-bg'
(399,28): run-time error CSS1039: Token not allowed after unary operator: '-signup-bg'
(401,17): run-time error CSS1039: Token not allowed after unary operator: '-signup-bg'
(404,22): run-time error CSS1039: Token not allowed after unary operator: '-signup-bg'
 */
/*SM04092025 -  Home Page color proposal*/
.mobile_navdata {
    border-top: unset !important;
}
body {
    --footer-height: 40px;
    --transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    line-height: 1.6;
}

/* ===== VERSION SWITCHER ===== */
.version-switcher {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 12px;
    z-index: 1000;
    background: rgba(255,255,255,0.9);
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.version-switcher button {
    padding: 8px 16px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
}

    .version-switcher button:nth-child(1) {
        background: #3A4D8F;
        color: white;
    }

    .version-switcher button:nth-child(2) {
        background: #3c65f5;
        color: white;
    }

    .version-switcher button:nth-child(3) {
        background: #22ad4c;
        color: white;
    }

    .version-switcher button:nth-child(4) {
        background: #472d8e;
        color: white;
    }

    .version-switcher button:nth-child(5) {
        background: #e2aaef;
        color: white;
    }
    /*original btn*/
    .version-switcher button:nth-child(6) {
        background: gray;
        color: white;
    }
/* ===== VERSION 1 (MODERN TECH BLUE) ===== */

body.version-1 {
    --primary: #3A4D8F; /* ChatGPT AI-Recommended color Indigo Blue */
    --primary-dark: #2C3A5A;
    --primary-light: #E6F0FF;
    --accent: #4CC9F0;
    --accent-dark: #00A3E0;
    --text-on-dark: #FFFFFF;
    --text-on-light: #1A1A1A;
    --danger: #FF4757;
    --success: #00C853;
    --warning: #FFAB00;
    --glass-bg: rgba(255, 255, 255, 0.15);
    --glass-border: rgba(255, 255, 255, 0.2);
    /* Logo effects */
    --logocolor-start: #D4D4D8;
    --logocolor-end: #FAFAFF;
    /* Navbar Text */
    --textnavColor: #FFDB58;
    --textnavHoverColor: #FFF5CC;
    /* Buttons */
    --signup-bg: #ded6fe !important;
    --signup-text: var(--primary);
    --signup-hover: #ded6fe;
    /* Footer */
    --footer-bg: linear-gradient(180deg, #001133 0%, #000822 100%);
    --footer-text: rgba(255, 255, 255, 0.92);
    --footer-accent: #FFDB58;
    --footer-glow: rgba(255, 219, 88, 0.25);
    /* Navbar Height */
    --nav-height: 60px; /* Adjust navbar height as needed */
    /*--learnBtn: linear-gradient(135deg, #3A4D8F 0%, #2C3A5A 100%) !important;*/
}

/* ===== VERSION 2 (PROFESSIONAL EMERALD) ===== */
body.version-2 {
    --primary: #f2f6fd !important; /* Deeper, more  green */
    --accent: #69F0AE;
    --accent-dark: #00C853;
    --text-on-dark: #000000;
    --text-on-light: #1A1A1A;
    --danger: #FF4757;
    --success: #00C853;
    --warning: #FFAB00;
    --glass-bg: rgba(255, 255, 255, 0.15);
    --glass-border: rgba(255, 255, 255, 0.18);
    /*--logocolor-start: #3c65f5;
    --logocolor-end: #E0F2E9;*/
    --textnavColor: #FFFFFF;
    --textnavHoverColor: #69F0AE;
    --signup-bg: #3c65f5 !important;
    --signup-text: #FFFFFF;
    --signup-hover: #3c65f5 !important;
    --footer-bg: linear-gradient(180deg, #003320 0%, #002215 100%);
    --footer-text: rgba(255, 255, 255, 0.92);
    --footer-accent: #69F0AE;
    --footer-glow: rgba(105, 240, 174, 0.2);
}

/* ===== VERSION 3 (ENERGETIC CORAL) ===== */
body.version-3 {
    --primary: #e9f8ed;
    --primary-dark: #f1f6fd;
    --primary-light: #e9f8ed;
    --accent: #4CC9F0;
    --accent-dark: #00A3E0;
    --text-on-dark: #222d51;
    --danger: #FF4757;
    --success: #00C853;
    --warning: #FFAB00;
    --glass-bg: rgba(255, 255, 255, 0.15);
    --glass-border: rgba(255, 255, 255, 0.2);
    /* Logo effects */
    --logocolor-start: #22ad4c;
    --logocolor-end: #FAFAFF;
    /* Navbar Text */
    --textnavColor: #222d51;
    --textnavHoverColor: #222d51 !important; /* Lighter gold text color on hover */
    /* Buttons */
    --signup-bg: #22ad4c !important;
    --signup-text: #FFFFFF !important; /* Dark text color for signup button */
    --signup-hover: linear-gradient(135deg, #2EC4B6 0%, #2EC4B6 100%);
    /* Footer */
    --footer-bg: linear-gradient(180deg, #001133 0%, #000822 100%);
    --footer-text: rgba(255, 255, 255, 0.92);
    --footer-accent: #FFDB58;
    --footer-glow: rgba(255, 219, 88, 0.25);
    /* Navbar Height */
    --nav-height: 60px; /* Adjust navbar height as needed */
}

/* ===== VERSION 4 (DEEP SPACE) ===== */
body.version-4 {
    --primary: #A8A4CE /*mutelavendar*/ /*#7F56D9*/ /*#472d8e*/;
    --primary-dark: #472d8e;
    --primary-light: #472d8e;
    --text-on-dark: #ffffff !important;
    --text-on-light: #FFFFFF;
    --glass-bg: rgba(26, 26, 46, 0.5);
    --glass-border: rgba(138, 99, 255, 0.3);
    --logocolor-start: #ffffff;
    --logocolor-end: #ffffff;
    /*--textnavColor: #E0E0E0;*/
    --textnavHoverColor: #00D1FF;
    --signup-bg: #ff7922;
    --signup-text: #FFFFFF;
    --signup-hover: linear-gradient(135deg, #9274E3 0%, #9274E3 100%);
    --footer-bg: linear-gradient(180deg, #121212 0%, #000000 100%);
    --footer-text: rgba(224, 224, 224, 0.92);
    --footer-accent: var(--primary);
    --footer-glow: rgba(0, 209, 255, 0.15);
    background-color: #F5F5DC;
}
body.version-6 {
    --primary: #00008B; /* main brand color */
    --text-on-dark: #FFFFFF;
    --text-on-light: #1A1A1A;
    --glass-bg: rgba(255, 255, 255, 0.15);
    --glass-border: rgba(255, 255, 255, 0.2);
    /* Logo effects */
    --logocolor-start: #ffffff; /* bright gold */
    --logocolor-end: #f1f6fd; /* soft black shadow */
    /* Navbar Text */
    --text-on-dark: #ffffff;
    --textnavHoverColor: var(--signup-bg);
    /* Buttons */
    --signup-bg: #DFC5FE !important;
    --signup-text: #ffffff;
    --signup-hover: #ded6fe;
    /* Footer */
    --footer-bg: linear-gradient(180deg, #001133 0%, #000822 100%);
    --footer-text: rgba(255, 255, 255, 0.92);
    --footer-accent: #FFDB58;
    --footer-glow: rgba(255, 219, 88, 0.25);
    /* Navbar Height */
    --nav-height: 60px; /* Adjust navbar height as needed */
    /*--learnBtn: linear-gradient(135deg, #3A4D8F 0%, #2C3A5A 100%) !important;*/
}


/* ===== SHARED COMPONENT STYLES ===== */
body.version-1 .navbar-default, body.version-2 .navbar-default, body.version-3 .navbar-default, body.version-4 .navbar-default, body.version-6 .navbar-default {
    background: var(--primary) !important;
    min-height: var(--nav-height);
    border: none;
    margin: 0 !important;
    border-radius: 0;
    backdrop-filter: blur(10px);
    /*background: linear-gradient(to right, var(--primary), var(--primary-dark)) !important;*/
}

body.version-1 .ototlogo, body.version-2 .ototlogo, body.version-3 .ototlogo, body.version-4 .ototlogo, body.version-4 .ototlogo, body.version-6 .ototlogo {
    filter: drop-shadow(5px 5px 5px var(--logocolor-start)) /* High pigmentation golden shadow */
    drop-shadow(1px 1px 1px var(--logocolor-end)); /* Soft black shadow for depth */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}


body.version-1 .enterprise_navcolor,
body.version-1 .talentlogin span,
body.version-1 a.talentlogin, body.version-2 .enterprise_navcolor,
body.version-2 .talentlogin span,
body.version-2 a.talentlogin, body.version-3 .enterprise_navcolor,
body.version-3 .talentlogin span,
body.version-3 a.talentlogin, body.version-4 .enterprise_navcolor,
body.version-4 .talentlogin span,
body.version-4 a.talentlogin, body.version-6 .enterprise_navcolor,
body.version-6 .talentlogin span,
body.version-6 a.talentlogin{
    color: var(--text-on-dark) !important;
}

    body.version-1 a.talentlogin:hover,
    body.version-1 .emplogin:hover, body.version-2 a.talentlogin:hover,
    body.version-2 .emplogin:hover, body.version-3 a.talentlogin:hover,
    body.version-3 .emplogin:hover, body.version-4 a.talentlogin:hover,
    body.version-4 .emplogin:hover, body.version-6 .emplogin:hover {
        color: var(--text-on-dark);
    }

/* Login/Signup Buttons */
body.version-1 .btn-danger.navbar-btn, body.version-2 .btn-danger.navbar-btn, body.version-3 .btn-danger.navbar-btn,
body.version-4 .btn-danger.navbar-btn, body.version-6 .btn-danger.navbar-btn {
    background: var(--signup-bg);
    color: var(--signup-text) !important;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: var(--transition);
    font-size: 1.1rem;
    position: relative;
    overflow: hidden;
}



    body.version-1 .btn-danger.navbar-btn:hover, body.version-2 .btn-danger.navbar-btn:hover, body.version-3 .btn-danger.navbar-btn:hover, body.version-4 .btn-danger.navbar-btn:hover, body.version-6 .btn-danger.navbar-btn:hover {
        background: var(--signup-hover);
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    }

        body.version-1 .btn-danger.navbar-btn:active, body.version-2 .btn-danger.navbar-btn:active, body.version-3 .btn-danger.navbar-btn:active, body.version-4 .btn-danger.navbar-btn:active {
            transform: translateY(0);
        }

/* Footer */
body.version-1 .footer, body.version-2 .footer, body.version-3 .footer, body.version-4 .footer, body.version-6 .footer {
    background: var(--footer-bg);
    color: var(--footer-text);
}

/* Mobile Menu Toggle */
    body.version-1 .navbar-toggle, body.version-2 .navbar-toggle, body.version-3 .navbar-toggle, body.version-4 .navbar-toggle {
        border: none;
        background: transparent !important;
    }

        body.version-1 .navbar-toggle .icon-bar, body.version-2 .navbar-toggle .icon-bar, body.version-3 .navbar-toggle .icon-bar, body.version-4 .navbar-toggle .icon-bar, body.version-6 .navbar-toggle .icon-bar {
            background-color: var(--text-on-dark);
            height: 2px;
            width: 24px;
            transition: var(--transition);
        }

        body.version-1 .navbar-toggle:hover .icon-bar, body.version-2 .navbar-toggle:hover .icon-bar, body.version-3 .navbar-toggle:hover .icon-bar, body.version-4 .navbar-toggle:hover .icon-bar {
            background-color: var(--accent);
        }

/*=====Start SuMon Proposal for Indexpage===*/
/*original root*/
:root {
    --button-text: #FFFFFF;
    --secondary-color: #b2a1f1;
    --text-color: #00A669;
    --search-bg: var(--las_searchBtn);
}



.las_homeLearnmore {
    background-color: var(--signup-bg) !important;
    border: 0.3px solid var(--signup-bg) !important;
}

.version-5 .las_homeLearnmore {
    background-color: #7656F2 !important;
}
.version-1 {
    --primary-color: #3A4D8F;
    --secondary-color: #2C3A5A;
    --accent-color: #A3C9FF;
    --text-color: #2C3A5A;
    --button-bg: var(--signup-bg);
    --button-text: #3A4D8F;
}

.version-2 {
    --primary-color: #4CC9F0; /* Turquoise */
    --secondary-color: #00A3E0; /* Darker Turquoise */
    --accent-color: #A3C9FF; /* Light Blue */
    --text-color: var(--button-bg);
    --button-bg: #3c65f5;
    --button-text: #FFFFFF;
}
.version-3 {
    --primary-color: #0A2463;
    --secondary-color: #00A3E0; /* Darker Turquoise */
    --accent-color: #A3C9FF; /* Light Blue */
    --text-color: var(--signup-bg);
    --button-bg: #F4A261;
    --search-bg: var(--text-on-dark);
    --button-text: #FFFFFF;
}
/*.version-4 {
    --text-color: var(--primary)!important;
}*/
.version-1 .las_homeLearnmore {
    background-color: var(--signup-bg) !important;
}
.version-4 .las_homeLearnmore {
    background-color: var(--signup-bg) !important;
    border: 0.3px solid var(--signup-bg) !important;
    color: #ffffff !important;
}
.version-4 .las_boxtitle {
    color:#472d8e!important
}
/*job search button Deco*/
.las_searchBoxAcc.k-textbox {
    width: 80%; /* Full-width but centered */
    max-width: 800px;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border: 0.1px solid var(--accent-color) !important;
}

/* --- Input Field Styling --- */
.las_searchBoxAcc.k-textbox {
    width: 100%;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9); /* Slightly transparent white */
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.version-3 .las_searchBoxAcc.k-textbox {
    background: #fbfffc !important;
    border: 1px solid #00C853 !important;
}
.version-4 .las_searchBoxAcc.k-textbox {
    border: 1px solid rgba(160, 79, 208, 0.25)!important;
}
.version-4 div.las_cardbutton {
    border: 2px solid rgba(160, 79, 208, 0.25);
}

.las_searchBtn {
    color: white;
    border: none;
    transition: all 0.3s;
    border-radius: 12px !important;
}
.version-1 .las_searchBtn {
    background: var(--primary) !important;
}
.version-2 .las_searchBtn {
    background: var(--signup-bg) !important;
}
.version-3 .las_searchBtn {
    border: 1px solid var(--signup-bg) !important;
    background: #ffffff !important;
    color: var(--signup-bg) !important;
}
.version-4 .las_searchBtn {
    background: var(--signup-bg) !important;
}
.version-4 .las_cardtext{
    color:gray !important
}
.version-5 .las_searchBoxAcc.k-textbox {
    border:1px solid purple;
}