/*
Template Name: Crypto Cal White & Blue
Version: 1.0
Author: Tech Jindal
Email: techjindal.com@gmail.com
*/
* {
    box-sizing: border-box;
}
body {
    font-family: "Inter", serif !important;
}
/* Marquee Classes */
.marquee-container {
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
            background: #f8fafd;
            border-top: 1px solid #d3d3d3;
            position: relative;
        }

        .marquee-content {
            display: flex;
            gap: 30px;
            min-width: 100%;
            animation: marquee 20s linear infinite;
            width: max-content;
        }
        .marquee-content a {
            text-decoration: none;
            color: #0d1421;
        }

        @keyframes marquee {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }

        .coin-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 5px 15px;
            border-radius: 5px;
        }

        .coin-image {
            width: 30px;
            height: 30px;
            object-fit: contain;
        }

        .coin-info {
            display: flex;
            flex-direction: column;
        }

        .coin-name {
            font-weight: bold;
            font-size:14px;
        }

        .coin-code {
            font-size: 12px;
            color: gray;
        }

        .coin-price {
            font-weight: bold;
            font-size: 14px;
        }

        .coin-change {
            
            font-size: 12px;
        }


        /* Pause animation on hover */
        .marquee-container:hover .marquee-content {
            animation-play-state: paused;
        }
/* Bootstrap Classes */
.bg-primary {
	background-color: #3861fb !important;
	color: #fff;
}
.bg-light {
    background-color: #f8fafd !important;
}
.btn {
	font-weight: bold;
}
.btn-primary {
    color: #fff !important;
    background-color: #3861fb;
    border-color: #3861fb;
}
.btn-primary:hover {
    color: #ffffff;
    background-color: #0d1421;
    border-color: #0d1421;
}
.btn-light {
	color: #323546;
	border-color: #fff;
	background-color: #fff;
}
.btn-light:hover {
    color: #fff;
    background-color: #0d1421;
    border-color: #0d1421;
}
.active>.page-link {
	background-color: #3861fb !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #0d1421;
}
.text-grey {
    color:#616e85;
}
a {
    color: #3861fb;
}
.form-control {
    color: #616e85 !important;
}
.amount-field {
    font-size:1rem;
    font-weight:500;
    height:48px;
}
label {
    color: #0d1421 !important;
    font-weight: bold !important;
    font-size: 80% !important;
}
/* Select2 Box Section */
.select2-container .select2-selection--single {
    font-size: 1rem !important; /* Increase height of the Select2 box */
    font-weight: 500 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #616e85 !important;
    line-height: 48px !important;
}
.select2-container .select2-selection__arrow {
    height: 48px !important; /* Adjust the dropdown arrow (caret) alignment */
}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container .select2-selection--single {
    height: 48px !important;
}
/* Header */
.ptop {
	padding-top: 1rem !important;
}
.header {
	background-color: #fff;
	color: #0d1421;
}
.navbar .nav-item {
	padding-right: 15px;
}
.navbar-nav a {
	color: #0d1421;
	font-weight: 600;
}
.navbar-nav .dropdown-item {
	color: #0d1421;
}
.mode {
    padding: .23rem 0.75rem;
    border: 1px solid #eff2f5;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: .25rem;
    background-color: #eff2f5;
}
.mode-sun {
    padding: .23rem 0.75rem;
    border: 1px solid #323546;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: .25rem;
    background-color: #323546;
}
.navbar .last {
	padding-right: 0px !important;
}
.navbar-toggler {
    background-color: #3861fb;
    color: #fff;
}
.cc-grower {
    background: #323546;
}
.cc-btn {
    background-color: #fff !important;
    color: #0d1421 !important;
    text-decoration: none;
}
.cc-window.cc-banner {
	margin-right: auto;
	margin-left: auto;
	max-width: 1140px;
}
.recent-convert .badge {
    color: #0d1421;
    background-color: #eff2f5;
    font-size:14px;
    font-weight:500;
}
.recent-convert .badge a{
    color: #0d1421;
    text-decoration: none;
}
.tool .card-body {
    background-color: #3861fb !important;
    color: #fff !important;
    border-radius: 5px !important;
}
.tool .card {
    border: none !important;
}
.tool .card-body h5 {
    color: #fff !important;
}
/* Page Title */
.page-title h1 {
	font-size: 2rem;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#fff;
}
/* Page Title */
.blog .card-title {
    font-size: 1.4rem;
}
.blog p {
    color: #616e85;
}
.blog .card-title a {
    color: #0d1421;
    text-decoration: none;
}
/* Dynamic List */
.dynamic-list h5 {
 text-align: center;
}
.dynamic-list h6 {
 text-align: center;
}
.dynamic-list a {
 color: #3861fb;
 text-decoration: none;
}
/* Donation Box */
.donation .card {
	border: none;
}
.donation p {
	color: #616e85;
}
.donation .card p {
	color: #616e85;
	line-height: 1rem;
}
/* Footer CTA Box */
.cta-box {
	background-color: #3861fb;
	color: #ffffff;
}
.cta-text {
	font-size: 1.65rem;
}
.cta-box .btn {
	padding: 15px;
}
/* Footer */
.footer {
	color: #808a9d;
	font-size:15px;
	font-weight: 500;
}
.footer a {
	color: #808a9d;
	text-decoration: none;
}
.footer ul {
	list-style-type: none;
	padding-left: 0px;
}
.footer ul li {
	line-height: 2.1rem;
}
/* Dark Mode Start */
.dark-mode {
    background-color: #0d1421;
    color:#fff;
}
.dark-mode .btn-outline-dark {
	color: #323546;
	border-color: #ffffff;
}
.dark-mode h1, 
.dark-mode h2, 
.dark-mode h3, 
.dark-mode h4, 
.dark-mode h5, 
.dark-mode h6, 
.dark-mode .h1, 
.dark-mode .h2, 
.dark-mode .h3, 
.dark-mode .h4, 
.dark-mode .h5, 
.dark-mode .h6 {
    color: #fff;
}
.dark-mode .select2-results {
    color:#121212 !important;
}
.dark-mode .btn-primary:hover {
    border-color: #fff;
}
.dark-mode .header {
	background-color: #0d1421;
	color: #fff;
}
.dark-mode .nav-link {
	color: #fff;
}
.dark-mode .text-grey {
    color: #a1a7bb;
}
.dark-mode .form-control {
    color: #0d1421 !important;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0d1421 !important;
}
.dark-mode label {
  color: #fff !important;
}
.dark-mode .calculate-section {
    background-color: #323546;
    color: #fff;
}
.dark-mode .btn-light:hover {
	background-color: #0d1421;
	border-color: #fff;
}
.dark-mode .card {
    background-color: #222531 !important;
}
.dark-mode .card-text {
    color: #fff !important;
}
.dark-mode .navbar-toggler {
    background-color: #0d1421;
    color: #fff;
}

.dark-mode .bg-primary {
	background-color: #222531 !important;
	color: #ffffff;
}
.dark-mode .dynamic-list a {
    color:#a1a7bb !important;
}
.dark-mode .bg-light {
    background-color: #323546 !important;
}
.dark-mode .blog .card-title a {
    color: #fff;
}
.dark-mode .faq-section h6 {
    color: #a1a7bb !important;
}
.dark-mode .marquee-container {
    background: #323546;
    border-top: 1px solid #323546;
        }
.dark-mode .coin-info {
    color: #fff !important;
}
/* Dark Mode Donation Box */
.dark-mode .donation p {
    color: #a1a7bb !important;
}
/* Dark Mode Footer */
.dark-mode .footer {
	background-color: #121212;
	color: #a1a7bb;
}
.dark-mode .footer a {
	color: #a1a7bb;
}
.dark-mode .footer h5 {
	color: #fff;
}
/* Dark Mode End */