html,body{
    background: #f3f3f3 !important;
}
#logo {
    transition: all 0.3s ease;
}
.ecommerce-about{
    background-image: url(/images/bg/bg2.png);
    background-size: cover;
}
.ecommerce-terms{
    background-image: url(/images/bg/bg5.png);
    background-size: cover;
    padding: 180px 0 85px;
    position: relative;
}
.ecommerce-privacy{
    background-image: url(/images/bg/bg7.png);
    background-size: cover;
    padding: 180px 0 85px;
    position: relative;
}
.contact-page{
    background-image: url(/images/bg/bg4.png);
    background-size: cover;
}
.row.withbg {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px;
    border-radius: 10px;
}
.twoLines {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.allProducts {
    background-image: url(/images/bg/bg.png);
    background-size: cover;
}
.singleProduct {
    background-image: url(/images/bg/bg3.png);
    background-size: cover;
}
#logo.shrink {
    height: 60px; /* New height when navbar is sticky */
    width: auto;
    margin: 0;
}
.tag {
    padding: 2px 10px;
    border-radius: 50px;
    background: #0074D9;
    color: white;
    display: inline-block;
}
.btn.btn-hover:hover{
    background: #c4c4c4 !important;
}
.btn.btn-secondary:hover {
    color: #111111 !important;
}
.ecommerce-navbar{
    top: 0 !important;
    background: #021a45 !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    padding: 15px 0 !important;
    height: 80px;
}

.ecommerce-navbar.is-sticky{
    background: #021a45 !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}

.ecommerce-navbar.with-top-bar{
    top: 34px !important;
}
.ecommerce-navbar .navbar-collapse {
    background-color: #021a45 !important;
 }
.fas {
    color: white;
}
.navbar-brand{
    background: #021a45;
    padding: 5px;
    border-radius: 16px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}

.ecommerce-navbar .logo{
    width: 150px;
    margin-top: 79px;
    border-radius: 16px;
}
#forlogo {
    height: 150px;
}
#logo2{
    height: 150px;
    margin-top:100px;
}
.ecommerce-navbar .navbar-nav .nav-item .nav-link {
    color: white !important;
    font-size: 15px;
    font-weight: 500;
    padding: 0 14px;
    height: 70px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.ecommerce-navbar .nav-pills{
    display: flex;
    gap: 25px;
    padding: 15px 40px;
    border-radius: 25px;
    color: white !important;
}
#logo2 {
    height: 150px;
    margin-top:100px
}
.nav-pills a{
    color: white;
    transition: .2s ease;
}

.nav-pills a:hover{
    color: #32d2e0;
}

.top-tagbar{
    background: #0b1729 !important;
    padding: 0 25px !important;
    display: flex;
    color: white !important;
}

.top-tagbar .user{
    flex-grow: 1;
    margin-left: 25px;
}

.top-tagbar .links{
    display: flex;
    gap: 5px;
}

.top-tagbar .links a {
    padding: 3px 10px;
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    color: white;
    transition: .2s ease;
}

.top-tagbar .links a:hover{
    background: #7c6bff;
}

.tagbar-line{
    color: #FFF !important;
}

/** Auth **/
.auth h1{
    font-weight: 900;
    margin-bottom: 25px;
}

.auth .card{
    border-radius: 12px;
}

.auth hr{
    width: 90%;
    margin: 10px auto 15px auto;
    border-color: rgba(11, 11, 11, .3) !important;
}


/** Home */
.watch-layout{
    background: url("/images/home-header.png") !important;
    background-size: cover !important;
    background-position: center !important;
}

.btn-primary{

}

.btn-secondary{
    background: #021a45 !important;
    border: none !important;
}

.btn-secondary:hover{
    background: #011741 !important;
    color: #32d2e0 !important;
}

.watch-category-widgets .bg-light{
    background: #FFF !important;
}

.watch-category-widgets img{
    max-height: 250px;
    margin: 0 auto;
}

.swiper-slide .img-fluid{
    max-height: 458px;
}

.product-thumb, .swiper-slide{
    background: transparent;
    border-radius: 10px;
}

.product-thumb .img-fluid{
    max-height: 70px !important;
    border-radius: 10px;
}

.rounded-2{
    border-radius: 10px !important;
}

.ecommerce-product-widgets{
    border-radius: 10px;
    padding: 25px;
}

.ecommerce-product-widgets .tablecontainer {
    border: 1px solid rgba(11, 11, 11, .1);
    border-radius: 6px;
    padding: 5px 10px;
    position: relative;
    padding-top: 23px;
    margin-top: 15px;
}

.ecommerce-product-widgets .tablecontainer:not(:last-child){
    margin-bottom: 40px;
}

.ecommerce-product-widgets .tablecontainer .table{
    margin-bottom: 0 !important;
}
.ecommerce-product-widgets .tablecontainer h4{
    background: white;
    border-radius: 6px;
    border: 1px solid rgba(11, 11, 11, .1);
    position: absolute;
    padding: 5px 10px;
    top: -17px;
    left: 17px;
    font-size: 18px;
}

.dynamic-select {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    position: relative;
    width: 100%;
    user-select: none;
}
.dynamic-select .dynamic-select-header {
    border: 1px solid #dee2e6;
    padding: 7px 30px 7px 12px;
}
.dynamic-select .dynamic-select-header::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23949ba3' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
    height: 12px;
    width: 12px;
}
.dynamic-select .dynamic-select-header.dynamic-select-header-active {
    border-color: #c1c9d0;
}
.dynamic-select .dynamic-select-header.dynamic-select-header-active::after {
    transform: translateY(-50%) rotate(180deg);
}
.dynamic-select .dynamic-select-header.dynamic-select-header-active + .dynamic-select-options {
    display: flex;
}
.dynamic-select .dynamic-select-header .dynamic-select-header-placeholder {
    color: #65727e;
}
.dynamic-select .dynamic-select-options {
    display: none;
    box-sizing: border-box;
    flex-flow: wrap;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    margin-top: 5px;
    padding: 5px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.dynamic-select .dynamic-select-options::-webkit-scrollbar {
    width: 5px;
}
.dynamic-select .dynamic-select-options::-webkit-scrollbar-track {
    background: #f0f1f3;
}
.dynamic-select .dynamic-select-options::-webkit-scrollbar-thumb {
    background: #cdcfd1;
}
.dynamic-select .dynamic-select-options::-webkit-scrollbar-thumb:hover {
    background: #b2b6b9;
}
.dynamic-select .dynamic-select-options .dynamic-select-option {
    padding: 7px 12px;
}
.dynamic-select .dynamic-select-options .dynamic-select-option:hover, .dynamic-select .dynamic-select-options .dynamic-select-option:active {
    background-color: #f3f4f7;
}
.dynamic-select .dynamic-select-header, .dynamic-select .dynamic-select-option {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    height: 45px;
    font-size: 16px;
    color: #212529;
}
.dynamic-select .dynamic-select-header img, .dynamic-select .dynamic-select-option img {
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}
.dynamic-select .dynamic-select-header img.dynamic-size, .dynamic-select .dynamic-select-option img.dynamic-size {
    object-fit: fill;
    max-height: none;
    max-width: none;
}
.dynamic-select .dynamic-select-header img, .dynamic-select .dynamic-select-header svg, .dynamic-select .dynamic-select-header i, .dynamic-select .dynamic-select-header span, .dynamic-select .dynamic-select-option img, .dynamic-select .dynamic-select-option svg, .dynamic-select .dynamic-select-option i, .dynamic-select .dynamic-select-option span {
    box-sizing: border-box;
    margin-right: 10px;
}
.dynamic-select .dynamic-select-header.dynamic-select-no-text, .dynamic-select .dynamic-select-option.dynamic-select-no-text {
    justify-content: center;
}
.dynamic-select .dynamic-select-header.dynamic-select-no-text img, .dynamic-select .dynamic-select-header.dynamic-select-no-text svg, .dynamic-select .dynamic-select-header.dynamic-select-no-text i, .dynamic-select .dynamic-select-header.dynamic-select-no-text span, .dynamic-select .dynamic-select-option.dynamic-select-no-text img, .dynamic-select .dynamic-select-option.dynamic-select-no-text svg, .dynamic-select .dynamic-select-option.dynamic-select-no-text i, .dynamic-select .dynamic-select-option.dynamic-select-no-text span {
    margin-right: 0;
}
.dynamic-select .dynamic-select-header .dynamic-select-option-text, .dynamic-select .dynamic-select-option .dynamic-select-option-text {
    box-sizing: border-box;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    font-size: inherit;
}

.footer-landing{
    background: #021a45 !important;
}

.footer-landing .logo-light{
    width: 128px !important;
    height: unset !important;
}

.footer-landing .footer-desc{
    width: 128px !important;
    text-align: center;
    color: rgba(255, 255, 255, .6) !important;
}
.watch-cta {
    background-image: url(/images/vidbg.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
.ecommerce-navbar .navbar-nav .nav-item .nav-link {
    font-size: 20px;
    font-weight: 500;
    padding: 0 14px;
    height: 70px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.footer-link a{
    color: rgba(255, 255, 255, .6) !important;
}

.footer-link a:hover{
    color: white !important;
}

.product-item{
    display: flex;
    padding: 10px 15px;
    border-radius: 6px;
    background: white;
    box-shadow:  0 2px 4px 0 rgba(0,0,0,.2);
    margin-bottom: 10px;
    align-items: center;
    gap: 15px;
    border: 1px solid transparent;
    transition: .2s ease;
}

.product-item:hover{
    border-color: #021a45;
}

.product-item img{
    object-fit: contain;
    width: 64px;
    height: 64px;
}

.product h2{
    margin-top: 0;
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .navbar-brand {
        position: absolute;
        right: 20px;
    }
    .ecommerce-navbar .logo {
        height: 60px;
        width: auto;
        margin: 0;
    }
}

.glide__bullet{
    background: rgba(11, 11, 11, .2) !important;
    box-shadow: none !important;
}
.glide__bullet--active{
    background: #021a45 !important;
}