body{
    font-family:'Albert Sans', sans-serif !important;
    font-size: 17px;
}
.albert-sans {
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
  }
.banner-lr {
    padding: 0px 42px 25px 42px;
}

.carousel-item img {
    border-radius: 8px;
}
.logo{
    width: 120px !important;
}
a.nav-link {
    color: white;
    font-weight: 500;
    font-size: 16px;
}

.nav-item a {
    font-family:'Albert Sans', sans-serif;
    font-weight: 500;
    font-size: 19px;
    color: #161718;
    text-decoration: none;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.btn .bx {
    vertical-align: inherit;
    margin-top: -3px;
    font-size: 1.15rem;
}

.form-control {
    height: calc(2.5rem + 2px);
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.bx.icon-single {
    font-size: 1.5rem;
}

.form-inline .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.form-inline .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.sub-menu {
    padding: 0 1rem;
    position: sticky;
    top: 0;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .form-inline .form-control {
        width: 210px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .form-inline .form-control {
        width: 440px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .form-inline .form-control {
        width: 450px;
    }
}

.sub-menu.navbar-light .navbar-nav .active>.nav-link,
.sub-menu.navbar-light .navbar-nav .nav-link.active,
.sub-menu.navbar-light .navbar-nav .nav-link.show,
.sub-menu.navbar-light .navbar-nav .show>.nav-link {
    border-bottom: 3px solid #007bff;
    color: #007bff;
}

.navbar .navbar-toggler {
    border: none;
}

.navbar-light .navbar-toggler:focus {
    outline: none;
}

.main-menu {
    position: relative;
    z-index: 3;
}

.sub-menu {
    /* background-image: linear-gradient(to right, #e84281, #9e4d96) !important; */
    background-image: linear-gradient(to right, #fea008, #af5d27) !important;
    color: white !important;
    position: relative;
    z-index: 2;
    padding: 0 1rem;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .sub-menu {
        padding: 0 1rem;
        position: sticky;
        top: 0;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 2rem !important;
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row;
        align-items: center;
    }

    .sub-menu.navbar-expand-md .navbar-nav .nav-link {
        color: white;
        padding: 1rem 1.5rem;
        align-items: center;
    }
}

.navbar.bg-light {
    background: #fff !important;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}

.user-dropdown .nav-link {
    padding: 0.15rem 0;
}

#sidebar {
    background: #fff;
    height: 100%;
    left: -100%;
    top: 0;
    bottom: 0;
    overflow: auto;
    position: fixed;
    transition: 0.4s ease-in-out;
    width: 84%;
    z-index: 5001;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    padding: 1.25rem 1rem 1rem;
}
.title-h6 {
    font-weight: 500;
    font-size: 15px;
}
#sidebar.active {
    left: 0;
}

#sidebar .sidebar-header {
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 1.5rem;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 40px;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px 16px;
    font-size: 1.1em;
    display: block;
    color: #000;
}

#sidebar ul li a:hover {
    color: #7386d5;
    background: #fff;
}

#sidebar ul li.active>a,
#sidebar a[aria-expanded="true"] {
    color: #007bff;
    background: #e6f2ff;
    border-radius: 6px;
}

a[data-toggle="collapse"] {
    position: relative;
}

#sidebar .links .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

/* section {
    padding: 6rem;
    background: #e4e4e4;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
} */

.overlay {
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: -1;
    width: 100%;
    opacity: 0;
}

.overlay.visible {
    opacity: 1;
    z-index: 5000;
}

/* .mobiHeader .menuActive~.overlay {
opacity: 1;
width: 100%;
} */

ul.social-icons {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

ul.social-icons li {
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 0;
}

#sidebar ul.social-icons li a {
    font-size: 24px;
}

.utility-nav {
    background: #e4e4e4;
    padding: 0.5rem 1rem;
}

.utility-nav p {
    margin-bottom: 0;
}

.search-bar {
    position: relative;
    z-index: 2;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}

.search-bar .form-control {
    width: calc(100% - 45px);
}

.avatar {
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
    margin-right: 8px;
}

.avatar.avatar-xs {
    width: 2.25rem;
    height: 2.25rem;
}

.user-dropdown .dropdown-menu {
    left: auto;
    right: 0;
}

@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .dropdown:hover .dropdown-menu{
     display: block;
    margin-top: auto;
}
}
.dropdown-item:hover{
    background-color: #c06b21;
    color:white;
}

.badge-danger {
    margin-left: -14px;
    color: #fff;
    background-color: #c06b21;
}

.badge {
    display: table-caption;
    padding: 3px 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50%;
    margin-bottom: 7px;
}
/* ---------------end navbar---------------------- */

.search input {
    margin-left: 200px;
}

.lower-toy a img {
    width: 100%;
}
.subt {
    margin-left: -5px;
}
/* --------------- second section---------------------- */

.banner-lr {
    padding: 0px 42px 25px 42px;
}

.glob-lr {
    padding: 10px 42px;
}

.all-categoreies li {
    list-style: none;
}

.head-flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

/* --------------- second section---------------------- */


/* ------------------------------------- */

.desk-re{
    padding:20px;
}
.secn-box p {
    color:black;
    font-size: 13px !important;
    text-align: center;
    margin-top: 8px;
    font-family: 'Albert Sans', sans-serif;
    /*font-family: 'Poppins';*/
    
}

/* ------------------------------------- */


/* ------------------------------------- */
.fst-box {
    box-shadow:1px 1px 10px 1px #cecece;
    border-radius: 6px;
    padding: 20px;
    margin-bottom:20px;
}

.right-serve {
    border-right: 1px solid #cfcfcf;
}

.title-h6 {
    font-weight: 500;
    font-size: 15px;
}

.right-serve p {
    font-size: 14px;
}
.right-serve img{
    margin-right: 6px;
    width:50px;
    height:50px;
}
.right-serve-non img{
    margin-right: 6px;
    width:50px;
    height:50px;
}

.right-serve-non p {
    font-size: 14px;
}

.fst-serv {
    align-content: center;
}

/* .right-serve img{
    width: 55px;
    height: 45px;
} */
/* ------------------------------------- */


/* ------------------------------------- */

#button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #2fa3ba;
    padding: 10px;
    color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#wrap {
    width: 315px;
}

.side-bar {
    padding-left: 0px;
}

.side-bar li {
    list-style: none;
    border-bottom: 1px solid #bdbdbd;
}

.side-bar li a:hover {
    background-color: #2fa3ba;
    color: white;
}

.side-bar li:last-child {
    border-bottom: none;
}

.menu {
    position: absolute;
    width:315px;
    /*height: 400px;*/
    visibility: hidden;
    padding: 5px;
    /* margin: 15px 0 0 0; */
    background: #ebebeb;
    border-radius: 3px;
}

.menushow {
    visibility: visible;
}

.menu a {
    font-size: 15px;
    font-weight: 500;
    display: block;
    padding: 10px 15px;
    color: #1b1b1b;
}

.menu a:hover {
    background: #e7e7e7;
}

.side-bar span {
    display: none;
}

.submenu {
    position: absolute;
    visibility: hidden;
}

#button h6 {
    font-size: 15px;
}

#button a {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 6px;
    border-radius: 3px;
    color: #fff;
    text-shadow: 1px 1px 5px #00000080;
    display: block;
    width: 50px;
    height: 40px;
}

/* -----------------------------end all categories---------------------- */


/* -------------new aarival------------ */
.tit-fm {
    display: flex;
    justify-content: space-between;
}

.title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    display: inline-block;
    /* margin-bottom: 30px; */
    padding-bottom: 7px;
    text-transform: capitalize;
    border-bottom: 3px solid #920392;
}

.text-center {
    text-align: center;
}

.head-flex a {
        background-color: #9e4d4d;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    padding: 0px 12px;
    height: 30px;
    border-radius: 6px;
    align-content: center;
    text-decoration: none;
}

.text_desc {
    margin-bottom: 50px;
}

/* ----------product---------- */
.product_carousel .single_product {
    margin: 0px 2px;
}

.single_product {
    height: 100%;
    border-radius: 4px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 8px;
    /* border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb; */
}

.single_product:hover {
    height: 100%;
    border-radius: 4px;
    background: #ffffff;
    border: 1px solid #c6478a;
    border-radius: 8px;
    /* border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb; */
}

/*.single_product:hover {
    height: 115%;
}*/

article {
    display: block;
}

.product_carousel .product_thumb {
    position: relative;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #e3dfdf;
    border-radius: 0;
}

.product_thumb {
    position: relative;
    padding: 10px;
}

.product_carousel .product_thumb a img {
    /* width: 242px;
    height: 242px; */
    object-fit: contain;
}

.product_content {
    position: relative;
    text-align: left;
}

.product_content_inner {
    padding: 10px;
}

.product_content_inner h6 {
    padding-top: 2px;
    font-size: 11px;
}


.product_content_inner {
    /* padding: 20px 20px 25px 20px; */
}

.product_carousel .product_content h4 {
    margin-bottom: 3px;
    height: 40px;
    overflow: hidden;
}

.product_content h4 {
    font-size: 18px;    
    font-weight: 500;
    color: #000000;
    margin-bottom: 4px;
    font-family:'Albert Sans', sans-serif !important;
    /*font-family: 'Montserrat' !important;*/
}

.price_box span {
    line-height: 16px;
    font-size: 14px;
}

.add_to_cart {
    padding: 0px 10px 10px;
}
.AddToCart {
    /*background-image: linear-gradient(to right, #e84281, #9e4d96);*/
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
    border-radius: 6px;
}
.AddToBasketCart {
    background-image: linear-gradient(to right, #e84281, #9e4d96);
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #e84281;
}

.AddToBasketCart:hover{
    background-color:#e84281;
    color:white;
}


.add_to_cart a:hover {
    color: white;
    text-decoration: none;
}

.ViewCart {
    background-image: linear-gradient(to right, #239f21, #19891c);
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #239f21;
}

.ViewCart:hover{
    background-color:#e84281;
    color:white;
}

.add-cart {
    border: none;
    background-image:linear-gradient(to right, #e87842, #9e4d4d) !important;
    /*background-color: #5f858f;*/
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 14px;
    color: white;
}

.add-whole {
    border: none;
    font-size: 12px;
    background-color: #5f858f;
    border-radius: 8px;
    padding: 8px 5px;
    color: #ffffff;
}

/* ---------- */
.label_product span.label_sale {
    top: 2px;
    right: 0px;
    text-transform: capitalize;
    color: #ffffff;
    background:#884b8d;
    font-size: 10px;
    height: 22px;
    width: 65px;
    line-height: 23px;
    text-align: center;
    display: block;
    border-radius: 7%;
    padding: 0px;
    z-index: 99;
}

.label_product span.label_sale::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #884b8d;
    position: absolute;
    left: -5px;
    top: 7px;
    transform: rotate(45deg);
    z-index: -1;
}

.label_product span {
    position: absolute;
}

/* ---------- */

.add_to_cart {
    /*background-image: linear-gradient(to right, #e84281, #9e4d96) !important;
    text-align: center;
    z-index: 9;
    background: #fff;
    border-radius: 8px;
    padding: 5px 10px 6px;
    width: 70%;
    margin: auto;
    border: 1px solid #e84281;*/
}

/*.single_product:hover .add_to_cart {
    visibility: visible;
    opacity: 1;
    bottom: -38px;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
}*/

.old_price {
    text-decoration: line-through;
    font-weight: 400;
    margin-right: 6px;
}

.price_box span.current_price {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins';
    color: #c40316;
}

.product-box {
    margin-bottom: 60px;
}

/* ----------product---------- */
/* -------------new aarival------------ */

/* ---------------pro-banner------------- */
.pro-banner img {
    border-radius: 8px;
}

.banner {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 25px;
}

.banner img {
    border-radius: 6px;
}

/* ---------------pro-banner------------- */

.whatsapp {
    bottom: 5%;
    width: 80px;
}

.whatsapp {
    position: fixed;
    right: -2%;
    bottom: 10%;
    z-index: 999999;
}

.callIcon {
    bottom: 17%;
    width: 85px;
}

.callIcon {
    position: fixed;
    right: -2%;
    bottom: 20%;
    z-index: 999999;
}

.callIcon img {
    width: 50px;
}

.whatsapp img {
    width: 50px;
}















/* -----------------------------footer---------------------- */
.footer {
    color: white;
    padding: 40px 42px;
}

.widgets_container h6 {
    margin-bottom: 20px;
}

.widgets_container h6::after {
    background: #af9725;
    position: absolute;
    content: '';
    display: block;
    height: 3px;
    width: 40px;
    margin: 8px 0px;
}

/* ------------- */
.footer_bottom {
    padding: 12px 0;
    background:#8d420f;
}

.widgets_container a p {
    font-size: 16px;
    margin-bottom: 10px;
    color: white;
}

.widgets_container p {
    font-size:16px;
    margin-bottom: 10px;
    color: white;
}

.copyright_area {
    color: #ccc;
    display: flex;
    justify-content: space-between;
}

p:last-child {
    margin-bottom: 0;
}

.copyright_area p a {
    color: #d62f2f;
}

.copyright_area p {
    font-size: 14px; 
    margin-bottom: 0px;
}
.social-media{
    padding-left:0px !important;
} 
.social-media li{
    list-style: none;
    padding-right:15px;
}
/* -----------------------------footer---------------------- */

label {
    display: block;
    margin-bottom: 10px;
}

#output {
    margin-top: 20px;
    font-weight: bold;
}

.lower-toy {
    text-align: center;
}

.lower-toy h4 {
    font-size: 35px;
    padding-top: 42px;
}

.lower-toy a {
    color: white;
}

/*-----------------btn------------------ */

/*-----------------categories ------------------ */
.ct-name{
color: #1C2120;
line-height: 14px;
font-size: 25px;
margin-bottom: 15px;
font-family: sans-serif;
}
.ct-pra{
    opacity: 0.75;
    font-size: 16px;
    margin-top:12px;
    margin-bottom: 30px;
    line-height: 19px;
    text-align: left;
}
.hide-part{
    display: none;
}
.show-part{
    display: block;
}
.show-more{
    background-image: linear-gradient(to right, #e84281, #9e4d96);
    color:white !important;
}

/*-----------------categories ------------------ */

/*----------------------testimonial---------------------------*/
.testimonial{
/*    box-shadow: 1px 1px 12px 1px #dedede;*/
    border: 1px solid #d3d3d3;
    padding: 15px;
    border-radius: 10px;
}
.testimonial p {
    /*font-family: Poppins, sans-serif;*/
    font-family:'Albert Sans', sans-serif;
    font-size: 17px;
    line-height: 25px;
}
.name-test{
    display: flex;
    justify-content: space-between;
}
.name-test p {
    font-weight: 600;
}
.name-test p span{
        font-weight: 500;
    color: #707070;
    font-size: 13px;
}


/* ---------------------------------------- */
.title-btm{
    margin-bottom: 30px;
}
.mb-bottom{
    margin-top:10px;
    margin-bottom:20px;
}
.testimonial-inner {
    box-shadow: 1px 1px 6px 1px #dedede;
    border-top: 5px solid #69a0d5;
    padding: 15px;
    border-radius: 10px;
    height:100%;
  }
  
  /* ---------------------------------------- */
  
/*----------------------testimonial---------------------------*/

/*----------------------blog---------------------------*/
.blog{
    box-shadow: 1px 1px 12px 1px #dedede;
    padding:15px;
    overflow: hidden;
}
.blog img{
    width:100%;
    margin-bottom:10px;
    border-radius:8px;
}
.blog-title {
    font-weight: 500;
    font-family: 'Poppins';
}
.blog p {
    margin-bottom: 2px;
    font-size: 14px;
}
.blog a {
    color: #8728b9;
    text-decoration: none;
    font-size: 14px;
    text-decoration: underline;
}
/*----------------------blog---------------------------*/
.pro-shop{
    display: flex;
    justify-content: space-between;
}
.blog-card img{
    width:100%;
}