@import url('../css/variables.css');
*:focus{
    outline:0!important;
    box-shadow:none!important;
    border-color:var(--theme-light)!important;
}
.btn-default{
    background-color: var(--theme) !important;
    color:white !important;
}
.btn-default:hover{
    background-color: var(--theme-light) !important;
    color:var(--theme) !important;
}

/* @font-face {
	font-family: theme-font;
	font-display: swap;
	src: url('../fonts/dtt.ttf')
} */

/* .inter {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
      "slnt" 0;
} */
.ellipse{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Text colors */
body{
    font-family: "Poppins", sans-serif !important;
    font-style: normal;
}
.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-555{
    z-index: 55555;
}
.border-dotted{
    border-style: dotted!important;
}
.top-125{top:125px;}
.main-nav>li>a{
    text-transform: uppercase;
    padding: 12px 12px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    font-family: calibri;
    transition: all;
}
.main-nav>li:hover a{
    border-color: white!important;
}
.active-a{
    border-bottom: 2px solid white !important;
}
.calibri-font{font-family: Calibri !important;}
.text-theme{color: var(--theme) !important;}
.text-theme-secondary{color: var(--theme-secondary) !important;}
.text-theme-light{color: var(--theme-light) !important;}
.text-light{color: var(--text) !important;}
/* Bg colors */
.bg-theme{background-color: var(--theme)!important;}
.bg-theme-secondary{background-color: var(--theme-secondary);}
.bg-theme-light{background-color: var(--theme-light);}
.bg-theme-lighter{background-color: var(--theme-lighter);}
.bg-light{background-color: var(--light) !important;}
.bg-dark-light{background-color: #0000004c;}
.bg-dark-light2{background-color: #000000c8;}
.shadow{
    box-shadow: rgba(0,0,0,0.06) 0px 0px 20px;
}
/* font sizes */
.fs-8{font-size: 8px;}
.fs-9{font-size: 9px;}
.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-24{font-size: 24px;}
.fs-26{font-size: 26px;}
.fs-28{font-size: 28px;}
.fs-30{font-size: 30px;}
.fs-32{font-size: 32px;}
.fs-34{font-size: 34px;}
.fs-50{font-size: 50px;}
.pointer{cursor: pointer;}
.verticalLine{border-left: 1px solid #f0f0f0;}
.swiper-button-next, .swiper-button-prev{
    height: 30px;
    border-radius: 5px;
    background-color: var(--theme) !important;
    color:#fff;
}
.swiper-button-next::after,
.swiper-button-prev::after{
    font-size: 20px;
}

.card:hover{box-shadow:inherit!important; cursor: pointer;}
/* Footer */
h4{font-size: 22px;}
h1{font-size: 25px;}
.hr-light{color: #c0c0c0 !important;}
.bc-light{border-color: #f0f0f0 !important;}
.bStyle{
    outline: 3px solid var(--theme-secondary);
    outline-offset: -7px;
}
.bStyle:hover,.bStyle:checked,.bStyle:active,.bStyle:focus{
    background-color: var(--theme-light);
    color:var(--theme)!important;
    outline: 0px;
}
.opacity-5{opacity: 0.5;}
.social-links{width: 35px; height: 35px;}
.social-links:hover{opacity: 0.5;}
.social-sticky{width:45px; bottom:50px;}
.social-sticky>a>.linkedin{border-top-left-radius: 6px;}
.social-sticky>a>.whatsapp{border-bottom-left-radius: 6px;}
.social{height: 35px;}
.linkedin{background-color:#0072b1 !important;}
.facebook{background-color:#3b5998 !important;}
.twitter{background-color:#00acee !important;}
.youtube{background-color:#c4302b !important;}
.instagram{background-color:#3f729b !important;}
.whatsapp{background-color:#25D366 !important;}
.cart{width:45px; top:150px; right:0px;height: 35px;background-color:#bb0a51 !important;}
/* scroll css */
::-webkit-scrollbar {width: 5px;}
/* Track */
::-webkit-scrollbar-track {background: #bebebe;}
/* Handle */
::-webkit-scrollbar-thumb {background: #000;}
@media(max-width:992px) and (min-width:768px){
    h4{font-size: 18px;}
    h1{font-size: 20px;}
    
    p.fs-14{font-size: 13px;}
    .fs-md-10{font-size: 10px!important;}
    .fs-md-11{font-size: 11px!important;}
    .fs-md-12{font-size: 12px!important;}
    .fs-md-13{font-size: 13px!important;}
    .fs-md-14{font-size: 14px!important;}
    .fs-md-16{font-size: 16px!important;}
}

.bg-lightdark{
    background-color: #212529b3!important;
}

@media(max-width:768px){
    
    .fs-sm-10{font-size: 10px!important;}
    .fs-sm-11{font-size: 11px!important;}
    .fs-sm-12{font-size: 12px!important;}
    .fs-sm-13{font-size: 13px!important;}
    .fs-sm-14{font-size: 14px!important;}
    .fs-sm-16{font-size: 16px!important;}
}


/* @media(max-width:600px){
    .subCategoryList{display: none!important;}
} */

.breadcrumb-item+.breadcrumb-item::before{
    color: white!important;
}