button.btn.btn-primary-2 {
    color: white!important;
}
.form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.swiper-button-next :active svg path, .swiper-button-next:hover svg path, .swiper-button-prev :active svg path, .swiper-button-prev:hover svg path {
    fill: #fff!important;
}
.technology {
    cursor: pointer!important;
}
.technology:hover .text-300 {
    color: #fff !important;
}
.btn.btn-gradient {
    color: #fff!important;
}
.section-blog-list .active .pagination_item {
    color: #fff !important;
    cursor: pointer;
}
.fob-comment-form button.btn.btn-primary {
    color: white !important;
}
.fillter-project button.btn.btn-md.btn-filter.mb-2.me-2.text-uppercase.active {
    color: white !important;
}
.fillter-project button.btn.btn-md.btn-filter.mb-2.me-2.text-uppercase:hover {
    color: #ffffff;
}
.hoverprice:hover{
border: 1px solid transparent;
    background: linear-gradient(var(--tc-neutral-1000), var(--tc-neutral-1000)) padding-box, var(--tc-linear-2) border-box;
  cursor:pointer;
}
pre{
 position:relative; 
}
.hljs-copy-button {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 2rem;
    height: 2rem;
    text-align: center;
    color: #fff !important;
    border-radius: 0.25rem;
    border: 1px solid #ffffff22;
    background-color: var(--primary-color);
    background-color: var(--primary-color);
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 200ms 
ease, transform 200ms 
ease-out;
  opacity: 0;
    visibility: hidden;
    transition:
        opacity 200ms ease,
        visibility 200ms ease;
}
.hljs-copy-wrapper:hover .hljs-copy-button {
    opacity: 1;
    visibility: visible;
}
.hljs-copy-button:hover {
    border-color: #ffffff44;
}
code[class^="language-"].hljs {
    border-radius: 10px;
}
.section-hero-2 .text-secondary-2.d-flex.align-items-center {
    flex-wrap: wrap;
}