﻿@font-face {
    font-family: 'Visby';
    src: url('../fonts/visbybold.woff') format('woff');
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/manrope-extralight.ttf') format('truetype');
}
body, select, select2, .select2-selection span, .nav-link-text, p, td, .form-label {
    font-family: Manrope, Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 300 !important;
    color: #FFFF !important;
}
.tooltip-inner {
    margin-left: 30% !important;
}
.tooltip-inner:has(>#msg) {
    margin-left: 47% !important;
    font-size: 16px
}
.form-control {
    font-family: Manrope, Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600 !important;
    color: #FFFF !important;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .back-btn {
    font-family: Visby !important;
    color: #FF9300;
}
.faq-title-box h2, .faq-title-box .h2, .faq-title-box h1, .faq-title-box .h1 {
    font-size: 50px;
}
lable, .form-check-label {
    font-family: Manrope, Arial, Helvetica, sans-serif !important; 
    color: #ffffff !important;
}
.text-body-highlight {
    font-family: Manrope, Arial, Helvetica, sans-serif !important;
    font-weight: unset;
    font-size: revert;
    color: #f5f2f2 !important
}
table th {
    font-family: Visby !important;
    color: #ffffff !important;
}
.nav-link, .nav-link-icon, .text-body {
    color: #ffffff !important;
}
.btn-primary {
    background-color: #FF9300
}
.btn-primary:hover {
    background-color:  #ffffff !important;
    color: #000000;
}
.primary, .text-body-emphasis {
    color: #FF9300 !important
}
a {
    color: #FF9300
}
a >.btn {
    color: #FF9300 !important
}
.field-validation-error span, .nav-link span {
    color: var(--phoenix-navbar-vertical-link-color) !important;
}
.field-validation-error span{
    color: rgb(232, 76, 66) !important;
}
.nav-link.active span {
    color: #FF9300
}
u {
    text-decoration: none;
    color: #FF9300;
}
.tooltip-inner {
    max-width: 50% !important;
    margin-left:20%;
}
.badge {
    color: #FF9300;
    font-size: 14px;
    border: solid 1px silver;
    background: black;
    padding: 2px 8px;
}
a:hover {
    color: #FF9300;
}
@media (max-width: 756px) {
    .container-md, .container-sm, .container, .product-filter-container {
        max-width: 800px !important;
    }
}
@media (max-width:991px) {
    .container-md, .container-sm, .container, .product-filter-container {
        max-width: 940px !important;
    }
}
@media (max-width:600px) {
    #goltlogo {
        width: 60%;
    }
}
@media (min-width: 1200px)   {
    .product-filter-container {
        max-width: 80rem !important; 
    }
}
@media(min-width: 1109px) {
    .product-filter-container {
        max-width: 100rem !important;
    }
}
table td [data-bs-toggle="tooltip"]:hover {
    color: #FF9300 !important
}

th .primary:hover {
    color: #FFFF !important
}
@media(min-width: 1200px) {
    #productFilterColumn {
        height: 610px;
    }

    .phoenix-offcanvas-fixed {
        position: !important;
    }

    #Grid_comp {
        max-height: 175px;
        height: 170px
    }
}
th.sort a::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNDkgMC42NDY3NjhDMy4zNDM2NiAwLjQ1NDg4NSAzLjY1NjM0IDAuNDU0ODg1IDMuODUxIDAuNjQ2NzY4TDYuMTMxNTEgMi44OTQ2OUM2LjQ0OTk4IDMuMjA4NjIgNi4yMjc2OSAzLjc1MDc4IDUuNzgwNSAzLjc1MDc4SDEuMjE5NUMwLjc3MjMwNyAzLjc1MDc4IDAuNTUwMDE4IDMuMjA4NjIgMC44Njg0OTUgMi44OTQ2OUwzLjE0OSAwLjY0Njc2OFoiIGZpbGw9IiM2RTc4OTEiLz4KPHBhdGggZD0iTTMuMTQ5IDguMTU0MDFDMy4zNDM2NiA4LjM0NTkgMy42NTYzNCA4LjM0NTkgMy44NTEgOC4xNTQwMUw2LjEzMTUxIDUuOTA2MDlDNi40NDk5OCA1LjU5MjE2IDYuMjI3NjkgNS4wNSA1Ljc4MDUgNS4wNUgxLjIxOTVDMC43NzIzMDcgNS4wNSAwLjU1MDAxOCA1LjU5MjE2IDAuODY4NDk1IDUuOTA2MDlMMy4xNDkgOC4xNTQwMVoiIGZpbGw9IiM2RTc4OTEiLz4KPC9zdmc+Cg==");
    margin-left: .25rem;
}
th.sort-asc a::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNDkgMC42NDY3NjhDMy4zNDM2NiAwLjQ1NDg4NSAzLjY1NjM0IDAuNDU0ODg1IDMuODUxIDAuNjQ2NzY4TDYuMTMxNTEgMi44OTQ2OUM2LjQ0OTk4IDMuMjA4NjIgNi4yMjc2OSAzLjc1MDc4IDUuNzgwNSAzLjc1MDc4SDEuMjE5NUMwLjc3MjMwNyAzLjc1MDc4IDAuNTUwMDE4IDMuMjA4NjIgMC44Njg0OTUgMi44OTQ2OUwzLjE0OSAwLjY0Njc2OFoiIGZpbGw9IiM2RTc4OTEiLz4KPC9zdmc+Cg==") !important;
    margin-left: .25rem;
}
th.sort-desc a::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNDkgOC4xNTQwMUMzLjM0MzY2IDguMzQ1OSAzLjY1NjM0IDguMzQ1OSAzLjg1MSA4LjE1NDAxTDYuMTMxNTEgNS45MDYwOUM2LjQ0OTk4IDUuNTkyMTYgNi4yMjc2OSA1LjA1IDUuNzgwNSA1LjA1SDEuMjE5NUMwLjc3MjMwNyA1LjA1IDAuNTUwMDE4IDUuNTkyMTYgMC44Njg0OTUgNS45MDYwOUwzLjE0OSA4LjE1NDAxWiIgZmlsbD0iIzZFNzg5MSIvPgo8L3N2Zz4K") !important;
    margin-top: -1px !important;
}
btn {
    --phoenix-btn-color: #ffffff !important;
}
.btn-wish.btn-wish-primary{
    border-color: #FF9300;
}
.btn-wish.btn-wish-primary:hover  {
    background-color: #FF9300 !important;
    color:white;
}
.product-card a:hover, .product-card:hover .product-name {
    color: white !important;
    text-decoration: none !important;
}
@media(min-width: 1540px){
    .swiper-wrapper {
        justify-content:center
    }
}
.setting-toggle {
    border: 1px solid #D4AF37;
}
@media (max-width: 500px) {
    .setting-toggle small {
         display: block!important;
    }
}
@media (max-width:4000px){
    .setting-toggle {
        right: 35px !important;
        top:30% !important
    }
}
@media (max-width: 575px) {
    .setting-toggle {
        height: 53px !important;
        width: 48px;
        right: -1px !important;
        margin-top:79%
    }
   
}
@media (max-width: 430px) {
    .setting-toggle {
        height: 53px !important;
        width: 48px;
        right: -1px !important;
        margin-top: 40%
    }
   
}
@media (max-width: 390px) {
    .setting-toggle {
        height: 53px !important;
        width: 48px;
        right: -1px !important;
        margin-top: 0%
    }
}
hr {
    background: linear-gradient(to right, #E5E4E2, #e5e5e2);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.text-danger {
    color:red !important;
}
