
:root {
    --background-light: #f5f5f7;
    --text-light: #333333;
    --background-dark: #1c1c1e;
    --text-dark: #ffffff;
    --toggle-light: #FD632F;
    --toggle-dark: #34C759;
    --main-gray:  rgba(242, 244, 246, 1);
    --main-dark:  rgba(24, 18, 51, 1);
    --main-gray2:rgba(248, 248, 248, 0.8);
}

.c-bg-gray2
{
    background-color: var(--main-gray2);
}

.c-bg-gray
{
    background-color: var(--main-gray);
}


.c-btn{min-width: 340px;}

.btn.c-btn-grey {    
    background-color: var(--bs-button-bg-2) !important;
     border: 1px solid rgba(0, 0, 0, 0.4);
     color:#000 !important
}


.btn.btn-black-lg,
.btn.btn-black,
.btn.btn-gray
{border-radius: 5px;}


.btn.btn-black-lg,
.btn.btn-black
{
    background-color: var(--main-dark);
}

.btn.btn-black,
.btn.btn-gray
{
    padding: 13px 18px !important;
    line-height: 26px !important;
}

.bg-image-none{background-image: none !important;}
.pl-16{padding-left: 16px !important;}

.c-btn-grey:hover
{
background-color: var(--bs-neutral-200) !important;
}


.c-header.c-header-dark.header.header-commingsoon .main-menu li a
{
    color: #000;
}

.c-header.c-header-dark.header.header-commingsoon img.light-mode{display: none !important;}
.c-header.c-header-dark.header.header-commingsoon img.dark-mode{display: block !important;}
footer img.light-mode{display: none !important;}
footer img.dark-mode{display: block !important;}
[data-bs-theme="dark"] .c-header.c-header-dark.header.header-commingsoon img.light-mode{display: block !important;}
[data-bs-theme="dark"] .c-header.c-header-dark.header.header-commingsoon img.dark-mode{display: none !important;}
[data-bs-theme="dark"] footer img.light-mode{display: block !important;}
[data-bs-theme="dark"] footer img.dark-mode{display: none !important;}
[data-bs-theme="light"] .c-header.c-header-dark.header.header-commingsoon .light_{color:#000;}
[data-bs-theme="dark"] .c-header.c-header-dark.header.header-commingsoon .dark_{color:#fff;}
[data-bs-theme="dark"] .heading-6{color:#fff;}

.pt_style{padding-top: 120px;}

.list_dropdown .btn.btn-dropdown{    border-radius: 5px;     background-color:rgba(242, 244, 246, 1);}


.group-collapse-expand .card.card-body p{
	font-size: 14px;
    line-height: 24px;
}

.group-collapse-expand #collapseHighlight ul li{ font-size: 15px;
    line-height: 24px;}


[data-bs-theme="dark"] .c-header.header.header-commingsoon .main-menu li a{
    color: #ffffff;
}