* {
    padding: 0;
    margin: 0;
}

body {

    padding: 0;
    margin: 0;
    font-family: 'Quicksand', 'Hind Siliguri', sans-serif;
    overflow-x: hidden;

}


html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.headermenu li {
    display: inline-block;
    padding: 7px 0;
    padding-left: 25px;

}


.headermenu li a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    transition: 0.5s;
    text-transform: capitalize;

}


.headermenu li a:hover {
    text-decoration: none;
    color: #069460;

}

.headermenu span {
    font-size: 14px;
    text-transform: capitalize;
}


.text-danger {
    color: #069460 !important;
}


.icons {
    height: 15px;
}


.logo {
    max-height: 65px;

}

#logopadd {
    border-bottom: 1px solid #e1e1e1;
    padding-top: 10px;
    padding-bottom: 10px;
}


#searchbox {
    font-size: 14px;
    border: none;
    height: 43px;
    border-radius: 0px;
    background-color: #f8f9fa;
    padding: 0 20px;
    transition: 0.5s;
    border: 1px solid #01BE5F;
    border-radius: 30px 0px 0px 30px;


}


#searchbox:focus {
    box-shadow: none;
    background-color: #f8f9fa;
}


#button {
    border: none;
    width: 70px;
    background-color: #069460;
    border-radius: 0px 30px 30px 0px;
}


#button:hover {
    color: #000;
    cursor: pointer;
}


#button:focus {
    color: #000;
    box-shadow: none;
    outline: none;
    cursor: pointer;

}


.selectcategory {
    font-size: 14px;
    border: none;
    border-radius: 0px;
    background-color: #f8f9fa;
    padding: 0 20px;
    transition: 0.5s;
    border-radius: 30px 0px 0px 30px;
    cursor: pointer;
}


.selectcategory:focus {
    color: #000;
    box-shadow: none;
    background-color: #f8f9fa;

}


.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 8px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: #fff;
    transition: 0.9s;
    border-radius: 30px;
}

.carousel-indicators .active {
    background-color: #069460;

}


.loginsection span {
    color: gray;
    background: #f4f4f4;
    padding: 10px;
    border-radius: 50%;
}


.loginsection a {
    text-decoration: none !important;
}


.bg-danger {
    background: #069460 !important;
}


.uk-badge {
    min-width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
}


.bg-warnings {
    background-color: #069460;
}


.badge {
    background: #069460;
    color: #fff;
    border-radius: 10px;
    padding: 5px;

}


.total {
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
}

.orders {
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.5px;

}

.categorys {
    transition: 0.5s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 1px 2px 0px;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
}

.categorys:hover {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;
}

.categorys a {
    text-decoration: none;
    color: #414141;
    font-size: 15px;
    transition: 0.9s;
    text-transform: capitalize;
}

.categorys a:hover {
    text-decoration: none;
    color: #069460;
}


.categorys img {
    height: 100px;
    object-fit: contain;
    transform: scale(0.95);
    transition: 0.2s;
}


.categorys img:hover {
    transform: scale(1);
}


.headingsection {
    color: #414141;
    letter-spacing: 0.5px;
    font-size: 25px;
    font-weight: bold;

}


.viewproducts {
    color: #fff;
    padding: 6px 12px;
    background-color: #069460;
    border-radius: 3px;
}

.viewproducts:hover {
    text-decoration: none;
    color: #fff;

}


.viewproducts2 {
    color: #069460;
    padding: 10px 30px;
    border-radius: 3px;
    border: 1px solid #069460;
    transition: 0.9s;
}

.viewproducts2:hover {
    text-decoration: none;
    color: #fff;
    background-color: #069460;

}


.products a {
    text-decoration: none;
    color: #414141;
    font-size: 14px;
}


.products {
    transition: 0.5s;
    overflow: hidden;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 1px 2px 0px;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    position: relative;

}

.products:hover {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;
}

.products img {
    height: 140px;
    object-fit: contain;
    border-radius: 8px;

}

.products a:hover {
    text-decoration: none;
    color: #414141;
}


.products span {
    color: #069460;
    font-weight: bold;

}


.products del {
    color: gray;
    font-size: 14px;

}




.collections {
    border: 1px solid #f4f4f4;
    transition: 0.5s;
}

.collections:hover {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;
}

.collections a {
    text-decoration: none;
    color: #414141;
    font-size: 14px;
    transition: 0.9s;
    text-transform: capitalize;
}

.collections a:hover {
    text-decoration: none;
    color: #414141;
}

.collections span {
    color: gray;
    font-size: 14px;
}


.collections img {
    max-height: 80px;
    transform: scale(0.90);
    transition: 0.9s;
}


.collections img:hover {
    transform: scale(1);
}


.footerback {
    background-color: #083a01;
    padding-top: 50px;
    padding-bottom: 20px;


}


.footerhead {
    font-weight: bold;
    color: #000;
    font-size: 18px;
    text-transform: capitalize;

}

.footermenu li {
    list-style: none;

}

.footermenu li a {
    text-decoration: none;
    font-size: 14px;
    color: #f1f1f1;
    transition: 0.9s;


}


.footermenu li a:hover {
    color: #fff;
    padding-left: 5px;

}

.footermenu img{
    height: 50px;
    object-fit: contain;
}


#footerdivs {
    background: #083a01;
    padding: 10px;
    border-top: 1px dashed rgb(3, 94, 33);
}

#footerdivs span {
    color: lightgray;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 1px;
}


.social {
    padding: 10px;
    font-size: 15px;
    width: 45px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    transition: 0.5s;
    color: #000;
    background-color: #fff;

}

.social:hover {
    opacity: 0.9;
    text-decoration: none;
    color: #000;

}


hr::after {
    content: "";
    height: 2px;
    width: 60px;
    position: absolute;
    background: #069460;

}


#myBtns {
    position: fixed;
    /* Fixed/sticky position */
    bottom: 400px;
    /* Place the button at the bottom of the page */
    right: 0px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    color: #000;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 8px 8px;
    /* Some padding */
    font-size: 10px;
    /* Increase font size */
    line-height: 20px;
    font-weight: bold;
    transition: 0.5s;
    background: #fff;
    border-radius: 10px 0px 0px 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#myBtns:hover {
    text-decoration: none;
}


.brand span {
    font-weight: bold;
    color: #585858;
    letter-spacing: 0.5px;
    line-height: 40px;
    font-family: 'Kufam';
    font-size: 15px;
}


.brand li {
    color: #414141;
    font-size: 14px;
}

.brand input {
    font-size: 15px;

}

.brand input:focus {
    box-shadow: none;
    border-color: #069460;
}


.btn-danger {
    padding: 5px 10px;

}


.btn-danger:focus {
    box-shadow: none;
}


.singleproducts {
    border-right: 1px dashed #f1f1f1;
}

.singleproducts img {}


.singleproducts h3 {
    color: #414141;
    font-size: 20px;
    font-family: 'Kufam';


}


.singleproducts span {
    color: #069460;
    font-weight: bold;
    font-size: 25px;
}


.singleproducts del {
    color: gray;
    font-size: 15px;

}


.singleproducts label {
    color: gray;
    font-size: 14px;
    line-height: 25px;

}


.singleproducts strong {
    font-size: 14px;
    font-weight: normal;
}


.buynow {
    background-color: #000;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 0px;
    font-size: 14px;
    border-radius: 30px;

}

.buynow:focus {
    background-color: #000;
    color: #fff;
    box-shadow: none;
    border: none;

}


.addtocart {
    background-color: #069460;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    border: none;
    border-radius: 0px;
    font-size: 14px;
    border-radius: 30px;

}

.addtocart:focus {
    background-color: #069460;
    color: #fff;
    box-shadow: none;
    border: none;

}


.nav .nav-link {
    font-size: 14px;
    color: #414141;
    transition: 0.4s;
    padding: 15px 30px;
    background: #fff;
    border-radius: 0px;
    text-transform: capitalize;
}

.nav .nav-link:focus {
    color: #fff;


}

.nav .nav-link.active {
    color: #fff;
    background: #000;

}

#Dashboard img {
    max-height: 50px;
}


.description {
    font-size: 16px;
    line-height: 30px;
}


.miniproduct {
    border: 1px solid #f1f1f1;
    margin-top: 10px;
}


.miniproduct a {
    text-decoration: none;
    color: #414141;
    font-size: 14px;
    transition: 0.5s;
}


.miniproduct a:hover {
    color: #069460;
    text-decoration: none;
}


.logbutton {
    background-color: #069460;
    color: #fff;
    padding: 10px;
    border-radius: 0px;
    width: 30%;
    font-weight: bold;
    cursor: pointer;
    border: none;
    font-size: 15px;
    border-radius: 30px;
}

.logbutton:focus {
    background-color: #069460;
    color: #fff;
    box-shadow: none;
    border: none;
}


.loginback {
    background-color: #fff;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 1px 2px 0px;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    
}


.loginback h5 {
    font-size: 18px;
    font-weight: bold;
    color: #585858;
}


.loginback a {
    text-decoration: none;
    color: gray;
    font-size: 14px;
    transition: 0.5s;
}

.loginback a:hover {
    text-decoration: none;
    color: #069460;

}

.cartdelete {
    background-color: #f4f4f4;
    border-radius: 30px;
    padding: 5px;
    float: right;
}


.textfill2 {
    background-color: rgb(237, 242, 247);
    border-radius: 0px;
    border: 1px solid transparent;
    font-size: 14px;
    color: #414141;
    transition: 0.9s;

}

.textfill2:focus {
    box-shadow: none;
    border: 1px solid #585858;
}


.loginwidth {
    max-width: 550px;
}


.mform label {
    color: #585858;
    font-weight: normal;
    font-size: 14px;
}


.textfill {
    height: 45px;
    background-color: rgb(237, 242, 247);
    color: #414141;
    border-radius: 0px;
    transition: 0.9s;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: normal;
}

.textfill:focus {
    box-shadow: none;
    border: 1px solid #585858;
}


.dashboardbox {
    height: 200px;
}


.statusorder {
    padding: 2px 8px;
    border-radius: 10px;
    background-color: #069460;
    color: #fff
}


.manageorder {
    background-color: #585858;
    padding: 5px 10px;
    color: #fff;
}

.manageorder:hover {
    text-decoration: none;
    color: #fff;
}


.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    border: 1px solid #e8e8e8;
    border-radius: 0px;
    font-size: 16px;
    transition: 0.3s;
}


.table-bordered {
    border: none;
}


.textfills {
    height: 45px;
    background-color: #fff;
    color: #414141;
    border-radius: 0px;
    transition: 0.9s;
    font-size: 14px;
    font-weight: normal;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
}

.textfills:focus {
    box-shadow: none;
    border: 1px solid #84C639;
}


.textfills2 {
    background-color: #fff;
    border-radius: 0px;
    font-size: 14px;
    color: #414141;
    transition: 0.9s;
    border: 1px solid #e4e4e4;
    border-radius: 5px;


}

.textfills2:focus {
    box-shadow: none;
    border: 1px solid #84C639;
}

.sellers img {

    max-height: 120px;

}

.sellers a {
    color: #414141;
    transition: 0.5s;
    font-size: 14px;

}

.sellers a:hover {
    text-decoration: none;
    color: #000;
}


.sellerhead img {
    max-height: 25px;

}

.sellerhead h4 {
    font-weight: bold;
    font-family: 'Kufam';
    line-height: 35px;

}

.sellerhead span {
    font-size: 14px;
    color: #414141;
}


.goto {
    background-color: #069460;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.5px;
    transition: 0.5s;
    text-transform: capitalize;
    font-size: 14px;
    float: right;


}

.goto:hover {
    text-decoration: none;
    color: #fff;
    background-color: #069460;
}

.cartsection {
    background-color: #fff;


}

.cartsection h3 {
    font-size: 18px;
    color: #585858;
    font-weight: bold;
}


.cart label {
    font-size: 14px;
    color: #585858;
}


.cart strong {
    font-size: 14px;
    color: #414141;
    font-weight: normal;
}

.fixed-bottom {
    border-top: 2px solid #f1f1f1;
    z-index: 100;

}

.fixed-bottom a {
    color: #192a56;
    font-size: 14px;
    transition: 0.5s;
}

.fixed-bottom a:hover {
    text-decoration: none;
    color: #069460;
}

.sidecart {
    background: #fff;
    width: 100%;
    padding: 0px;
    color: #000;
    transition: 0.9s;
}

.card {
    border-radius: 0px;
    border: 1px solid #e9e9e9;
}


.card-header {
    color: #414141;
    border-radius: 0px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}

.card-body span {
    font-size: 14px;
    color: #414141;
}


.products2 a {
    text-decoration: none;
    color: #414141;
    font-size: 14px;
}


.products2 {
    transition: 0.5s;
    max-height: 350px;
    overflow: hidden;
}


.products2 a:hover {
    text-decoration: none;
    color: #414141;
}


.products2 span {
    color: #069460;
    font-weight: bold;

}


.products2 del {
    color: gray;
    font-size: 14px;

}


.products2 label {
    background-color: #069460;
    padding: 1px 6px;
    clip-path: polygon(100% 0%, 100% 56%, 100% 100%, 15% 100%, 0% 50%, 15% 0);

}


.textfillss2 {
    background-color: rgb(237, 242, 247);
    border-radius: 0px;
    border: 1px solid transparent;
    font-size: 14px;
    color: #414141;
    transition: 0.9s;

}

.textfillss2:focus {
    box-shadow: none;
    border: 1px solid #585858;
}


.textfillss {
    height: 45px;
    background-color: #fff;
    color: #414141;
    border-radius: 0px;
    transition: 0.9s;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: normal;
    background-color: rgb(237, 242, 247);
}

.textfillss:focus {
    box-shadow: none;
    border: 1px solid #585858;
}


.loginbacks {
    background-color: #fff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    border-top: 2px solid #000;
}


.loginbacks h5 {
    font-size: 18px;
    font-weight: bold;
    color: #585858;
}


.loginbacks a {
    text-decoration: none;
    color: gray;
    font-size: 14px;
    transition: 0.5s;
}

.loginbacks a:hover {
    text-decoration: none;
    color: #069460;

}

.offerbanner {
    background-image: radial-gradient(circle 266px at 12% 29.3%, rgba(58, 219, 154, 0.93) 2%, rgba(153, 228, 208, 1) 38.6%, rgba(142, 246, 219, 0.82) 73.9%, rgba(253, 255, 238, 1) 100.7%);
    color: #fff;
    line-height: 35px;
    font-size: 16px;
    border-radius: 5px 80px 5px 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    font-family: 'kufam';
    padding: 15px;
    min-height: 230px;
}

.offerbanner a {
    border-radius: 30px;
    color: #01BE5F !important;
    font-size: 15px;
}


.section1 {

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url(img/bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    filter: saturate(1.2);

}


.section1 h3 {
    padding-top: 250px;
    font-weight: bold;
    color: #fff;
    font-size: 38px;
    animation: type 8s infinite;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;

}


@keyframes type {
    0% {

        width: 0ch;
    }

    100% {
        width: 35ch;
    }
}


.searchresturant {
    height: 55px;
    color: #585858;
    border-radius: 0px;
    font-size: 14px;
    padding: 0 20px;
    border: 1px solid #ccc;
    transition: 0.5s;


}

.searchresturant:focus {
    border: 1px solid #D70F64;
    box-shadow: none;
}


.searchbuttons {
    border-radius: 0px;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    background-color: #D70F64;
    height: 56px;
    border: none;
    transition: 0.5s;
    cursor: pointer;
    font-weight: normal;

}


.searchbuttons:focus {
    background-color: #C60D5C;
    color: #fff;
    box-shadow: none;


}

.section1 .searchbox {
    background-color: #fff;
    padding: 30px;

}


.section2 span {
    font-weight: bold;
    color: #f04362;
    font-size: 35px;

}


.section2 label {
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    text-shadow: 2px 2px 5px gray;

}


.gallery {
    position: relative;
    background: #fff;
    overflow: hidden;
    border: 3px solid #fff;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s;
    margin-left: 200px;

}

.overlay img {

    max-height: 45px;


}

.gallery:hover .overlay {
    opacity: 1;
    background-color: rgba(240, 67, 98, 0.2);
}

.gallery:hover .text {
    opacity: 1;
}

.image {
    transition: 0.9s;

}

.gallery:hover .image {
    transform: scale(1.3);
}


.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 80%;
    left: 85%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    transition: 0.5s
}


.section3 {
    background-color: #D70F64;
    height: 400px;
}

.section3 h3 {
    color: #fff;
    font-weight: bold;
}


.section3 p {
    color: #fff;
    line-height: 30px;
    font-size: 14px;

}

.app img {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;
    animation: bounce 2s infinite alternate;

}


.section4 h3 {
    font-weight: bold;
    color: #585858;
    font-size: 20px;
}

.section4 p {
    color: gray;
    line-height: 30px;
    font-size: 14px;
}


.resturantsection1 {

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url(img/bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    filter: saturate(1.2);

}


.resturantsection1 h3 {
    padding-top: 250px;
    font-weight: bold;
    color: #fff;
    font-size: 38px;
    animation: res 8s infinite;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;


}

.resturantsection1 p {
    color: #fff;
    font-size: 18px;
}


@keyframes res {
    0% {

        width: 0ch;
    }

    100% {
        width: 50ch;
    }
}


.resturantsection1 .searchbox {
    background-color: #fff;
    padding: 30px;

}


.popularresturant span {
    font-size: 25px;
    color: #414141;
    font-weight: bold;
}


.overlay .name {
    margin-top: 100px;
    text-align: center;
    float: right;
}


.overlay .name a {
    text-decoration: none;
    color: #000;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-align: center;
}

.singlesection1 {
    border-top: 1px solid #e1e1e1;
}

.singlesection1 p {
    font-weight: bold;
    font-size: 25px;
    color: #414141;


}


.singlesection1 span {

    background-color: #585858;
    color: #fff;
    padding: 5px 15px;
    font-size: 11px;

}


.singlesection1 h4 {
    font-size: 18px;
    font-weight: bold;

}


.products label {
    font-size: 14px;
    color: #585858;
}


.products strong {
    font-size: 14px;
    color: #000;
}

.productbox {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;

}


.cartbtn {
    border: none;
    cursor: pointer;
    background-color: #fff;
}

.cartbtn:focus {
    outline: none;
}

.cartbtn span {
    background-color: #D70F64;
    padding: 4px 5px;
    margin-top: 10px;
}


.qty {
    padding: 0px 3px;
    width: 20px;
    border: none;
    text-align: center;
    font-size: 14px;
}

input.qtyplus {
    width: 15px;
    border: none;
    background-color: #fff;
    border: none;
    color: #D70F64;
    cursor: pointer;

}

input.qtyminus {
    width: 15px;
    border: none;
    background-color: #fff;
    border: none;
    color: #D70F64;
    cursor: pointer;
}

input.qtyminus:focus {
    outline: none;
}

input.qtyplus:focus {
    outline: none;
}


.cart {
    border-bottom: 1px solid #f1f1f1;
}


.memo label {
    font-size: 14px;
    color: #414141;
}

.memo strong {
    font-size: 14px;
    color: #414141;
}


.list-group .headlist {
    background: #585858;
    color: #fff;
    font-size: 22px;
    border-radius: 0px;
    border: none;
    line-height: 35px;
    text-transform: capitalize;
}


.details span {
    color: #414141;
    line-height: 30px;
    font-size: 14px;
    text-align: justify;

}

.details h3 {
    font-weight: bold;
    color: #f04362;
    text-transform: capitalize;
}


.loginicons {
    background-color: #01BE5F;
    color: #fff;
    padding: 4px 4px;
    border-radius: 50%;
    height: 20px;
}


@keyframes bounce {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-10px);
    }
}


.detailsection a {
    text-decoration: none;
    color: #414141;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 18px;
    transition: 0.5s;

}

.detailsection a:hover {
    text-decoration: none;
    color: #7dc641;

}


.detailsection span {

    font-size: 15px;
    color: gray;
    line-height: 30px;

}


.detailsection .viewdetails {
    font-size: 14px;
    font-weight: normal;
}


.headslide h2 {
    color: #fff;
    font-weight: bold;
    font-size: 40px;
    border: 1px dashed #fff;
    padding: 10px;
    animation: type 3s steps(22);
    overflow: hidden;
    white-space: nowrap;


}

.headslide a {
    font-size: 20px;
    color: #fff;
    background-color: #ef3d32;
    padding: 8px 20px;
    text-align: center;
    transition: 0.5s;


}

.headslide a:hover {
    color: #fff;
    text-decoration: none;
    background-color: red;
}


.what {
    background: url(img/back23.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.what span {
    font-weight: bold;
    color: #f04362;
    font-size: 35px;

}

.what p {
    font-size: 18px;
    color: #414141;
    line-height: 35px;
}


.who span {
    font-weight: bold;
    color: #f04362;
    font-size: 35px;

}

.who p {
    font-size: 18px;
    color: #414141;
    line-height: 35px;
}

.whos {
    background: url(img/back2.jpg);
    background-position: center;
    background-repeat: no-repeat;

}

.whos img {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;

}


.mistake span {
    font-weight: bold;
    color: #f04362;
    font-size: 35px;

}

.mistakes {
    background: url(img/back2.jpg);
    background-position: center;
    background-repeat: no-repeat;

}

.mistakes img {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;

}

.mistake p {
    font-size: 18px;
    color: #414141;
    line-height: 35px;
}


.uk-lightbox-items>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    color: red;
    will-change: transform, opacity;
    background: url(img/back23.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}


.searchsection span {
    color: #fff;
    font-size: 35px;

}

.searchoption {
    border-radius: 0px;
    border: none;
    font-size: 18px;
    cursor: pointer;
}


.searchoption:focus {
    box-shadow: none;
}


.searchbutton {
    border: 0px;
    padding: 8px 20px;
    color: #fff;
    background-color: #000;
    font-size: 20px;
    cursor: pointer;
}

.searchbutton:focus {
    box-shadow: none;
    border: none;
    outline: none;

}


.we {
    background: url(img/bimage.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;


}


.we span {
    font-weight: bold;
    color: #fff;
    font-size: 35px;

}

.we p {
    font-size: 18px;
    color: #fff;
    line-height: 35px;
}


.we img {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;

}


.donner span {
    font-weight: bold;
    color: #f04362;
    font-size: 35px;

}


.bloodgroup {
    border-top: 1px dashed #ef3d32;
}

.section {
    padding: 10px;
    border: 3px solid #fff;

}


.section span {
    font-size: 22px;

}


.section i {
    font-size: 20px;


}


#myInput {
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 18px;
    padding: 12px 20px 12px 40px;
    margin-bottom: 12px;
    border: 2px solid #ddd;
}

#myInput:focus {
    box-shadow: none;
    border: 2px solid red;
    outline: none;
}


.textwebsite {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}


.list-group .donnerlist {
    background: #ef3d32;
    color: #fff;
    font-size: 22px;
    border-radius: 0px;
    border: none;
    line-height: 30px;
}

.donners {
    transition: 0.5s;
}

.donners:hover {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;

}

.donners img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.donners span {
    font-size: 16px;
    color: #585858;
    letter-spacing: 1px;
    font-weight: bold;
}

.donners label {
    font-size: 22px;
    color: #ef3d32;
    letter-spacing: 1px;
    font-weight: bold;
}


.donners a {
    font-size: 22px;
    color: #ef3d32;
    letter-spacing: 1px;
    font-weight: bold;
}

.donners a:hover {
    text-decoration: none;
    color: red;
}


.top {
    animation: fadeIns 2s linear infinite;

}


@keyframes fadeIns {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


#button2 {
    border: none;

}


#button2:hover {
    color: #fff;

}

#button2:focus {
    color: #fff;
    box-shadow: none;

}


.accountmenu li {
    display: inline-block;
    margin-left: 10px;
}

.accountmenu li a {
    text-decoration: none;
    color: gray;
    opacity: 0.9;
    transition: 0.5s;
    font-size: 14px;


}


.menusection {
    border-bottom: 1px dashed lightgray;

}


.banner1img {

    width: 100%;
    opacity: 1;
    transition: 0.5s;
    border: 1px solid transparent;
}

.banner1img:hover {
    opacity: 0.8;
    border: 1px solid orange;
}


#sliderimage {
    width: 100%;
}


.p {
    padding: 0px;
    border: 3px solid #fff;
}


.pb {
    padding: 0px;
    border: 2px solid #fff;

}


.fback {
    padding: 10px 0px;
    border-bottom: 1px solid lightgray;
}

.fback a {
    text-decoration: none;
    color: #414141;
    text-transform: capitalize;
    font-size: 14px;
    transition: 0.5s;

}


.fback a:hover {
    text-decoration: none;
    color: #000;
}


.fback span {
    font-size: 14px;
    line-height: 35px;
}

.fback p {
    font-size: 14px;
    color: gray;
}

.headproducttitle {
    font-family: 'Lobster Two';

}


.borders {
    border: 5px solid #fff;
    padding: 0px;
}

.borders img {
    width: 100%;
    border-bottom: none;
}


.borders a {
    text-decoration: none;
    color: gray;
    font-size: 14px;
    transition: 0.5s;
}

.borders a:hover {
    text-decoration: none;
    color: #000;

}

.borders span {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}


.borders label {
    color: red;
}

.backcolor {
    background-color: #fff;
    transition: 0.5s;
}

.borders:hover .backcolor {
    background-color: #f8f8f8;
}


.categoryproduct {
    padding: 0px;
    transition: 0.5s;
    border: 3px solid transparent;

}

.categoryproduct:hover {
    border: 3px solid transparent;
}


.cartdiv {
    display: none;


}

.categoryproduct:hover .cartdiv {
    display: block;


}


.categoryproductimg {
    width: 100%;
}


.categoryproduct a {
    text-decoration: none;
    color: gray;
    font-size: 14px;
    transition: 0.5s;
}

.categoryproduct a:hover {
    text-decoration: none;
    color: #000;

}

.categoryproduct span {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}


.categoryproduct label {
    color: red;
}


.btn-info {
    color: #fff;
    border-radius: 0px;
}

.btn-info:focus {
    box-shadow: none;
}


.head {
    color: #fff;
    font-weight: bold;
}

.categorysidemenu li {
    color: #fff;
}

.sort label {
    font-size: 14px;
    color: gray;
}

.sort select {
    font-size: 14px;
}


.singledetails h3 {
    color: #414141;
    font-weight: bold;


}

.singledetails p {
    color: gray;
    font-weight: bold;
    font-size: 18px;

}

.singledetails span {
    color: gray;
    font-size: 14px;

}

.singledetails label {
    font-size: 14px;

}

.singledetails input {
    width: 60px;
    border: none;
    border: 1px solid gray;
    padding: 7px;


}

.singledetails input:focus {
    border: 1px solid #000;
    outline: none;
}

.bag {
    color: #fff;
    background-color: #dc3545;
    padding: 10px 20px;
    font-size: 15px;
}

.bag:hover {
    text-decoration: none;
    color: #fff;
}


.buy {
    color: #fff;
    background-color: #585858;
    padding: 10px 20px;
    font-size: 15px;

}

.buy:hover {
    text-decoration: none;
    color: #fff;
}


.singleotherimg {
    height: 80px;
    border: 1px solid lightgray;
    padding: 10px;
}


.detailspage {
    font-size: 15px;
    color: #414141;
    line-height: 30px;

}


.list-group span {
    color: #fff;

}


.megamenu {
    position: static;
}

.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%;
}


.addtocart img {
    height: 25px;

}


.addtocart span {
    color: #fff;
    font-size: 14px;

}


.addtocart strong {
    color: orange;

}


.aboutus {
    text-align: justify;
    color: #585858;
    line-height: 30px;
    font-size: 16px;
}

.headus {
    background: #fff;
    color: #ff3a5f;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    font-size: 18px;
    padding: 8px 20px 8px 8px;
    border-radius: 25px;
    font-family: 'Lemonada';
}

.headus2 {
    background: #fff;
    color: #e84118;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    font-size: 18px;
    padding: 8px 20px 8px 8px;
    border-radius: 25px;
    font-family: 'Lemonada';
}


.headus3 {
    background: #fff;
    color: #273c75;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    font-size: 18px;
    padding: 8px 20px 8px 8px;
    border-radius: 25px;
    font-family: 'Lemonada';
}


.headus4 {
    background: #fff;
    color: #273c75;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    font-size: 18px;
    padding: 8px 30px;
    border-radius: 25px;
    font-family: 'Lemonada';
}


.headus5 {
    background: #fff;
    color: #ff3a5f;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    font-size: 18px;
    padding: 8px 30px;
    border-radius: 25px;
    font-family: 'Lemonada';
}


#About-us {
    background: url(img/home-fifteen-back.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: all;
}


#Skills {
    background: url(img/blog_banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}


/*#aback4{
  background: url(img/blog_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
}
*/


.servicesback {
    border-radius: 5px;
    background: #fff;
    margin-top: 60px;
    border: 1px dashed gray;
    transition: 0.9s;
}

.servicesback:hover {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;
    border-color: #ff3a5f;
}


.services img {
    height: 180px;
    transform: scale(0.85);
    transition: 0.9s;

}

.services img:hover {
    transform: scale(0.90);
}

.services span {
    background: #ff3a5f;
    color: #fff;
    border-radius: 25px;
    padding: 8px 20px;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;
    transition: 0.5s;
    border: 1px dashed lightgray;

}


.services:hover {
    text-decoration: none;
}


.sicon {
    background: #fff;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;
    border-radius: 50%;
    padding: 10px 12px;

}


.shead {
    font-weight: bold;
    font-size: 18px;
}


.projectback {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px dashed lightgray;
    margin-top: 30px;

}

.projectback:hover {
    border-color: #ff3a5f;
}

.projectback span {
    line-height: 40px;
    font-size: 15px;

}


.projectback img {
    height: 120px;
    filter: saturate(1.5);
}


.blogback {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.10) !important;
}


.descrip {
    color: gray;
    font-size: 15px;
}


#pageback {
    background: url(img/web-development.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;


}


.pagehead {
    color: #fff;
    font-family: 'Lemonada';
    font-size: 30px;
    padding: 20px;
}


.topmenu li {
    list-style: none;
    display: inline-block;

}


.adhead {
    line-height: 15px;
    border-radius: 0px;
    font-size: 14px;
}


.topmenu li .dropdown button {
    background: #fff;
    border: none;
    cursor: pointer;
}

.topmenu li .dropdown button:focus {
    border: none;
    box-shadow: none;
    outline: none;
}


.homeproduct {
    height: 160px;
    transform: scale(0.8);
    transition: 0.9s;
}


.homeproduct:hover {
    transform: scale(0.9);

}


#productnamehome {
    font-size: 16px;
    text-decoration: none;
    color: #000;
    transition: 0.5s;

}

#productnamehome:hover {
    color: #44bd32;
}


.productback {
    background: #fff;
    padding: 5px;
    height: 220px;
    border-radius: 5px;
}


#categoryhead {
    padding: 15px;
    font-size: 18px;
    letter-spacing: 0.5px;
    border: none;
    border-radius: 0px;
    border-left: 5px solid #84C639;
    font-family: 'Lemonada';
    opacity: 0.9;
}

#categoryhead:hover {
    color: #000;
}


#categoryheads {
    padding: 15px;
    font-size: 22px;
    letter-spacing: 0.5px;
    border: none;
    border-radius: 0px;
    border-left: 5px solid #84C639;
    opacity: 0.9;

}

#categoryheads:hover {
    color: #000;
}


.headtitle {
    text-decoration: none;
    color: #414141;
    font-size: 18px;
    line-height: 40px;
    transition: 0.4s;
    font-family: 'Lemonada';
}


.headtitles {
    text-decoration: none;
    color: #414141;
    font-size: 16px;
    line-height: 40px;
    transition: 0.4s;
    font-family: 'Lemonada';
}

.headtitles:hover {
    text-decoration: none;
    color: #ff3a5f;
}


.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: .5rem;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.nav-link {
    display: block;
    padding: 5px;
    color: #000;

}


.nav-item a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-size: 14px;
    transition: 0.3s;
    margin-right: 8px;
    letter-spacing: 0.5px;


}


@keyframes fadetop {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/*.dropdown:hover>.dropdown-menu{
  display: block;
  animation: fadetop 0.5s;

}

*/


.topheadermenu li {
    list-style: none;
    display: inline-block;
    padding: 10px 10px;
    transition: 0.4s;

}

.topheadermenu li a {
    color: #585858;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    border-bottom: 1px dashed transparent;
    font-weight: bold;


}


.topheadermenu li a:hover {
    color: #ff3a5f;
    border-bottom: 1px dashed #ff3a5f;
    font-weight: bold;

}

.topheadermenu li a:focus {
    color: #ff3a5f;

}

.dropdown {
    background: #fff;
}


/*#dropsmenu{
  border-radius: 0px;
  background:  #fff;
  padding:0px;
  margin-top: -5px;
  color: #000;
  border-top: 2px solid #5a4099;
  width: 200px;

}


#navbarDropdown{
  color: #000;
  font-size: 14px;
  text-transform: capitalize;
  margin-right: 2px;
  font-weight: bold;
  letter-spacing: 0.5px;
}


#navbarDropdown:hover{
  color: #5a4099;
  font-weight: bold;
}



#dropsmenu a{
  color: #000;
  transition: 0.3s;
  font-size: 14px;
  border-bottom: 1px solid #f4f4f4;
  line-height: 25px;
  transition: 0.4s;
  text-transform: capitalize;

}
#dropsmenu a:hover{
  background: none;
  color: #5a4099;
  margin-left: 8px;

}

.dropsmenuss:hover>.viewmenu{
  display: block;
  animation: fadetop 0.5s;
}
*/
.topheadermenu .active {
    border-left: 1px solid lightgray;

}


.viewall {
    color: #fff;
    font-size: 14px;

}


.viewall:hover {
    color: #fff;
    text-decoration: none;

}

.viewall:focus {
    color: #fff;
    box-shadow: none;

}


.catagoryheader {
    font-family: 'Aldrich';
}


.producttop {
    margin-top: 30px;
}


.back {
    background: #f8f8f8;
    padding-bottom: 50px;
    padding-top: 10px;
    margin-top: 30px;
}


.backs {
    background: #f8f8f8;
    padding-bottom: 50px;
    padding-top: 10px;
}


#brandimg {
    height: 120px;
}


.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0px;
    color: #000;
    transition: 0.3s;
    padding: 10px 15px;
}


.page-link:hover {
    background: #5a4099;
    color: #fff;
}


.page-link:focus {
    background: #5a4099;
    color: #fff;
    box-shadow: none;
}


.min {
    width: 70px;
    padding: 5px;
}

.max {
    width: 70px;
    float: right;
    padding: 5px;
}


.f {
    border-radius: 0px;
    font-size: 14px;
}


#filterhead {
    background: #5a4099;
    color: #fff;
    font-size: 16px;
}


#filterheads {
    color: #000;
    font-size: 16px;
    border-radius: 0px;
}


#filterheadss {
    color: #000;
    font-size: 16px;
    border-radius: 0px;

}


#Productbanner {
    height: 320px;
    width: 100%;
    opacity: 1;
    transition: 0.3s;
}

#Productbanner:hover {
    opacity: 0.8;
}


.item {
    padding: 0 10px;
}


#pnames {
    font-size: 16px;
    text-decoration: none;
    color: #000;
    transition: 0.3s;
    line-height: 35px;
}

#pnames:hover {
    color: #1B1464;
}


#ammount {
    font-size: 16px;
    color: #5a4099;
    font-weight: bold;
}


#ammounthome {
    font-size: 14px;
    color: #1B1464;
    font-weight: bold;
}


.delhome {
    color: gray;
    font-size: 14px;
    font-weight: normal;
}


.new {
    font-family: 'Aldrich';
    font-size: 16px;
    color: #5a4099;
}


#pimg {
    height: 200px;
}


.bs::after {
    content: "";
    height: 1px;
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;


}


.bss::after {
    content: "";
    height: 1px;
    width: 80px;
    position: absolute;
    background: #5a4099;
    left: 0;
    right: 0;
    margin: 0 auto;

}


.recent {
    font-family: 'Aldrich';
    color: #5a4099;
}


.break {
    color: #4cd137;
    font-size: 14px;

}


#bannerimg {
    height: 155px;
    transition: 0.3s;
    width: 100%;
}


#bannerimg:hover {
    opacity: 0.8;
}


.id {
    color: #0e7c3f;
    font-size: 14px;
}

.reprice {
    font-size: 14px;
    color: gray;
}

.sprice {
    font-size: 14px;
    font-weight: bold;
}


.buys {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    transition: 0.4s;


}

.buys:hover {
    text-decoration: none;
    color: #4cd137;

}


.ids {
    color: #0e7c3f;
    font-size: 14px;
}

.reprices {
    font-size: 14px;
    color: gray;
}

.sprices {
    font-size: 14px;
    font-weight: bold;
    color: darkred;
}


#footerdiv {
    background: #2f2f2f;
}


#footerdiv span {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 1px;

}


/*
.fa-facebook {
  background: #3B5998;
  color: #fff;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}


.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
  }*/


.footerhead {
    font-weight: normal;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    opacity: 0.8;
    letter-spacing: 1px;


}


.breadcum li {
    display: inline-block;

}

.breadcum li a {

    color: #000;
    font-size: 14px;

}

.breadcum li a:hover {
    text-decoration: none;


}

.breadcum li .active {
    color: red;
    opacity: 0.8;
}


#border {
    border-radius: 0px;
    font-size: 14px;

}

.generation,
.Processors,
.HDDs,
.SSDs,
.RAMs,
.Graphicss,
li {
    list-style: none;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: normal;


}

#border input {
    border-radius: 0px;
    text-align: center;

}

#border input:focus {
    box-shadow: none;
}

.show {
    font-size: 14px;
}


.productdiv {
    border: 1px solid lightgray;
    padding: 3px;
}

#productimg {
    height: 200px;
    transform: scale(0.9);
    transition: 0.4s;
}

#productimg:hover {
    transform: scale(1);
}

#bordertop {
    border-top: 1px solid lightgray;
}

#borderright {
    border-right: 1px solid lightgray;
}

/*.banner{
   background:linear-gradient(0deg, rgba(14, 124, 63, 0.8), rgba(14, 124, 63, 0.8)), url(img/banner.jpg);
   background-size: cover;
   padding: 100px 20px;

}
*/

.cart-button{
    background: #01BE5F;
    color: #fff!important;
    border: none;
    border-radius: 30px;
    font-size: 13px;
    padding: 5px 12px;
    gap: 5px; 
    cursor: pointer;
}

.wishlist-cart{
   position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    font-size: 15px;
    background-color: #f4f4f4;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
}



#myBtn {
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 50px;
    /* Place the button at the bottom of the page */
    right: 20px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    color: #fff;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 3px 5px;
    /* Some padding */
    font-size: 14px;
    /* Increase font size */
    background: #84C639;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#myBtn:hover {
    transition: all 0.2s ease-in;
}


.modal-header {
    background: #f4f4f4;
}


#slidecontrol {
    background-color: #5a4099;
}


.serial {
    text-decoration: none;
    color: #000;
    font-size: 11px;
    transition: 0.3s;


}


.serial:hover {
    text-decoration: none;
    color: #5a4099;
}


.serialdiv {
    border-right: 1px solid lightgray;
    border-top: 1px solid lightgray;
    padding: 5px;
}

.popularproduct {
    background-color: #fff;
}


.detailsbuy {
    text-decoration: none;
    color: #000;
    opacity: 0.9;
    border: 1px solid #ccc;
    padding: 10px 15px;
    font-size: 14px;
    transition: 0.4s;
}

.detailsbuy:hover {
    text-decoration: none;
    color: #fff;
    background-color: #5a4099;
    border: 1px solid #5a4099;
}


.detailsbuys {
    text-decoration: none;
    color: #fff;
    opacity: 0.9;
    padding: 8px 15px;
    font-size: 14px;
    transition: 0.9s;
    background: #414141;
    margin-top: 10px;
    border-radius: 20px;
}

.detailsbuys:hover {
    text-decoration: none;
    color: #fff;
    opacity: 1;
    background: #ff3a5f;

}


.did {
    line-height: 30px;
    color: #0e7c3f;
    font-size: 16px;
}

.dsort {
    font-size: 15px;
    color: gray;


}


.dreprice {
    font-size: 14px;
    color: gray;
}

.dsprice {
    font-size: 18px;
    color: #ff3a5f;
}

.headtitle {
    font-size: 25px;
}


.tablewidth {
    width: 160px;
}


.sendmessage {
    color: #000;
    font-size: 14px;
    transition: 0.4s;
    border: 1px solid lightgray;
    padding: 5px 10px;
    background-color: #fff;
    cursor: pointer;


}

.sendmessage:hover {
    color: #fff;
    background-color: #4cd137;

}

.message {
    border: none;
    border-radius: 0px;
    border: 1px solid lightgray;
    font-size: 14px;
}

.message:focus {
    box-shadow: none;
    border: 1px solid #4cd137;
}

#compaireproductimg {
    height: 60px;
}

.comparetitle {
    font-size: 14px;
    text-decoration: none;
    color: #000;
    transition: 0.4s;
}


.comparetitle:hover {
    text-decoration: none;
    color: #5a4099;
}

.compareprice {
    font-size: 14px;
    color: #5a4099;
    font-weight: bold;
}

#cartimg {
    height: 50px;
}

.carthead {
    font-size: 16px;
    background-color: #fff;
    color: #000;
    padding: 20px;
}

.cartbody {
    font-size: 15px;
}

.pdelete {
    color: #000;
}

.pdelete:hover {
    color: red;
}

.qtycart {
    width: 50px;
    text-align: center;
    padding: 5px;
}


.cartshop {
    text-decoration: none;
    font-size: 14px;
    color: #000;
    border: 1px solid lightgray;
    padding: 5px 8px;
    transition: 0.4s;
}

.cartshop:hover {
    color: #fff;
    background-color: #ff3a5f;
    text-decoration: none;
    border: 1px solid #ff3a5f;

}

.subtotal {
    font-size: 14px;
}

#total {
    background-color: #fff;
    padding: 20px;
}


.proceed {
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    background-color: #ff3a5f;
    padding: 12px 10px;
    transition: 0.4s;
}

.proceed:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ff3a5f;

}


.log {
    font-size: 15px;
    border: none;
    border-radius: 0px;
    border: 1px solid lightgray;
    height: 45px;
    padding: 0 20px;
}

.log:focus {
    box-shadow: none;
    border: 1px solid #585858;
}


.logs {
    font-size: 15px;
    border: none;
    border-radius: 0px;
    border: 1px solid lightgray;
}

.logs:focus {
    box-shadow: none;
    border-color: #585858;
}


#signbtn {

    border: none;
    padding: 8px 20px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    transition: 0.3s;
    border: 1px solid lightgray;
    background-color: #fff;
    background-color: #ff3a5f;

}

#signbtn:hover {

    background: #000;
    color: #fff;

}


#signbtns {
    margin-top: 20px;
    border: none;
    padding: 8px 20px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    transition: 0.3s;
    border: 1px solid lightgray;
    background-color: #fff;
    background-color: #0e7c3f;
    border-radius: 5px;


}

#signbtns:hover {

    background: #4cd137;
    color: #fff;

}


.carttitle {
    font-size: 14px;
}


.subtotal {
    font-size: 14px;
    color: darkred;
}


#cartborder {
    border-bottom: 1px solid lightgray;
}

#cartimg {}


.orders:hover {
    text-decoration: none;
}

.detailsabout {
    font-size: 14px;
}

#mobilemenu {
    z-index: 980;
    background: #f8f8f8;
    border-top: 2px solid #5a4099;
    padding: 10px;

}

.menubar {
    border-bottom: 1px solid orange;
    margin-top: -5px;
}


.floatingNav {
    box-shadow: 0 1px 5px -2px #999;
    border-bottom: none;

}


#mobilemenuoff {
    padding: 0;
    width: 80%;
    background: #fff;
    border: 1px solid #f1f1f1;
    transition: 0.9s;


}

.breaknews {
    background: rgb(0, 0, 0, 0.8);
    border-top: 1px solid #0e7c3f;
}


.a {
    background: #fff;
    border-top: 4px solid #5a4099
}

.c {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
}


#load {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100vh;
    background: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(img/Spinner-1s-200px.gif);
}


#searchbarss {
    margin-top: 15px;
}

#desktopmenu {
    background: #fff;
    padding: 0px;
    border-bottom: 1px solid lightgray;
}

.pricesection {
    padding: 5px;
}


.mobilecategory {
    padding: 0 100px;
}


.sidenav li {
    list-style-type: none;
    padding: 15px 15px;
    border-bottom: 1px solid #f4f4f4;

}

.sidenav li a {
    text-decoration: none;
    font-size: 14px;
    color: #585858;
    display: block;
    transition: 0.5s;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 0.5px;

}

.sidenav li a:hover {
    color: #dc3545;
    text-decoration: none;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 20px;
    margin-left: 50px;

}


.brands {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    padding: 15px;
    border-radius: 5px;
}

.brands img {
    height: 100px;
}


.brands a {
    color: #414141;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 14px;
}


.price {
    font-size: 18px;
}

.currency-symbol {
    font-family: 'kufam';
    
}


.row-gap {
    margin-left: -10px;
    margin-right: -10px;
}

.row-gap>[class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    /* row gap */
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.4em;
    /* ensures 2 lines even if short */
    line-height: 1.2em;
}

.units {
    font-size: 12px;
}

.container {
    max-width: 1500px;
}




@media (max-width: 991px) {

    #footerdivs{
        padding-bottom: 30px;
    }

    .container {
        padding: 0px;

    }


    .footerback {

        clip-path: polygon(50% 2%, 100% 0, 100% 100%, 0% 100%, 0 50%, 0% 0%);


    }


    .padd {
        padding: 0px;
    }

    .products a {
        font-size: 14px;
    }


    #logopadd {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: none;
    }

    .logo {
        height: 70px;
        padding: 5px;
    }


    #button {
        border-radius: 0px;
    }





    .m {
        margin-top: 30px;
    }

    .overlay {
        display: none;
    }


}

.uk-lightbox {
    background: rgba(0, 0, 0, 0.6) !important;

}

.nx-message-icon path {
    fill: #f4f4f4 !important;

}

.whymyshop {
    border-radius: 10px;
    padding: 10px !important;
}


.whymyshop i {
    font-size: 25px !important;
    color: gray;


}

.whymyshop strong {
    color: gray;
}


.orderstatus span {
    border-radius: 30px;
    padding: 0px;
    width: 100px;
    font-size: 14px;


}



.product-card {
    border: 1px solid #eee;
    border-radius: 10px;
    transition: 0.3s;
}

.product-card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.badge-primary {
    background-color: #003b95;
    /* Match the dark blue from the image */
    color: white;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 5px;
}