:root {
    --gt-bg-theme: #ffc107;
    --gt-bg-edb308: #edb308;
    --gt-bg-ffffff: #ffffff;
    --gt-bg-000000: #000000;
    --gt-bg-s2: #00acc1;
    --gt-bg-s3: #f9f9f9;
    --gt-bg-s4: #f4f4f4;
    --gt-bg-s5: #e9ecef;

    --gt-text-theme: #f0b400;
    --gt-text-s2: #0097a7;
    --gt-text-s4: #282828;
    --gt-text-000000: #000000;
    --gt-text-ffffff: #ffffff;
    --gt-text-light: #424242;
    --gt-text-muted: #757575;

    --gt-border-dark: #d6d6d6;
}

html[data-bs-theme="dark"] {
    --gt-bg-theme: #ffc107;
    --gt-bg-edb308: #edb308;
    --gt-bg-ffffff: #000000;
    --gt-bg-000000: #ffffff;
    --gt-bg-s2: #00bcd4;
    --gt-bg-s3: #1c1c1c;
    --gt-bg-s4: #282828;
    --gt-bg-s5: #3a3a3a;

    --gt-text-theme: #f0b400;
    --gt-text-s2: #00bcd4;
    --gt-text-s4: #fbfbfb;
    --gt-text-ffffff: #212121;
    --gt-text-000000: #ffffff;
    --gt-text-light: #e0e0e0;
    --gt-text-muted: #b0b0b0;

    --gt-border-dark: #3a3a3a;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {
    font-family: "Inter", "Roboto", sans-serif;
    color: var(--gt-text-000000);
    background-color: var(--gt-bg-s3);
    line-height: 1.6;
}
/* Start Link */
a{
    text-decoration: none;
    color: inherit;
}

/* Start Font-Color */
.gt-text-theme{
    color: var(--gt-text-theme);
}
.gt-text-s2{
    color: var(--gt-text-s2) !important;
}
.text-muted{
    color: var(--gt-text-muted);
}
.gt-text-ffffff{
    color: var(--gt-text-ffffff);
}
.gt-text-999999{
    color: #999999;
}
.text-positive {
    color: #198754;
}
.text-negative {
    color: #dc3545;
}

.gt-border-dark{
    border-color: var(--gt-border-dark) !important;
}
.gt-border-theme{
    border-color: var(--gt-bg-theme) !important;
}
.gt-border-dashed{
    border-style: dashed !important;
}
/* End Font-Color */

/* Start Background-Color */
.gt-bg-theme{
    background-color: var(--gt-bg-theme);
}
.gt-bg-000000{
    background-color: var(--gt-bg-000000);
}
.gt-bg-s2{
    background-color: var(--gt-bg-s2);
}
.gt-bg-s3{
    background-color: var(--gt-bg-s3);
}
.gt-bg-s4{
    background-color: var(--gt-bg-s4) !important;
}
.gt-bg-s5{
    background-color: var(--gt-bg-s5);
}
/* End Background-Color */

/* Start Rounded */
.rounded-4{
    border-radius: 4px !important;
}
.rounded-6{
    border-radius: 6px !important;
}
.rounded-8{
    border-radius: 8px !important;
}
.rounded-12{
    border-radius: 12px !important;
}
/* End Rounded */

/* Start Font-Weight */
.fw-100{
    font-weight: 100 !important;
}
.fw-200{
    font-weight: 200 !important;
}
.fw-300{
    font-weight: 300 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
/* End Font-Weight */

/* Start Font-Size */
.fs-12px{
    font-size: 12px !important;
}
.fs-13px{
    font-size: 13px !important;
}
.fs-14px{
    font-size: 14px !important;
}
.fs-15px{
    font-size: 15px !important;
}
.fs-16px{
    font-size: 16px !important;
}
.fs-17px{
    font-size: 17px !important;
}
.fs-18px{
    font-size: 18px !important;
}
.fs-19px{
    font-size: 19px !important;
}
.fs-20px{
    font-size: 20px !important;
}
.fs-22px{
    font-size: 22px !important;
}
.fs-24px{
    font-size: 24px !important;
}
.fs-26px{
    font-size: 26px !important;
}
.fs-27px{
    font-size: 27px !important;
}
.fs-28px{
    font-size: 28px !important;
}

.change-fs-14px-12px{
    font-size: 14px;
}
.change-fs-18px-16px{
    font-size: 18px;
}
.change-fs-20px-16px{
    font-size: 20px;
}
.change-fs-20px-18px{
    font-size: 20px;
}
.change-fs-28px-24px{
    font-size: 28px;
}
.change-fs-24px-20px{
    font-size: 24px;
}
/* End Font-Size */


/* Start Height Width */
.hw-32px{
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
}
.hw-35px{
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
}
.hw-40px{
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}
.hw-50px{
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
}
.hw-60px{
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
}
.h-80-w-70px{
    width: 80px;
    height: 70px;
    min-width: 80px;
    min-height: 70px;
}
.max-w-800px{
    max-width: 800px;
}
.w-md-auto{
    width: auto;
}
/* End Height Width */

/* Start All-Rounder */
.lh-normal{
    line-height: normal;
}
.white-space-nowrap{
    white-space: nowrap;
}
.cursor-pointer{
    cursor: pointer;
}
.box-shadow-s1{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
html[data-bs-theme=dark] .box-shadow-s1{
    box-shadow: rgb(175 175 175 / 16%) 0px 1px 4px;
}
.section-s1padding{
    padding-top: 75px;
    padding-bottom: 75px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    box-shadow: unset !important;
    min-height: 40px;
}
.linear-btn{
    color: var(--gt-text-000000);
    background-color: #ffc10591;
    /* background-color: #ffc1057d; */
    font-weight: 500;
    border-color: #ffc10945;
}
html[data-bs-theme="dark"] .linear-btn{
    color: var(--gt-text-theme);
    background: rgb(29 29 29 / 3%);
    background-image: linear-gradient(135deg, rgb(119 118 114 / 35%), rgb(111 98 59 / 53%));
    backdrop-filter: blur(12px);
    border: 1px solid #725f254d;
}
.linear-btn:hover{
    opacity: 0.7;
    color: var(--gt-text-000000);
    background-color: #ffc1057d;
    border-color: #ffc10945;
}
.btn-primary {
    --bs-btn-color: var(--gt-text-ffffff);
    --bs-btn-bg: var(--gt-bg-theme);
    --bs-btn-border-color: var(--gt-bg-theme);
    --bs-btn-hover-color: var(--gt-text-theme);
    --bs-btn-hover-bg: var(--gt-bg-edb308);
    --bs-btn-hover-border-color: #725f25;
    --bs-btn-focus-shadow-rgb: 99, 102, 241;
    --bs-btn-active-color: var(--gt-text-000000);
    --bs-btn-active-bg: var(--gt-bg-edb308);
    --bs-btn-active-border-color: var(--gt-bg-edb308);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--gt-text-000000);
    --bs-btn-disabled-bg: var(--gt-bg-theme);
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
}
.btn-outline-primary {
    --bs-btn-color: var(--gt-text-theme);
    --bs-btn-border-color: var(--gt-bg-ffffff);
    --bs-btn-hover-color: var(--gt-text-000000);
    --bs-btn-hover-bg: var(--gt-bg-edb308);
    --bs-btn-hover-border-color: var(--gt-bg-theme);
    --bs-btn-focus-shadow-rgb: 99, 102, 241;
    --bs-btn-active-color: var(--gt-text-000000);
    --bs-btn-active-bg: var(--gt-bg-theme);
    --bs-btn-active-border-color: var(--gt-bg-theme);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--gt-bg-theme);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
    --bs-gradient: none;
}
.see-more-btn{
    color: var(--gt-text-light);
    transition: 0.2s ease-in-out;
}
.see-more-btn:hover{
    color: var(--gt-text-theme);
    transition: 0.2s ease-in-out;
}
.action-btn{
    padding: 12px 12px;
}
.btn-remove {
    border: 1px solid #ff5c5c;
    background-color: #ff5c5c;
    padding: 6px 8px;
    min-height: auto
}
.btn-remove:hover, .btn-remove:active, .btn-remove:active{
    border-color: #ff5c5c !important;
    background-color: #ff5c5c !important;
    opacity: 0.8;
}
.vr-line {
    border-left: 1px solid var(--gt-text-light);
    height: 100%;
    display: block;
}

.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    color: #6c757d;
}
.breadcrumb-dot .breadcrumb-item + .breadcrumb-item::before {
    content: "•";
    color: #6c757d;
}

.input-field-s1{
    min-height: 46px;
    border-radius: 8px;
}
.form-control:focus {
    border-color: var(--gt-text-theme);
    box-shadow: 0 0 0 .25rem rgb(255 244 213);
}
.form-check-input:checked{
    background-color: var(--gt-bg-theme);
    border-color: var(--gt-bg-theme);
}
.form-check-input:focus{
    box-shadow:0 0 0 .25rem rgb(255 193 5 / 15%);
}
html[data-bs-theme=dark] .form-control:focus {
    box-shadow: 0 0 0 .25rem rgb(75 69 51);
}
.text-danger.error {
    font-size: 14px;
    margin-top: 4px;
}
/* ----Tabs */
.tab-s1{
    border: 1px solid rgb(74 74 74 / 15%) !important;
    border-radius: 8px;
}
html[data-bs-theme="dark"] .tab-s1{
    border-color: rgb(255 255 255 / 15%) !important;
}
.tab-s1 .nav-link{
    color: var(--gt-text-light);
    border-radius: 8px;
    border: 1px solid transparent;
}
.tab-s1 .nav-link.active {
    border-radius: 8px;
    color: var(--gt-text-theme);
    border: 1px solid transparent;
}
.tab-s1 .nav-link:focus, .tab-s1 .nav-link:hover {
    background-color: #ffffff;
    border: 1px solid transparent;
}
html[data-bs-theme="dark"] .tab-s1 .nav-link:focus, html[data-bs-theme="dark"] .tab-s1 .nav-link:hover{
    background-color: #212529;
}
/* ---- */
/* End All-Rounder */

/* Start Header */
.navbar {
    background-color: var(--gt-bg-s4);
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.05); */
    box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 999;
}
html[data-bs-theme=dark].navbar {
    border-color: #e1e1e1;

}
.nav-logo img {
    width: 100%;
    height: 100%;
    max-width: 94px;
    max-height: 34px;
}
html[data-bs-theme="dark"] .logo-dark-mode{
    display: block !important;
}
html[data-bs-theme="dark"] .logo-light-mode{
    display: none !important;
}
.navbar-nav .nav-link {
    color: var(--gt-text-light) !important;
    font-weight: 500;
    transition: color 0.3s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--gt-text-theme) !important;
}
.navbar .profile-image{
    background-color: var(--gt-bg-theme);
    border: 1px solid var(--gt-text-theme);
    border-radius: 50%;
}
.navbar .profile-image img{
    border-radius: 50%;
}
.navbar  .dropdown-menu.dropdown-s1 .card{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.navbar  .dropdown-menu.dropdown-s1{
    width: 300px;
    margin-top: 18px;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    -webkit-animation: fade-in-bottom .3s;
    animation: fade-in-bottom .3s;
}
.dark-light-btn{
    border: 1px solid var(--gt-text-000000);
    padding: 8px 12px;
    max-height: 40px;
}
html[data-bs-theme=light] .dark-mode{
    display: none;
}
html[data-bs-theme=dark] .light-mode{
    display: none;
}
.sign-in-btn{
    padding: 8px 20px;
}
/* Side Menu (mobile) */
.header-s1toggle-btn{
    position: relative;
    height: 40px;
    width: 40px;
    padding: 8px 12px;
}
.header-s1toggle-btn span:nth-child(1) {
    transform: translateY(-8px);
    width: 22px;
    right: 0px;
}
.header-s1toggle-btn span:nth-child(2) {
    transform: translateY(8px);
    width: 15px;
    right: 0px;
}
.header-s1toggle-btn span {
    position: absolute;
    width: 28px;
    height: 3px;
    background-color: var(--gt-bg-000000);
    border-radius: 10px;
    transition: 0.3s;
    right: 0px;
}
.side-menu {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    width: 260px;
    background: var(--gt-bg-s4);
    box-shadow: -2px 0 8px rgba(0,0,0,0.15);
    /* transform: translateX(100%); */
    transition:  0.35s ease-in-out;
    z-index: 1050;
    padding: 2rem 1rem;
}
.side-menu.open {
    right: 0;
}
.side-menu .navbar-nav {
    flex-direction: column;
    margin-top: 2rem;
}
.side-menu .navbar-nav {
    gap: 4px;
}

/* Overlay */
.menu-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease-in-out, visibility 0.35s ease-in-out;
}
.menu-overlay.show {
    opacity: 1;
    visibility: visible;
}
/* End Header */


/* Start Hero Section  */
.hero-section-s1 {
    padding: 128px 0;
    text-align: center;
    /* background-image: radial-gradient(circle at 20% 80%, rgb(0 188 212 / 37%) 0%, #ffffff00 50%), radial-gradient(circle at 80% 20%, rgb(255 193 7 / 42%) 0%, #ffffff00 50%), radial-gradient(circle at 40% 40%, rgb(255 255 255 / 0%) 0%, #ffffffd6 50%); */
    background-image: radial-gradient(circle at 20% 80%, rgb(0 188 212 / 37%) 0%, #ffffff00 50%), radial-gradient(circle at 80% 20%, rgb(209 241 246 / 19%) 0%, #ffffff00 50%), radial-gradient(circle at 40% 40%, rgb(255 255 255 / 0%) 0%, #ffffffd6 50%);
    background-size: 150%;
    background-position: center;
    position: relative;
    overflow: hidden;
    animation: background-pan 45s  linear infinite;
}
html[data-bs-theme="dark"]  .hero-section-s1 {
    /* background-image: radial-gradient(circle at 20% 80%, rgba(0, 188, 212, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgb(255 193 7 / 27%) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%); */
    background-image: radial-gradient(circle at 20% 80%, rgba(0, 188, 212, 0.15) 0%, #00000096 50%), radial-gradient(circle at 80% 20%, rgb(29 54 57 / 0%) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
}
.hero-section-s1 .hero-title {
    font-size: 54px;
    font-weight: 900;
    color: var(--gt-text-000000);
    letter-spacing: -1px;
}

.hero-info-card {
    background: rgb(255 255 255 / 0%);
    background-image: linear-gradient(135deg, rgb(255 255 255 / 7%), rgb(255 255 255 / 64%));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
html[data-bs-theme="dark"]  .hero-info-card {
    background: rgba(30, 30, 30, 0.25);
    background-image: linear-gradient(135deg,rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0));
}
/* .hero-info-card:hover {
    transform: translateY(-8px);
    background: rgba(40, 40, 40, 0.4);
    border-color: var(--gt-border-hover);
} */
.hero-info-card .card-icon {
    font-size: 2rem;
    color: var(--gt-text-theme);
}
.hero-info-card .metric-value {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
}
.hero-section-s1 .lead{
    font-size: 18px;
}
.data-display-block {
    background-color: var(--gt-bg-s4);
    border: 1px solid var(--gt-border-dark);
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    height: 100%;
}
.data-label {
    color: var(--gt-bg-ffffff);
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 5px;
}
/* .metric-value {
    font-size: 2.2rem;
    font-weight: 900;
    color: var(--gt-bg-theme);
} */
.section-title-s1 h2{
    font-weight: 800;
    color: var(--gt-text-s4);
    margin-bottom: 40px;
    font-size: 40px;
    display: inline-block;
}
.section-title-s1 p{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.section-title-s2 h2{
    font-weight: 600;
    color: var(--gt-text-s4);
    padding-bottom: 5px;
    margin-bottom: 26px;
    font-size: 26px;
    display: inline-block;
}
.section-title-s3 h2{
    font-weight: 600;
    color: var(--gt-text-s4);
    padding-bottom: 5px;
    margin-bottom: 26px;
    font-size: 22px;
    display: inline-block;
}
/* End Hero Section */

/* Start Main-Sections */

/* Start Invest-card Section */
.invest-card{
    height: 100%;
}
.invest-card-title .company-icon{
    width: 52px;
    max-width: 52px;
    height: 52px;
    max-height: 52px;
    border-radius: 50%;
    background-color: var(--gt-bg-s3);
}
.invest-card-title .company-icon img{
    border-radius: 50%;
}
html[data-bs-theme="dark"] .invest-card-title .company-icon{
    background-color: #1c1c1c;
}
.invest-card .card-icon {
    background-color: var(--gt-bg-s4);
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--gt-border-dark);
    color: var(--gt-text-000000);
}
/* End Invest-card Section */

/* Start Finance-Tools Page */
.ft-output-content{
    border: 1px solid rgb(74 74 74 / 15%) !important;
    border-radius: 8px;
    height: 100%;
    min-height: 140px;
}
html[data-bs-theme="dark"] .ft-output-content{
    border-color: rgb(255 255 255 / 15%) !important;
}
/* End Finance-Tools Page */

/* Start Listing-Table Section */
.listing-table-s2 thead tr th{
    color: #4d4d4e;
}
html[data-bs-theme="dark"] .listing-table-s2 thead tr th{
    color: #a0a9be;
}
.listing-table-s2 thead tr th, .listing-table-s2 tbody tr td{
text-wrap: nowrap;
vertical-align: middle;
}
.listing-table-s2 tr:last-child td{
    border: none !important;
}
/* End Listing-Table Section */

/* Start Key-feature Section */
.key-feature-section{
    background-color: #36414d;
}
.key-feature-section .section-title-s1 h2{
    color: white;
}
.key-feature-section .section-title-s1 p{
    color:#c9c9c9 !important;
}
.key-feature-card{
    border-style: dashed;
    box-shadow: none;
    background-color: transparent;
    border: 1px dashed #747d83 !important;
    height: 100%;
    border-radius: 12px;
}
.key-feature-card .sub-desc{
    color:#c9c9c9 !important;
}
/* End Key-feature Section */

/* Start Feature-cards */
.login-card{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.feature-card-s1 {
    background-color: var(--gt-bg-s4);
    border: 1px solid var(--gt-border-dark);
    border-top: 5px solid var(--gt-bg-theme);
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    transition: transform 0.3s ease, border-color 0.3s ease;
    height: 100%;
}
html[data-bs-theme="dark"] .feature-card-s1{
    box-shadow: rgb(175 175 175 / 16%) 0px 1px 4px;
}
.feature-card-s1:hover {
    transform: translateY(-5px);
    border-color: var(--gt-bg-theme);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.feature-icon-s1 {
    font-size: 2.5rem;
    color: var(--gt-bg-theme);
    margin-bottom: 15px;
}
.feature-list{
    list-style: none;
}
.feature-card-s2{
    border: none;
    background-color: transparent;
}

.feature-card-s3{
    border-radius: 12px;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
html[data-bs-theme="dark"] .feature-card-s3{
    box-shadow: rgb(175 175 175 / 16%) 0px 1px 4px;
}
.feature-card-s3 .card-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.feature-card-s3 .card-icon{
    background-color: var(--gt-bg-theme);
    border-radius: 8px;
    color: var(--gt-text-000000);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.feature-card-s4 {
    border-radius: 12px;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.feature-card-s4 .card-icon{
    background-color: var(--gt-bg-s4);
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--gt-border-dark);
    color: var(--gt-text-000000);
}
.feature-card-s5 {
    background-color: var(--gt-bg-s3);
    border-radius: 12px;
    height: 100%;
    border: 1px solid #ececec;
}
html[data-bs-theme="dark"] .feature-card-s5 {
    border: 1px solid #3c3c3c;
}
/* End Feature-cards  */

/* Start crymutulipo Section  */
.crymutulipo-content{
    background-color: var(--gt-bg-theme);
}
.crymutulipo-card{
    background-color: rgb(255 232 161);
    box-shadow: rgb(133 133 133 / 16%) 0px 1px 4px;
    border-radius: 8px;
}
.crymutulipo-card .card-title{
    font-size: 26px;
    color: #000000;
}
/* End crymutulipo Section  */

/* Start Growing-stats Section */
.growing-stats-section{
    background-color: #f0b40129;
    border: 4px solid #ffedc8;
    border-left: none;
    border-right: none;
}
html[data-bs-theme="dark"] .growing-stats-section{
    background-color: #3a3a3a;
    border: 4px solid #474747;
    border-left: none;
    border-right: none;

}
/* End Growing-stats Section */

/* Start Stats-card-banner Section */
.stats-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.stats-card .stats-icon{
    background-color: #ffffff;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 32px;
    color: var(--gt-text-theme);
}
html[data-bs-theme="dark"] .stats-card .stats-icon{
    background-color: #000000;
}
.stats-card-title{
    font-size: 36px;
    font-weight: 600;
}
/* End Stats-card-banner Section */

/* Start Cta Section  */
.cta-banner-section{
    /* background-image: radial-gradient(circle at 20% 80%, rgb(0 188 212 / 37%) 0%, #ffffff00 50%), radial-gradient(circle at 80% 20%, rgb(255 193 7 / 42%) 0%, #ffffff00 50%), radial-gradient(circle at 40% 40%, rgb(255 255 255 / 0%) 0%, #ffffffd6 50%); */
    background-color: #f8eeda;
}
html[data-bs-theme="dark"]  .cta-banner-section{
    /* background-image: radial-gradient(circle at 20% 80%, rgba(0, 188, 212, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgb(255 193 7 / 27%) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%); */
    background-color: #3a3a3a;
}
.cta-banner-section .cta-title{
    font-size: 40px;
}
/* End Cta Section  */

/* Start Accordion  */
.accordion-item{
    border: 1px solid #dfdfdf !important;
    border-radius: 8px !important;
    background-color: var(--gt-bg-s4);
}
html[data-bs-theme="dark"] .accordion-item{
    border: 1px solid #454545 !important;
}
.accordion-button:not(.collapsed){
    box-shadow: none;
    background-color: transparent;
    color: var(--gt-text-000000);
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{
    border-radius: 8px;
}
.accordion-button::after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    transition: transform 0.3s ease;
    color: var(--gt-text-000000);
    background-image: none;
    text-align: center;
    vertical-align: center;
}
.accordion-button:not(.collapsed)::after {
    content: "\f068";
    background-image: none;
}
/* End Accordion  */

/* Start Crypto Page */
.info-card-c1{
    box-shadow:rgb(36 36 36 / 16%) 0px 1px 4px;
}
.info-card-image{
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    border-radius: 50%;
}
.info-card-image img{
    width: 100%;
    border-radius: 50%;
    height: 100%;
}
.info-card-c1 .price-down{
    color: #e0485c;
}

.listing-card{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: none;
}
.dt-coin-img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.dt-coin-img img{
    border-radius: 50%;
}
.cryptomutualipo-detail-card .cryptomutualipo-card-title{
    border-bottom: 1px solid var(--gt-border-dark);
}
.cryptomutualipo-detail-card .positive {
    color: #198754;
}
.cryptomutualipo-detail-card .negative {
    color: #dc3545;
}
.cryptomutualipo-card-title .company-icon{
    width: 52px;
    min-width: 52px;
    height: 52px;
    min-height: 52px;
    border-radius: 50%;
}
.cryptomutualipo-card-title .company-icon img{
    border-radius: 50%;
}
.cryptomutualipo-card-title .status-badge {
    background: #f6f6f6;
    border: 1px solid #d9d9d9;
    color: black;
    padding: 8px 16px;
    border-radius: 12px;
    font-size: 0.9em;
}
html[data-bs-theme="dark"] .cryptomutualipo-card-title .status-badge {
    background: #0a0a0a;
    color: white;
    border: 1px solid #2a3447;
}
.cryptomutualipo-card-title .status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    margin-right: 8px;
    animation: pulse 2s infinite;
}
.cryptomutualipo-card-head .coin-price{
    font-size: 40px;
}
@media (max-width: 768px) {
    .cryptomutualipo-card-head .coin-price{
        font-size: 32px;
    }
    .market-cap-card .metric-value{
        font-size: 24px;
    }
}
.market-cap-card .range-bar-s1 {
    width: 100%;
    height: 6px;
    background: #d7d7d7;
    border-radius: 10px;
    position: relative;
    margin: 20px 0 10px 0;
}
html[data-bs-theme="dark"] .market-cap-card .range-bar-s1 {
    background: #4b4b4b;
}
.market-cap-card .range-indicator-s1{
    position: absolute;
    width: 14px;
    height: 14px;
    background: var(--gt-bg-theme);
    border-radius: 50%;
    top: -4px;
    box-shadow: 0 0 10px rgba(247, 147, 26, 0.5);
}
.market-cap-card .range-bar-s2 {
    width: 100%;
    height: 12px;
    background: #d7d7d7;
    border-radius: 10px;
    overflow: hidden;
}
html[data-bs-theme="dark"] .market-cap-card .range-bar-s2 {
    background: #4b4b4b;
}
.market-cap-card .range-indicator-s2{
    height: 100%;
    background: linear-gradient(90deg, #ffc107, #ffb347);
    border-radius: 10px;
    width: 94.92%;
    position: relative;
}
.related-coin-card .card-icon img{
    border-radius: 50%;
}
/* End Crypto Page */

/* Start Finance-Tools Page */
.form-check-label, .form-check-input {
    cursor: pointer;
}
.range-content-s1 .range-count{
    max-width: 68px;
}
.range-content-s1 .range-count .range-input{
    min-height: auto;
    padding: 4px 12px;
    border-radius: 4px;
}
.range-content-s1 input[type="range"] {
    accent-color: var(--gt-bg-theme);
}
.checkbox-s1{
    width: 16px;
    height: 16px;
    cursor: pointer;
}
/* End Finance-Tools Page */

/* Start Footer Section */
.footer-s1 {
    background-color: var(--gt-bg-s4);
    color: var(--gt-text-light);
    padding: 60px 0 20px;
    border-top: 2px solid var(--gt-bg-theme);
}
.footer-s1 h5 {
    color: var(--gt-text-000000);
    font-weight: 700;
}
.footer-s1 ul li a {
    color: var(--gt-text-light);
    text-decoration: none;
    line-height: 2.2;
    transition: color 0.2s;
}
.footer-s1 ul li a:hover {
    color: var(--gt-bg-theme);
}
/* End Footer Section  */



/* --- Testimonial Section Styles --- */
.testimonial-section {
    background-color: var(--gt-bg-s4);
    padding: 80px 0;
}
.testimonial-card-dark {
    background-color: #101010;
    border: 1px solid var(--gt-border-dark);
    border-left: 4px solid var(--gt-bg-theme);
    border-radius: 6px;
    padding: 25px;
    height: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}
.client-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--gt-bg-theme);
}


/* General Overrides for Dark Mode */
.text-dark-override { color: var(--gt-text-light) !important; }
.text-muted { color: var(--gt-text-muted) !important; }

/* --- Navigation Styles --- */
.navbar-dark-sophisticated {
    background-color: var(--gt-bg-s4);
    border-bottom: 1px solid var(--gt-border-dark);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
.navbar-dark-sophisticated .nav-link {
    color: var(--gt-text-light);
    font-weight: 500;
    transition: color 0.2s;
    border-bottom: 2px solid transparent;
}
.navbar-dark-sophisticated .nav-link:hover, .navbar-dark-sophisticated .nav-link.active {
    color: var(--gt-bg-s2);
    border-bottom: 2px solid var(--gt-bg-theme);
}
.sophisticated-brand {
    font-weight: 900;
    color: var(--gt-text-light);
    font-size: 1.8rem;
}
.btn-aqua {
    background-color: var(--gt-bg-s2);
    border-color: var(--gt-bg-s2);
    color: var(--gt-bg-s3);
    font-weight: 700;
    transition: background-color 0.2s;
}
.btn-aqua:hover {
    background-color: #0097a7;
    border-color: #0097a7;
}
.gm-tab-btn:hover{
    opacity: 0.8;
    transition: 0.3s ease-in-out;
}



.social-icon {
    color: var(--gt-bg-s2);
    transition: color 0.2s;
}
.social-icon:hover {
    color: var(--gt-bg-theme);
}

/* --- Listing/Detail Page Specific Styles --- */
.page-header-section {
    padding: 60px 0 40px;
    background-color: var(--gt-bg-s4);
    border-bottom: 1px solid var(--gt-border-dark);
}
.page-header-section h1 {
    font-weight: 800;
    color: var(--gt-bg-s2);
}
.data-table-sophisticated {
    background-color: var(--gt-bg-s4);
    color: var(--gt-text-light);
    border: 1px solid var(--gt-border-dark);
}
.data-table-sophisticated th {
    color: var(--gt-bg-theme);
    font-weight: 600;
    border-bottom: 2px solid var(--gt-border-dark);
}
.data-table-sophisticated td, .data-table-sophisticated th {
    border-color: var(--gt-border-dark);
    padding: 12px;
}
.positive { color: #198754; } /* Bootstrap Success */
.negative { color: #dc3545; } /* Bootstrap Danger */
.neutral { color: var(--gt-text-light); }




/* Select2 */
.select-filter-content{
    min-width: 200px;
}
@media (max-width:576px) {
    .select-filter-content{
        min-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}
/* .select2-container {
    min-width: 200px;
} */
.select2-container .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--multiple .select2-selection__rendered{
    background-color: white;
    border-radius: 8px;
}
html[data-bs-theme="dark"] .select2-container .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--multiple .select2-selection__rendered{
    background-color: #1c1c1c;
}
.select2-container .select2-selection--single, .select2-container .select2-selection--multiple{
    border: 1px solid var(--bs-border-color);
    min-height: 42px;
    height: 100% !important;
    border-radius: 8px;
}
.select2-container--default .select2-results__option--selected, .select2-container--classic .select2-results__option--selected{
    background-color: #1275e4ab;
}
.select2-container .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple{
    color: var(--gt-text-dark-1);
    padding: 6px 36px 6px 12px;
    line-height: 28px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single{
    border-color:rgb(216, 215, 215);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
html[data-bs-theme="dark"] .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single{
    border-color: rgb(79 79 79);

}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single{
    background-color: #1c1c1c;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    right: 8px;
    top: 8px;
}
.select2-results__option--selectable:last-child{
    border-radius: 0px 0px 8px 8px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #fcdc99;
    color: #000000;
}
html[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #fcdc99;
    color: #000000;
}
.select2-container--default .select2-results__option--selected, .select2-container--classic .select2-results__option--selected{
    background-color: #f5f5f5;
}
html[data-bs-theme="dark"] .select2-container--default .select2-results__option--selected, .select2-container--classic .select2-results__option--selected{
    background-color: #f7f7f7;
    color: black;
}
.select2-dropdown.forminput-s1select2-dropdown{
    border:1px solid rgb(216, 215, 215);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
html[data-bs-theme="dark"] .select2-dropdown.forminput-s1select2-dropdown{
    border:1px solid rgb(79 79 79);
    background-color: #1c1c1c;
    color: white;
}
.select2-dropdown{
    border-radius: 8px;
}
.select2-container--open .select2-dropdown--below{
    border-top: none !important;
}
.select2-container--open .select2-dropdown--above{
    border-bottom: none !important;
}
/* -------- */

/* DataTable */
.table-responsive {
    width: 100%;
    overflow-x: auto;
}
.listDatatable thead tr th{
    color: #4d4d4e;
    white-space: nowrap;
}
html[data-bs-theme="dark"] .listDatatable thead tr th{
    color: #a0a9be;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover{
    outline: none;
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_1, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_1{
    box-shadow: none;
}
table.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.dataTable.display > tbody > tr:nth-child(odd) > *{
    box-shadow: none;
}
div.dt-container .dt-input{
    border: 1px solid #dee2e6;
}
html[data-bs-theme="dark"] div.dt-container .dt-input{
    border: 1px solid #4a5058;
}
table.listDatatable.dataTable>tbody>tr td{
    border-top: 1px solid rgb(74 74 74 / 15%) !important;
}
html[data-bs-theme="dark"] table.listDatatable.dataTable>tbody>tr td{
    border-top: 1px solid rgb(255 255 255 / 15%) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 6px 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: rgb(237, 237, 237) !important;
    color: black !important;
    border: 1px solid rgb(237, 237, 237);
}
.dataTables_wrapper .dataTables_length select{
    width: auto;
    border-color: #dee2e6;
    border-radius: 8px;
    height: 40px;
}
html[data-bs-theme="dark"] .dataTables_wrapper .dataTables_length select{
    border-color: #4a5058;
}
.dataTables_wrapper .dataTables_filter{
    position: relative;
}
.dataTables_filter label:before,.registeruser_search label:before{
    content: "";
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) scale(0.7);
}
.dataTables_filter label:before,.registeruser_search label:before {
    background-image: url('../images/search.png');
}
.dataTables_wrapper .dataTables_filter input{
    border-color: #dee2e6;
    border-radius: 8px;
    padding: 6px 12px 6px 28px;
    height: 40px;
    max-width: 200px;
}
html[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter input{
    border-color: #4a5058;
    background-color: #1c1c1c;
}
html[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter input::placeholder{
    color: #dee2e6;
}
html[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background-color: rgb(72 70 70) !important;
    color: var(--gt-text-theme) !important;
    border: 1px solid #212529 !important;
    border-radius: 4px;
}
table.listDatatable.dataTable>tbody>tr:hover td{
    background-color: #f5f5f5 !important;
    box-shadow: none !important;
}
html[data-bs-theme="dark"] table.listDatatable.dataTable>tbody>tr:hover td{
    background-color: #2d2d2d !important;
    box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: var(--gt-text-theme) !important;
    background: none;
    background-color: transparent;
    border: 1px solid transparent;
}
div.dt-container select.dt-input{
    padding: 4px 8px;
}
@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length{
        float: left;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_filter{
        float: right;
        margin-top: 0px;
    }
}
@media (max-width:576px) {
    .dataTables_wrapper .dataTables_length{
        float: left;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_filter{
        float: left;
        text-align: left;
        margin-top: 12px;
        width: 100%;
    }
}
.dataTables_scroll{
    padding-top: 4px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom: 1px solid rgb(187 187 187);
}

html[data-bs-theme="dark"] .dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom: 1px solid rgb(109 111 113);
}
/* -------- */
.customer-r-banner img{
    height: 100%;
    width: 100%;
    max-width: 440px;
    max-height: 250px;
    object-fit: cover;
}
.customer-swiper{
    margin: 32px 0px;
}
.quote-icon{
    top: -20px;
    right: 16px;
}
.swiper-pagination-bullet-active{
    background: var(--gt-bg-theme) !important;
}
html[data-bs-theme="dark"] .swiper-pagination-bullet{
    background: #ffffff;
}
/* ---- */
.contact-form{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 8px;
    background-color: #9c9a981c;
}
.reviewSlider .swiper-slide {
    height: auto !important;
    display: flex;
}
.review-card {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
}
.review-card .card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Start Rating Star */
.starability-basic {
    display: block;
    position: relative;
    width: 150px;
    /* min-height: 60px; */
    padding: 0;
    border: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
  }

  .starability-basic > input {
    position: absolute;
    margin-right: -100%;
    opacity: 0;
  }

  .starability-basic > input:checked ~ label,
  .starability-basic > input:focus ~ label {
    background-position: 0 0;
  }

  .starability-basic > input:checked + label,
  .starability-basic > input:focus + label {
    background-position: 0 -30px;
  }

  .starability-basic > input[disabled]:hover + label {
    cursor: default;
  }

  .starability-basic > input:not([disabled]):hover ~ label {
    background-position: 0 0;
  }

  .starability-basic > input:not([disabled]):hover + label {
    background-position: 0 -30px;
  }

  .starability-basic > input:not([disabled]):hover + label::before {
    opacity: 1;
  }

  .starability-basic > input:focus + label {
    /* outline: 1px dotted #999; */
  }

  .starability-basic .starability-focus-ring {
    position: absolute;
    left: 0;
    width: 100%;
    height: 30px;
    outline: 2px dotted #999;
    pointer-events: none;
    opacity: 0;
  }
.starability-basic > #no-rate:focus ~ .starability-focus-ring {
    opacity: 1;
  }

  .starability-basic > label {
    position: relative;
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    font-size: 0.1em;
    color: transparent;
    cursor: pointer;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAxlBMVEUAAACZmZn2viTHuJ72viOampqampr1viSampr3vySampqdnZ34wiX1vSSampr1vSOZmZmampr1viT2vSOampr2viT2viSampr2viSampr2vyX4vyWbm5v3vSSdnZ32wSadnZ36wCWcnJyZmZn/wSr/2ySampr2vSP2viSZmZn2vSSZmZn2vST2viSampr2viSbm5ubm5uZmZn1vSSampqbm5v2vSWampqampr3vSf5wiT5vyagoKD/xCmkpKT/yCSZmZn1vSO4V2dEAAAAQHRSTlMA+vsG9fO6uqdgRSIi7+3q39XVqZWVgnJyX09HPDw1NTAwKRkYB+jh3L6+srKijY2Ef2lpYllZUU5CKigWFQ4Oneh1twAAAZlJREFUOMuV0mdzAiEQBmDgWq4YTWIvKRqT2Htv8P//VJCTGfYQZnw/3fJ4tyO76KE0m1b2fZu+U/pu4QGlA7N+Up5PIz9d+cmkbSrSNr9seT3GKeNYIyeO5j16S28exY5suK0U/QKmmeCCX6xs22hJLVkitMImxCvEs8EG3SCRCN/ViFPqnq5epIzZ07QJJvkM9Tkz1xnkmXbfSvR7f4H8AtXBkLGj74mMvjM1+VHZpAZ4LM4K/LBWEI9jwP71v1ZEQ6dyvQMf8A/1pmdZnKce/VH1iIsdte4U8VEtY23xOujxtFpWDgKbfjD2YeEhY0OzfjGeLyO/XfnNpAcmcjDwKOXRfU1IyiTRyEkaiz67pb9oJHJb9vVqKfgjLBPyF5Sq9T0KmSUhQmtiQrJGPHVi0DoSabj31G2gW3buHd0pY85lNdcCk8xlNDPXMuSyNiwl+theIb9C7RLIpKvviYy+M6H8qGwSAp6Is19+GP6KxwnggJ/kq6Jht5rnRQA4z9zyRRaXssvyqp5I6Vutv0vkpJaJtnjpz/8B19ytIayazLoAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: 0 -30px;
  }

  .starability-basic > label::before {
    content: '';
    position: absolute;
    display: block;
    height: 30px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAMAAABGivqtAAAAxlBMVEUAAACZmZn2viTHuJ72viOampqampr1viSampr3vySampqdnZ34wiX1vSSampr1vSOZmZmampr1viT2vSOampr2viT2viSampr2viSampr2vyX4vyWbm5v3vSSdnZ32wSadnZ36wCWcnJyZmZn/wSr/2ySampr2vSP2viSZmZn2vSSZmZn2vST2viSampr2viSbm5ubm5uZmZn1vSSampqbm5v2vSWampqampr3vSf5wiT5vyagoKD/xCmkpKT/yCSZmZn1vSO4V2dEAAAAQHRSTlMA+vsG9fO6uqdgRSIi7+3q39XVqZWVgnJyX09HPDw1NTAwKRkYB+jh3L6+srKijY2Ef2lpYllZUU5CKigWFQ4Oneh1twAAAZlJREFUOMuV0mdzAiEQBmDgWq4YTWIvKRqT2Htv8P//VJCTGfYQZnw/3fJ4tyO76KE0m1b2fZu+U/pu4QGlA7N+Up5PIz9d+cmkbSrSNr9seT3GKeNYIyeO5j16S28exY5suK0U/QKmmeCCX6xs22hJLVkitMImxCvEs8EG3SCRCN/ViFPqnq5epIzZ07QJJvkM9Tkz1xnkmXbfSvR7f4H8AtXBkLGj74mMvjM1+VHZpAZ4LM4K/LBWEI9jwP71v1ZEQ6dyvQMf8A/1pmdZnKce/VH1iIsdte4U8VEtY23xOujxtFpWDgKbfjD2YeEhY0OzfjGeLyO/XfnNpAcmcjDwKOXRfU1IyiTRyEkaiz67pb9oJHJb9vVqKfgjLBPyF5Sq9T0KmSUhQmtiQrJGPHVi0DoSabj31G2gW3buHd0pY85lNdcCk8xlNDPXMuSyNiwl+theIb9C7RLIpKvviYy+M6H8qGwSAp6Is19+GP6KxwnggJ/kq6Jht5rnRQA4z9zyRRaXssvyqp5I6Vutv0vkpJaJtnjpz/8B19ytIayazLoAAAAASUVORK5CYII=");
    background-position: 0 30px;
    pointer-events: none;
    opacity: 0;
  }

  .starability-basic > label:nth-of-type(5)::before {
    width: 120px;
    left: -120px;
  }

  .starability-basic > label:nth-of-type(4)::before {
    width: 90px;
    left: -90px;
  }

  .starability-basic > label:nth-of-type(3)::before {
    width: 60px;
    left: -60px;
  }

  .starability-basic > label:nth-of-type(2)::before {
    width: 30px;
    left: -30px;
  }

  .starability-basic > label:nth-of-type(1)::before {
    width: 0px;
    left: 0px;
  }

  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {
    .starability-basic > label {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAB4CAMAAACZ62E6AAABAlBMVEUAAACZmZmampr2vSObm5v/yiufn5+ampr1viP1viSZmZn2viOZmZmampqampr2viSampqampqcnJz5vyScnJz3wSf/wyn/xiujo6Oqqqr/0C/1vSOampr2viP2viOampr2viP2vST2viOampqampqampr1vyP3viSampr2vyT4vyX3viSbm5ubm5v5wCT8xSmgoKCampqampr3vyb2wiWenp72viOampqZmZmampr2viP2viP1viSampqbm5v2vyT3viObm5v4vyadnZ34wSSbm5v2viSZmZn2viP2vST2viP2viT1viOZmZn2viT2viX3viT3vyb2vyOZmZn1vSOZmZlNN+fKAAAAVHRSTlMA9uz4PQwS8O7r5+fTw4yMelw2MB0dFRELBgbS+/Hfu7uxqKWdg4N7ZmZMPi8pKRgPs0w7Nhb14drKw6Gck21tXkNDIyMZ1rDLycTBtaqVknlfV0sGP8ZwAAADW0lEQVRYw9zWvYqDQBSG4TPDoCAqKhYKQgoVLFaIgZCkiCBBUqVazv3fyu4aEXWdM85Uy779A+LP58AfTQgw73AwtxFiZIwbxMbUfuB3H4b49YNfZrbGodoI52+cm9hH9sbZwwAXOFbo2zjDsSzWxnecuuvaM8MpdtbEPs7y9azF5phZWrjERaWOPdpLbB81cICrgv3W4mvMLbU6RmFQeA5u5HhFEEbHLdWLsMxvHJXxW16Goh+ZqPyny1Az5j79SsCJoWHsBNAxQ9sNF26bWFuMC8v1LY+mmeTadjaqtaNnnXoxWBcde1nNWnzdb68xrOqvu22/MTzuPutujpJ122NvluSb8tTWk85CclDZQwLS0oa2TQpEKacsJy0kSJaQOKJxROKKxhWJ7zS+k9ijsUdim8Y2ZWNUFBP4pMKfOv8onX9WrsI5gd3VVLXtatxcuU0znGUHCUAS2DgrS6mT6hTzrXEjfIZj5Dk2xKkihqm4wKlQfQRqalhUP9UHo3FIPAG/Et44JVLsDDf0JHmB3OEByOwZES8hSAsviGjBdh3ylh6plmMnW4IyAUVJWcE/76vTell1EIaiMBwIAcWBA9GC0lIdKFXQQUsHVVCklN7ojf3+z3JOxYqK2TH555+K6CJJQtRbr9XtDmCnjH0AX9Va8J+liIMvDtRsCk2pEs6hKVexR2g7KuDihwt5a9MfprY0fkLXU9ZmFLpoJolN6GXKWWfZx0tHCocwKJSxC22ItYUEjmBUJHFjfYz1xQxlfaLiZsBExq2IPtbkNbLtOwwuGgjTLkH43mYtSzam7+1Bsr3nm5uExBQUozEh9V7N7uvmwZcqdpm0C6vJW63bZEuXtbrV2zpDzhrpYLBWMnY1mjV7JWFtMio7zbWniWFxvHnWm1yGxXmOPXP+L3YV2ysjnNhaZNeMcHPvuL27BMnVMaujljBAYyje4niH4g2ONyh+4PiB4gOODyjWcKxh1gZBNoJjEY4R/BLhF4IDEQ4QPBoEoyxH4+bxrUsHyxwxQlg0WHXqYifVLmo67cKY/UtaXFxBV26TLjuHrkp8BPJTMij1xQejdkgO24nf7dBOCRcbzQuNOR9Qs64GzzrfQa8It2oFAA6Zrga9xEeq1KHmLUHIiCAWInsg1x/MLqkMsItF8QAAAABJRU5ErkJggg==");
      background-size: 30px auto;
    }
  }
/* End Rating Star */


/* Start Flatpickr */
.select-date i{
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    z-index: 99;
}
.select-date .form-control{
    padding: 10px 10px 10px 34px !important;
}

.flatpickr-calendar{
    background-color: white;
}
html[data-bs-theme="dark"] .flatpickr-calendar{
    background-color: var(--gt-bg-s4);
}
.flatpickr-current-month{
    color: var(--gt-text-s4);
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
    background-color: var(--gt-bg-theme);
    border-color: var(--gt-bg-theme);
}
.flatpickr-prev-month svg, .flatpickr-next-month svg{
    fill: var(--gt-text-s4);
}
.flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday{
    color: var(--gt-text2-light) !important ;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay{
    color: rgba(57,57,57,0.3);
}
html[data-bs-theme="dark"] .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay{
    color: rgb(184 176 176 / 30%);
}
.flatpickr-day:hover{
    background-color: rgb(230, 229, 229);
    border-color: rgb(210, 210, 210);
}
html[data-bs-theme="dark"] .flatpickr-day:hover{
    background-color: rgb(69, 67, 67);
    border-color: rgb(125, 125, 125);
}
.flatpickr-day{
    color: var(--gt-text-s4);
}
.flatpickr-time input{
    color: var(--gt-text-s4);
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm{
    color: var(--gt-text-s4);
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus{
    background-color: #eff2f6;
}
html[data-bs-theme="dark"] .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus{
    background-color: #2e3339;
}
html[data-bs-theme="dark"] .flatpickr-calendar{
   box-shadow: 1px 0 0 #494b4f,-1px 0 0 #494b4f,0 1px 0 #494b4f,0 -1px 0 #494b4f,0 3px 13px rgba(0,0,0,0.08);
}
/* End Flatpickr */