/*@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-size: 16px;
    font-style: normal;
    font-weight: var(--phoenix-font-weight);
    color: var(--phoenix-body-color);
}
.phoenix-offcanvas-filter, .navbar, .img-fluid,h2 {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
/*.tooltip-inner {
    margin-left: 30% !important;
}*/
.tooltip-inner:has(>#msg) {
    margin-left: 47% !important;
    font-size: 16px
}
.field-validation-error {
    color: rgb(255 38 33) !important
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .back-btn {
   
    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 {
    color: var(--phoenix-body-color) !important
}

.nav-link, .nav-link-icon, .text-body {
    color: var(--phoenix-body-color) !important
}
[data-bs-theme=light] .btn-primary {
    background-color: #050505;
    color:white !important
}
[data-bs-theme=dark]  .btn-primary {
    background-color: #FF9300
}
.btn-primary.active {
    background-color:  #ffffff !important;
    color: #000000 !important;
}
.primary, .text-body-emphasis {
    color: #FF9300;
}
[data-bs-theme=light] th .primary {
    color: var(--phoenix-table-color-state, var(--phoenix-table-color-type, var(--phoenix-table-color))) !important;
}
[data-bs-theme=light] .collapsed.primary {
    color: #000000 !important;
    font-weight: bold;
}
[data-bs-theme=light] .accordion-button:not(.collapsed) {
    color: #000000;
    font-weight: 700 !important;
}
    a {
    color: #FF9300
}
a >.btn {
    color: #FF9300 !important
}
a:hover,a:active {
    color: #FF9300 !important
}
.field-validation-error span, .nav-link span {
    color: var(--phoenix-navbar-vertical-link-color) !important;
}
.field-validation-error span {
    color: rgb(255 38 33) !important;
}
.nav-link.active span {
    color: #FF9300
}
u {
    text-decoration: none;
    color: #FF9300;
}
.tooltip-inner {
    max-width: 50% !important;
    margin-left:20%;
}
/*.badges {
    color: var(--phoenix-body-color) !important;
    font-size: 14px;
    font-weight: var(--phoenix-font-weight);
    line-height: normal;
    border: solid 1px #FF9300;
}
.badge {
    color: var(--phoenix-body-color) !important;
    font-size: 14px;
    font-weight: var(--phoenix-font-weight);
    line-height: normal;
    border: solid 1px #FF9300;
}*/
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%;
    }
    sup {
        line-height: 3 !important;
    }
    .tooltip-inner {
        max-width: 100% !important;
        margin-left: 0%;
    }
}
@media (min-width: 1200px)   {
    .product-filter-container {
        max-width: 100rem !important; 
    }
    .gridcardDesc {
        height: 150px ;
    }
}
@media(min-width: 1109px) {
    .product-filter-container {
        max-width: 100% !important;
    }
}
table td [data-bs-toggle="tooltip"]:hover {
    color: #FF9300 !important
}

[data-bs-theme=dark] th .primary:hover {
    color: #FF9300 !important
}
[data-bs-theme=light] th .primary:hover {
    color: #343434 !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
    }
    .gridcardDesc {
        height: 90px;
    }
}
.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%
    }
    sup {
        line-height: 3 !important;
    }
    
}
@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;*/
    color: rgb(255 38 33) !important
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--phoenix-border-color), 0.6) !important;
}
@media screen and (min-width: 768px) and (max-width: 4000px) {
    .compare_data .table-sm {
        table-layout: fixed;
    }
    .search-box {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) {
    .compare_data .table-sm {
        table-layout: unset;
    }
    sup {
        line-height: 3;
    }
    .search-box{
        width:100% !important;
    }
}
sup {
    top: -0.9em !important;
    left: -0.4em !important;
}
.btn-primary {
    --phoenix-btn-hover-bg: white !important;
    --phoenix-btn-hover-color: black !important;
}
.nav-link.active {
    background-color: #ffffff0d;
}
    .nav-link.active span {
        color: #FF9300 !important;
    }
.text-secondary-icon {
    color: var(--phoenix-hamburger-menu-color) !important;
}


input[type="checkbox"] {
   
    accent-color: #FF9300 !important;
    background-color: #fff;
}
button:active {
    border: none !important;
    border-color:white !important;
    background-color: #ffffff56 !important; /* gold */
}
/*.text-white{
    color: var(--phoenix-body-color) !important
}*/
.accordion-body, p, .text-body {
    color: var(--phoenix-body-color);
    font-weight: var(--phoenix-font-weight) !important;
}
li > a {
    font-weight: var(--phoenix-font-weight);
}
[data-bs-theme=dark] #logo_chip {
    content: url('../img/placeholders/microchip.svg');
}
[data-bs-theme=light] #logo_chip {
    content: url('../img/placeholders/microchip_White.svg');
}
[data-bs-theme=dark] #compare_img {
    content: url('../img/icons/icon_comp.png');
    margin-top: -13%;
}
[data-bs-theme=light] #compare_img {
    content: url('../img/icons/icon_compbg-white.png');
    margin-top: -13%;
}
[data-bs-theme=light] #transforming_legal {
    content: url('../img/icons/TFLlogo-white.jpg');
}
[data-bs-theme=dark] #transforming_legal {
    content: url('../img/icons/TFLlogo.jpg');
}
#msg {
    color: #fafafa !important;
}
[data-bs-theme=light] #ProductDiv {
    background: #ffffff;
}
[data-bs-theme=dark] #ProductDiv {
    background: #0f111a;
}
.toggleContainer {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
    border: 1px solid #343434;
    border-radius: 20px;
    background: #343434;
    font-weight: bold;
    color: #343434;
    cursor: pointer;
    margin: 0;
    padding: 0 !important;
    width: 120px;
    height:30px;
   box-shadow: 0px 0px 2px 0.6px #FF9300;
}
.theme-control-toggle .theme-control-toggle-label {
    color: white !important;
}
    .theme-control-toggle .theme-control-toggle-label.active {
        background-color: white;
        content: '';
        width: 100%;
        height: 28px;
        border-radius: 20px;
        background: white;
        transition: all 0.3s;
        color: black !important;
    }

.select2-results__option :hover {
    background-color: #343434;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #FF9300 !important;
    background: #FF9300 !important;
}
[data-bs-theme=dark] .ui-widget-content {
    background-color: #000000 !important
}
a[for="langControlToggle"]:hover {
    color: #e7e7e7f5 !important;
}
.flex-h-10{
  height:10%;
}
[style="cursor:default"] {
    color: var(--phoenix-body-color) !important
}
[style="cursor:default"]:hover {
    color: var(--phoenix-body-color) !important
}
/*this for image show on mobile view */
@media only screen and (max-width: 768px) 
{
    #bg-img {
        display: block !important;
        width: inherit !important;
    }
    .bg-holder {
        height: fit-content;
        min-height: auto !important;
    }
    .booking-hero-header {
        padding: 7.500rem 0 !important;
        position: relative !important;
    }
    .bg-video {
        display: none !important;
    }
}
@media only screen and (max-width: 565px)
{
    .booking-hero-header {
        padding: 7.100rem 0 !important;
        position: relative !important;
    }
   
}
@media only screen and (max-width:991px)
{
    .phoenix-offcanvas.phoenix-offcanvas-fixed {
        height: 90% !important
    }
}
.select {
    font-size: 16px !important;
}
/*this for image show on web view */
@media only screen and (min-width: 768px) {
    #bg-img {
        display: none;
    }

    .bg-video {
        display: block !important;
    }
    
}
/*this for video show */
[data-bs-theme=light] .accordion-button:active {
    background-color: #ffffff30 !important
}
[data-bs-theme=dark] .accordion-button:active {
    background-color: #00000056 !important
}
[data-bs-theme=light] .phoenix-offcanvas-filter {
    background: #f5f7fa !important 
}

[data-bs-theme=dark] .phoenix-offcanvas-filter {
    background: #010101 !important
}
[data-bs-theme=light] .phoenix-offcanvas-filter {
    background: #f5f7fa !important
}
#ui-id-1 {
   
    overflow-x: hidden;
    overflow-y: auto;
    max-height:500px;
    width: auto
}
[data-bs-theme=dark] .ui-menu .ui-menu-item {
    color: #ffff
}
[data-bs-theme=light] .ui-menu .ui-menu-item, a {
    color: #FF9300;
    text-decoration: none;
}
[data-bs-theme=dark] .table > thead > tr > th {
    color: #FF9300 !important
}
[data-bs-theme=dark] .text-white {
    color: #ffff !important
}
[data-bs-theme=light] .text-white {
    color: #000000 !important
}
li .text-white:hover {
    color: #FF9300 !important;
}
[data-bs-theme=dark] a.btn-primary {
    color: #ffff !important;
    text-decoration: none;
}
[data-bs-theme=dark] a.btn-primary:hover {
    color: white !important;
    text-decoration: none;
}
th a.primary {
    color: #FF9300 !important;
    text-decoration: none;
}
.btn-secondary:active {
    background-color: #FF9300 !important;
    color: black !important
}
.btn .navbar-vertical-toggle :active {
    background-color: transparent !important;
}

.btn .navbar-vertical-toggle {
    background-color: transparent !important
}
[data-bs-theme=light] .btn-link:hover {
    color: #000000 !important
}
[data-bs-theme=dark] .navbar-vertical .navbar-vertical-footer .btn:active {
    background-color: transparent !important
}
@media only screen and (max-width:983px)
{
    #head_btns{
        width:47rem
    }
    .bg-video {
        height: 82% !important;
        margin-top: 5%;
    }
}
@media only screen and (max-width:911px) {
    #head_btns {
        width: 45rem
    }
}
@media only screen and (max-width:869px) {
    #head_btns {
        width: 40rem
    }
    .setting-toggle {
        top: 24% !important;
        margin-top: 0%;
    }
    
}
@media only screen and (max-width:788px) {
    #head_btns {
        width: 34rem
    }
    .bg-video {
        height: 77% !important;
        margin-top: 3%;
    }
    .setting-toggle {
        top: 40% !important;
        margin-top: 0%;
    }
    .toggleContainer {
        width: 90px
    }
}
@media only screen and (max-width:667px){
    #head_btns {
        width: 30rem !important
    }
}
@media only screen and (max-width:586px) {
    #head_btns {
        width: 25rem !important
    }
}
@media only screen and (max-width:486px) {
    #head_btns {
        width: 17rem !important
    }
}
@media only screen and (max-width:412px) {
    #head_btns {
        width: 16rem !important
    }
}
@media only screen and (max-width:400px) {
    #head_btns {
        width: 17rem !important
    }
    .setting-toggle {
        top: 30% !important;
    }
}
@media only screen and (max-width:374px) {
    #head_btns {
        width: 12rem !important
    }
}
@media only screen and (max-width:360px) {
    #head_btns {
        width: 15rem !important
    }
}
[data-bs-theme=dark] .dropdown-menu li.treeview-parent:hover {
    background-color: transparent !important;
}

.optgroup a .form-check-label, .optgroup .form-check-label {
    text-wrap: auto;
}
/*For tooltip*/
@media (max-width: 796px) {
    .tooltip-inner {
        max-width: 375px !important;
        font-size: 12px;
        padding: 10px 12px !important;
        text-align: center;
        word-wrap: break-word;
        white-space: normal !important;
    }
   .tooltip {
     font-size: 16px;
     max-width: 354px;
     min-width: unset !important;
   }
}