::-webkit-scrollbar{
    inline-size:3px
}
::-webkit-scrollbar-track{
    border-radius:10px;
}
::-webkit-scrollbar-thumb{
    background:var(--primary);
    border-radius:10px;
    opacity: 0.5;
    /* box-shadow: 0 0 5px var(--secondary); */
}
::-webkit-scrollbar-thumb:hover{
    background:var(--secondary);
    /* box-shadow: 0 0 5px var(--primary); */
}

a.skip-main{
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
    color:#393939
}
a.skip-main:active,a.skip-main:focus{
    position:absolute;
    overflow:hidden;
    z-index:9999;
    border:1px solid #393939;
    padding:8px;
    border-radius:10px;
    left:10px;
    top:10px;
    background:#fff;
    width:auto;
    height:auto
}
*:focus{
    /* border: 1px solid -webkit-focus-ring-color; */
    /* outline:black auto 1px */
}
:focus-visible{
    border: 1px solid black;
    /* outline:black auto 1px */
}
a:-webkit-any-link{
    /* color:-webkit-link; */
    cursor:pointer;
    /* text-decoration:underline; */
}
a:-webkit-any-link:focus-visible{
    border: 1px solid black;
    outline-offset:1px
}
html .btn-outline.btn-dark:focus {
    color: #FFF;
    background-color: #212529;
    border-color: #212529;
}
html .btn-outline.btn-primary:focus {
    color: #FFF;
    background-color: #eb5e1a;
    border-color: #eb5e1a;
}
body {
    overflow: hidden;
    background-color: #f9f9f9;
}
.vh-minus-header {
    height:calc(100vh - 70px);
}
#featured-products .thumb-info-container-full-img, #featured-products .thumb-info-container-full-img .owl-carousel, #featured-products .thumb-info-container-full-img .owl-carousel .owl-stage-outer, #featured-products .owl-stage, #featured-products .owl-item, #featured-products .owl-item div, #featured-products .thumb-info, #featured-products .thumb-info-wrapper {
    height: 100% !important;
}

/* #featured-products .thumb-info-container-full-img {
    background: white;
} */

.alert-danger {
    --bs-alert-bg: #842029;
}
.alert-success {
    --bs-alert-bg: #0f5132;
}

#featured-products .thumb-info-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
#product-details .tab-pane ul.nav li {
    width: 100%;
    padding: 1rem;
    transition: .3s;
}
#product-details .tab-pane ul.nav li a {
    width: 100%;
    height: 100%;
    color: #000;
}
#product-details .tab-pane ul.nav li:hover {
    background-color: #f7f7f7;
    box-shadow: 0 0 5px 0 rgb(228, 228, 228);
}

#category #grid {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(250px, 300px) );
    gap: 20px;
    align-items: center;
    justify-content: center;
}

#category #grid .card {
    border-radius: 4px !important;
}

#newsletter-section label, #newsletter-section .alert {
    color: #fff;
}

#contact-page {
    min-height: calc(100vh - 70px);
}

#contact-page > div {
    min-width: 300px;
    max-width: 500px;
    position: absolute;
}

#contact-page #contact-form {
    max-width: 700px;
}

iframe#map {
    width: 100% !important; 
    height: 100% !important; 
    min-height: 100vh;
    /* position: absolute; */
    opacity:0.3;
}

#contact-page .timeline {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px;
}

#contact-page .timeline article {
    border-radius: 5px !important;
}

#contact-page .timeline::before, #contact-page .timeline .timeline-box::before {
    display: none;
}
#hero-slider .background-image-wrapper {
    background-size: 100vw !important;
    height: auto;
    background-position: top !important;
    background-repeat: no-repeat !important;
}
/* @media screen and (max-width: 1275px){
    #hero-slider {
        height: auto;
        width: 100vw;
    }
} */
@media (max-width: 575px){
    #hero-slider {
        min-height: 200px;
        height: 200px;
    }
    #hero-slider #go-down-arrow {
        display: none;
    }
    #hero-section > div:nth-child(1){
        max-height: unset !important;
    }
    #hero-section > div:nth-child(1) #introduction {
        max-height: 46vh !important;
    }
    #contact-details {
        padding-top: 10px !important;
    }
    #contact-page > div {
        position: relative;
    }
    iframe#map {
        min-height: 300px !important; 
        opacity: 1;
        order: 3;
    }
    #contact-page .contact-form, #contact-page .contact-form .timeline {
        padding: 0 !important;
    }
	.product-img-size{
	width:300px !important;
	}
}

@keyframes bounceArrowDown {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-15px);
    }
  }
  @-webkit-keyframes bounceArrowDown {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-15px);
    }
  }