/**
*
*	Name:			iconly font icon
*	Version:	    1.0
*	Created on:		Dec 29, 2020
*	License:		GNU General Public License
--------------------------------------------------------------------------------------
*
**/

@import url("bulk-style.css");

@font-face {
    font-family: iconly;
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/Iconly-light.eot");
    src: url("../fonts/Iconly-light.eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */ url("../fonts/Iconly-light.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/Iconly-light.ttf")
    format("truetype"),
    url("../fonts/Iconly-light.svg#Iconly-light") format("svg");
}

@font-face {
    font-family: iconly;
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Iconly-Broken.eot");
    src: url("../fonts/Iconly-Broken.eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */ url("../fonts/Iconly-Broken.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/Iconly-Broken.ttf")
    format("truetype"),
    url("../fonts/Iconly-Broken.svg#Iconly-Broken") format("svg");
}

@font-face {
    font-family: iconly;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Iconly-Bold.eot");
    src: url("../fonts/Iconly-Bold.eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */ url("../fonts/Iconly-Bold.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/Iconly-Bold.ttf")
    format("truetype"),
    url("../fonts/Iconly-Bold.svg#Iconly-Bold") format("svg");
}

@font-face {
    font-family: iconly;
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/Iconly-bulk.eot");
    src: url("../fonts/Iconly-bulk.eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */ url("../fonts/Iconly-bulk.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/Iconly-bulk.ttf")
    format("truetype"),
    url("../fonts/Iconly-bulk.svg#Iconly-bulk") format("svg");
}

[class^="iconly-"],
[class*="iconly-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "iconly" !important;

    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-weight: normal;
    line-height: 1;
    /*   Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* width */
body::-webkit-scrollbar {
    width: 7px;
    border-radius: 5px;
}

/* Track */
body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
body::-webkit-scrollbar-thumb {
    background: #F1EB67;
    border-radius: 5px;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
    background: #f39e3d;
}

.icli {
    font-weight: 200;
}

.icbr {
    font-weight: normal;
}

#preloader {
    height: 10px;
}

/* custom styling start */
.bg-effect {
    background-image: none !important;
}

.log-in-section::after {
    background: none !important;
}

.modal-content {
    position: relative;
}

.modal-content .close {
    position: absolute;
    top: -11px;
    right: -11px;
    opacity: 1;
    background-color: white;
    height: 26px;
    width: 26px;
    color: #333;
    border-radius: 50%;
    font-size: 12px;
    padding: 5px;
    box-shadow: 0 0 7px rgb(234, 231, 231);
}

span.selection {
    width: 100%;
    height: calc(51px + (54 - 51) * ((100vw - 320px) / (1920 - 320)));
    line-height: normal;
    padding: 1rem 0.75rem;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
}

.select2-container--default .select2-selection--multiple {
    border: 0px solid white !important;
    outline: none !important;
}

header .top-nav .navbar-top .middle-box .search-box .input-group .form-control {
    width: 100%;
    max-width: 210px;
}
.card-custom {
    max-width: 900px;
    padding: 40px !important;
    margin: 30px auto;
}
.delivery-icon {
    padding: 0px;
    /* border-radius: 50%; */
    /* border: 1px solid rgb(221, 221, 221); */
    margin-top: -2px;
    height: 38px;
    /* width: 38px; */
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 15px;
}

.delivery-icon img {
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 50%;
}
.user-dashboard-section
.dashboard-left-sidebar
.profile-box
.profile-contain
.profile-image
img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 50%;
}

section {
    margin-bottom: 10px;
}
section,
.section-t-space {
    padding-top: 0px !important;
    margin-bottom: 45px !important;
}
.custom-cursor {
    cursor: pointer;
}
/*.banners-section{*/
/*    margin-bottom: 0px !important;*/
/*}*/
/*#aboutt{*/
/*    padding-top: 60px !important;*/
/*}*/
section.last-section {
    margin-bottom: 0px !important;
}
footer.section-t-space {
    padding-top: 45px !important;
    margin-bottom: 0x !important;
}
footer .main-footer {
    border-top: none !important;
}
section.first-section {
    padding-top: 10px !important;
}

header .top-nav {
    padding: 20px 0px !important;
}

header .top-nav .navbar-top,
header .header-nav {
    justify-content: space-between !important;
}

/*
 header.custom-header .header-nav-middle {
    margin: 0px !important;
} */
header .top-nav .navbar-top .middle-box {
    display: flex;
    align-items: center;
}

header .navbar {
    z-index: 5 !important;
}

.search-box {
    margin: 0px 25px;
}
.terms-of-use-container p {
    font-size: 15px;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.4;
}
.terms-of-use-container .title {
    font-size: 28px;
    color: #222;
    margin-bottom: 20px;
    line-height: 1.4;
}
.terms-of-use-container ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.terms-of-use-container ul li {
    padding-left: 26px;
    font-size: 14px;
    margin-bottom: 12px;
    position: relative;
    display: block;
}
.terms-of-use-container ul li::before {
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    height: 10px;
    width: 10px;
    background: #555;
    border-radius: 50%;
}
.terms-of-use-container .subtitle {
    font-size: 22px;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
}
.scroll-images {
    overflow-x: auto;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
}
.scroll-images::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 5px;
}

/* Track */
.scroll-images::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 5px;
}

/* Handle */
.scroll-images::-webkit-scrollbar-thumb {
    background: #f8ab54;
    border-radius: 5px;
}

/* Handle on hover */
.scroll-images::-webkit-scrollbar-thumb:hover {
    background: #eba453;
}
.scroll-images img {
    height: 50px;
    width: 50px;
    margin: 0px 5px;
    border-radius: 5px;
}
.scroll-images-big {
    position: relative;
}
.scroll-images-big .img-wrapper {
    height: 100px;
    width: 100px;
    position: relative;
    margin: 0px 9px;
    padding-bottom: 7px;
}
.scroll-images-big img {
    height: 100px;
    width: 100px;

    border-radius: 5px;
}
.scroll-images-big .img-wrapper i {
    position: absolute;
    right: -3px;
    top: 5px;
    cursor: pointer;
    z-index: 5;
    font-size: 14px;
    background: white;
    padding: 5px 7px 4px;
    border-radius: 50%;
    box-shadow: 0 0 2px wheat;
}

.table-image img{
    width: 45px;
    height: auto;
    overflow: hidden;
    border-radius: 5px;
}
.sfilename {
    width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.terms-of-use-container .date-updated {
    font-size: 14px;
    color: #666;
    margin: 0px;
    margin-bottom: 15px;
}
header .top-nav .navbar-top .web-logo img {
    width: 110px !important;
}
footer .main-footer .footer-logo .theme-logo {
    width: 110px !important;
}
footer .main-footer .footer-logo .theme-logo img {
    width: 110px !important;
}
.input-box .col-12 {
    margin-bottom: 35px;
}

.btn-animation {
    margin-right: 10px;
    padding: 8px 20px !important;
    font-size: 15px !important;
}

.preferences .form-floating {
    margin-bottom: 16px;
}

.preferences .col-12 {
    margin-bottom: 50px;
}

.add-cert {
    padding: 5px;
    font-size: 14px;
    background: #F1EB67;
    color: #000000;
    border-radius: 50%;
    border: 1px solid #EAAE45;
    margin-left: 5px;
    cursor: pointer;
}
.theme-modal .modal-dialog .modal-content .modal-header .btn-close {
    background: #F1EB67 !important;
    color: #000000 !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background: #F1EB67 !important;
    color: #000000 !important;
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link:hover{
    color: #000000 !important;
}
.add-more-btn {
    display: flex;
    align-items: center;
    height: 100%;
}

.log-in-section .log-in-box .log-in-title h3 {
    font-weight: bold;
}

.text-span {
    color:#4a5568;
    cursor: text;
}
.thankyou-wrapper {
    text-align: center;
    max-width: 700px;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin: 15px auto;
}

.home-banner {
    min-height: 80vh;
    max-width: 100%;
    background: url("/images/banner1.jpg");
    background-position: 100%;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
}

.home-banner .banner-data {
    padding: 0px 40px;
    max-width: 700px;
}

.home-banner .banner-data h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
    margin: 0px;
    margin-bottom: 25px;
}
.home-banner .banner-data h1 span {
    color: #F1EB67;
}
.home-banner .banner-data p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
    margin: 0px;
    margin-bottom: 25px;
}

.home-banner .banner-data button {
    padding: 12px 30px;
    font-size: 15px;
    color: #fff;
    background-color: #F1EB67;
    border: 1px solid #F1EB67;
    border-radius: 5px;
    margin-right: 12px;
    font-family: "Public Sans",sans-serif;
}
.brands-section {
    min-height: 60vh;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    max-width: 100%;
    background: url("/images/brands.jpg");
    background-position: 100%;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
}
.brands-info {
    height: 100%;
    padding: 0px 40px;
}
.brands-info .title {
    text-transform: initial;
    font-size: 27px;
    color: #333;
    margin: 0px;
    line-height: 1.5;
    margin-bottom: 28px;
    font-weight: 600;
    position: relative;
    width: max-content;
}
.brands-info .title::before {
    position: absolute;
    left: 0px;
    bottom: -9px;
    width: 30%;
    height: 3px;
    border-radius: 5px;
    background: #F1EB67;
    transition: all 0.3s ease-in-out;
    content: "";
}
.brands-info .title:hover::before {
    width: 100%;
}
.brands-info .subtitle {
    font-size: 19px;
    text-transform: initial;
    color: #444;
    margin: 0px;
    margin-bottom: 20px;
    line-height: 1.6;
}
.brands-info p {
    font-size: 16px;
    color: #777;
    margin: 0px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.why-choose-us .container {
    padding: 0px 40px;
}
.shop-header {
    background-color: #f8f8f8;
}
.shop-header .shop-image {
    width: 100%;
    height: 130px;
}
.shop-header .shop-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.shop-header .shop-details .name {
    font-size: 20px;
    margin-bottom: 10px;
    color: #222;
}
.shop-header .shop-details {
    padding: 20px 0px;

}
.shop-header .shop-details .phone {
    font-size: 15px;
    margin-bottom: 10px;
    color: #444;
}
.product_listings {
    margin: 25px 0px;
}
.product_listings .header {
    padding: 8px;
    color: #444;
    font-size: 14px;
    background-color: #f8f8f8;
}
.product_listings .product-detail {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 25px;
}
.product_listings .product-detail .image {
    height: 200px;
    width: 100%;
}
.product_listings .product-detail .image img{
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.product_listings .product-detail .info .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #222;
    line-height: 1.3;
}
.product_listings .product-detail .info .price {
    font-size: 14px;
    margin-bottom: 5px;
    color: #333;
    line-height: 1.3;
}
.maintitle {
    font-size: 32px;
    transition: all 0.3s ease-in-out;
    color: #333;
    margin: 0px;
    margin-bottom: 20px;
    font-weight: 600;
    position: relative;
    width: max-content;
    margin: auto;
}
.main__title {
    font-size: 32px;
    transition: all 0.3s ease-in-out;
    color: #333;
    margin: 0px;
    margin-bottom: 20px;
    font-weight: 600;
    position: relative;
}
.maintitle:hover::before {
    width: 100%;
}
.maintitle::before {
    position: absolute;
    left: 0px;
    bottom: -9px;
    transition: all 0.3s ease-in-out;
    width: 55%;
    height: 3px;
    border-radius: 5px;
    background: #F1EB67;
    content: "";
}
.why-choose-us .card-hover {
    min-height: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}
.why-choose-us .card-hover:hover {
    transform: translateY(0px);
}
.why-choose-us .card-hover::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #F1EB67;
    content: "";
    left: 0px;
    top: 0px;
    border-radius: 12px;
    transform: translate(-90%, -89%);
    transition: all 0.3s ease-in-out;
}

.why-choose-us .card-hover:hover::before {
    transform: translate(0%, 0%);
}
.why-choose-us .card-hover:hover .icon {
    border-radius: 50%;
    background-color: #fff;
    padding: 8px;
}
.why-choose-us .card-hover:hover .title,
.why-choose-us .card-hover:hover li {
    color: #333;
}
.why-choose-us .content-wrapper {
    text-align: center;
    padding: 20px;
    position: relative;
    z-index: 1;
    min-height: 350px;
}
.why-choose-us .content-wrapper .icon {
    height: 55px;
    width: 55px;
    padding: 8px;
    margin: auto;
    margin-bottom: 15px;
    border-radius: 50%;
}
.why-choose-us .content-wrapper .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.why-choose-us .content-wrapper .title {
    font-size: 20px;
    color: #333;
    margin: 0px;
    margin-bottom: 20px;
}
.why-choose-us .content-wrapper ul {
    padding: 0px;
}
.why-choose-us .content-wrapper ul li {
    font-size: 14px;
    display: block;
    color: #333;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: left;
}
.shop-section {
    min-height: 65vh;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    max-width: 100%;
    background: url("/images/customer.jpg");
    background-position: 100%;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
}
.checkbox_animated:checked:after {
    background-color: #e3b47e !important;
    border-bottom: #e3b47e !important;
}
.shop-section .container,
.our-clients .container {
    padding: 0px 40px;
}
.shop-section .shop-details {
    padding-right: 30px;
}

.shop-section .heading-top {
    font-size: 19px;
    font-weight: 300;
    color: #666;
}

.shop-section .main-title {
    font-size: 24px;
    font-weight: 500;
    color: #333;
}

.shop-section p {
    font-size: 16px;
    font-weight: 300;
    color: #666;
    line-height: 1.8;
}

.shop-section .img-wrapper {
    max-height: 380px;
    width: 100%;
}

.shop-section .img-wrapper img {
    height: auto;
    max-width: 84%;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.company-intro {
    max-width: 1200px;
    margin: 2px auto;
}

.heading-title {
    font-size: 30px;
    color: #333;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
}

.company-intro p {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
}

.brands-data {
    max-width: 1250px;
    margin: 15px auto;
    margin-top: -150px;
}

.brands-data .box-white {
    position: relative;
    background-color: white;
    padding: 40px 25px 40px;
    border-radius: 5px;
    position: relative;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.brands-data .box-white .title {
    position: absolute;
    background-color: #F1EB67;
    color: #fff;
    top: -42px;
    left: 0px;
    font-size: 26px;
    padding: 15px 60px;
    border-radius: 5px;
}

.brands-data .box-white .icon {
    width: 40px;
    height: 40px;
    margin: 20px 0px;
}

.brands-data .box-white .icon img {
    width: 100%;
    height: 100%;
}

.brands-data .box-white .subtitle {
    font-size: 20px;
    color: #555;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 15px;
}

.brands-data .box-white p {
    font-size: 14px;
    color: #555;
    font-weight: 300;
    line-height: 1.4;
}
header .navbar-nav {
    align-items: center;
}
.brands-data .box-white button,
.custom-button {
    padding: 12px 30px;
    font-size: 15px;
    color: #222;
    background-color: #F1EB67;
    border: 1px solid #EAAE45;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    font-family: "Public Sans",sans-serif;
}
footer .main-footer .footer-contain ul li a:hover {
    margin-left: 0px !important;
}
footer .main-footer .footer-contain ul li a::before {
    background-color: #F1EB67 !important;
}
footer .main-footer .footer-contain ul li a::after{
    content: none !important;
}
.custom-button-top {
    font-size: 14px !important;
    padding: 6px 20px !important;
    color: #000000;
    background-color: #F1EB67;
    border: 1px solid #EAAE45;
    border-radius: 5px;
    font-family: "Public Sans",sans-serif;
}

.custom-button-login {
    font-size: 14px !important;
    padding: 6px 20px !important;
    color: #000000;
    background-color: #F1EB67;
    border: 1px solid #EAAE45;
    border-radius: 5px;
    font-family: "Public Sans",sans-serif;
}

.product-row .col-12 {
    margin-bottom: 25px;
}
.custom__tooltip_label {
    position: relative;
}
.parent-tooltip{
    position: absolute;
    right: 0px;
    top: -10px;
}
.custom-tooltip{
    position: relative;

}
.custom-tooltip:hover .tooltip-text {
    display: block;
}

.tooltip-text {
    background-color: #0b0b0b;
    color: white;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 15px;
    padding: 5px;
    border-radius: 5px;
    z-index: 99;
    min-width: 200px;
    text-align: center;
    display: none;
}

.categories-list {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.blogs-listing .col-12 {
    margin-bottom: 45px;
}
.blog-card {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}
.blog-card a:hover,.blog-card a:focus {
    color: #222 !important;
}
.blog-card a {
    color: #222 !important;
}
.blog-card .img-wrapper {
    width: 100%;
    height: 220px;

}
.blog-card .img-wrapper img {
    width: 100%;
    height: 100%;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    object-fit: cover;
}
.blog-card .content {
    padding: 20px;
    min-height: 220px;
}
.blog-card .content .title {
    font-size: 18px;
    color: #222;
    margin: 0px;
    margin-bottom: 2px;
    line-height: 1.2;
    word-break: break-word;
}
.blog-card .content p {
    font-size: 14px;
    color: #222;
    margin: 0px;
    margin-bottom: 12px;
    /*word-break: break-word;*/
    text-align: justify;
}
.blog-details {
    max-width: 900px;
    margin: auto;
}
.blog-details .main-img {
    height: auto;
    width: 100%;
    margin-bottom: 30px;
}
.blog-details .title {
    font-size: 24px;
    color: #222;
    margin: 0px;
    margin-bottom: 15px;
    word-break: break-word;

}
.blog-details .main-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.blog-details .content p{
    font-size: 14px;
    color: #333;
    margin: 0px;
    margin-bottom: 12px;
    line-height: 1.5;
    word-break: break-word;
}
.blog-details .content .date {
    font-size: 16px;
    color: #555;
    margin: 0px;
    margin-bottom: 12px;
}

.categories-list li {
    margin: 10px 0px;
    margin-right: 35px;
    padding: 0px;
}

.categories-list li.lii {
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    margin-right: 10px;
    padding: 0px;
    box-shadow: none;
    flex: 1 1 auto;
    justify-self: center;
}

.subtitle {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 15px;
}

.card-hover {
    border-radius: 8px;
    padding: 15px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    transition: all 0.3s ease-in-out;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 30px -10px;
}

.card-hover .product-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0px;
    margin-bottom: 15px;
    word-break: break-word;
}

.card-hover p.value {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0px;
    margin-bottom: 0px;
    word-break: break-word;
}

.card-table thead tr {
    border-bottom: 1px solid gray;
}

.card-table thead,
.card-table tbody,
.card-table tfoot,
.card-table tr,
.card-table td,
.card-table th {
    border-bottom: 1px solid #aba9a7;
}
footer .main-footer .footer-logo .footer-logo-contain .address li a {
    flex: 1 1 80%;
    font-size: 13px !important;
}
.btn-reorder {
    padding: 4px 15px;
    font-size: 13px;
    color: #fff;
    margin-left: 9px;
    background-color: #F1EB67;
    border: 1px solid #EAAE45;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
    font-family: "Public Sans",sans-serif;
}

.mr3 {
    margin-right: 15px;
}
header
.top-nav
.navbar-top
.rightside-box
.right-side-menu
.right-side
.delivery-login-box
.delivery-icon
.feather {
    margin-right: 0px !important;
}

.delivery-login-box {
    display:flex;
    align-items: center;
    gap: 8px;
}

.brands-buyers .box-white button:hover,
.custom-button:hover {
    background-color: #F1EB67;
}

.brands-buyers .box-white ul {
    display: block;
    padding: 0px;
    margin: 0px;
    margin-top: 25px;
    list-style: none;
    padding-left: 15px;
}

.brands-buyers .box-white ul li {
    font-size: 17px;
    color: #555;
    font-weight: 300;
    line-height: 1.36;
    margin-bottom: 20px;
    position: relative;
    padding-left: 5px;
}

.brands-buyers .box-white ul li::before {
    position: absolute;
    content: "";
    top: 10px;
    left: -12px;
    height: 8px;
    width: 8px;
    background: #9b9898;
    border-radius: 5px;
}

.our-clients .heading-small {
    font-size: 19px;
    font-weight: 300;
    color: #666;
    line-height: 1.5;
}

.our-clients .main-title {
    font-size: 34px;
    font-weight: 500;
    color: #666;
    line-height: 1.5;
}

.our-clients p {
    font-size: 16px;
    max-width: 90%;
    margin: auto;
    font-weight: 300;
    color: #666;
    line-height: 1.9;
}

.our-clients .col-6 {
    margin-bottom: 22px;
}

.our-client-wrapper {
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    padding: 25px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.custom-button {
    color: #222;
}

a.custom-button:hover,
a.custom-button:focus {
    color: #222;
}

.our-client-wrapper img {
    width: 100px;
    height: 70px;
    object-fit: contain;
    transition: all 0.3s ease-in-out;
}

.our-client-wrapper:hover {
    transform: translateY(-10px);
}

.upload-buttons {
    display: flex;
    flex-wrap: wrap;
}
.upload-buttons button {
    margin-bottom: 8px;
}
.custom-button {
    position: relative;
}

.custom-button input {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;

    width: 100%;
    opacity: 0;
    z-index: 1;
}

.contact__us {
    background: url("/images/brands.jpg");
    width: 100%;

    padding: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

/* .contact__us::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background: rgba(11, 34, 57, 0.9);
    opacity: 0.8;
    z-index: 0;
} */

.contact-details {
    position: relative;
    padding: 40px;
    z-index: 2;
}

.contact-details .contact-data {
    padding-right: 20px;
}

.contact-details .heading-small {
    font-size: 19px;
    color: #333;
    margin-bottom: 22px;
    font-weight: 300;
}

.contact-details .main-title {
    font-size: 32px;
    color: #333;
    margin-bottom: 22px;
    font-weight: 500;
}

.contact-details p {
    font-size: 16px;
    color: #333;
    line-height: 2.1;
    margin-bottom: 20px;
    font-weight: 300;
}

.contact-details .icon-wrapper {
    display: flex;
    align-items: center;
    margin-top: 45px;
}

.contact-details .icon-wrapper .icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eee;
    margin-right: 15px;
    flex: 0 0 auto;
}

.contact-details .icon-wrapper .icon img {
    height: 40px;
    width: 40px;
    transition: all 0.3s ease-in-out;
}

.contact-details .icon-wrapper:hover img {
    transform: scale(0.91);
}

.contact-details .icon-wrapper h3 {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 12px;
    font-weight: 500;
}

.contact-details .icon-wrapper p {
    font-size: 14px;
    color: #333;
    line-height: 1.9;
    margin-bottom: 12px;
    font-weight: 300;
}

.contact-form-wrapper {
    margin-top: 50px;
}

.contact-form-wrapper .form-group {
    position: relative;
    margin-bottom: 50px;
}

.contact-form-wrapper label {
    font-size: 13px;
    position: absolute;
    top: -10px;
    left: 0px;
    color: #333;
    transition: all 0.3s ease-in-out;
}

.contact-form-wrapper input,
.contact-form-wrapper select,
.contact-form-wrapper textarea {
    background-color: transparent;
    padding-left: 2px;
    border: none;
    border-radius: 0px;
    color: rgb(145, 138, 138) !important;
    outline: none;
    border-bottom: 2px solid #333;
}

.contact-form-wrapper input:focus,
.contact-form-wrapper select:focus,
.contact-form-wrapper textarea:focus {
    box-shadow: none;
    outline: none;
    background-color: transparent;
    border-bottom: 2px solid #333;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s !important;
}

.contact-form-wrapper input:focus ~ label,
.contact-form-wrapper select:focus ~ label,
.contact-form-wrapper textarea:focus ~ label {
    top: -25px;
}
.btn-logout{
    width:150px;
    text-align:center;
}
.btn-logouts {
    cursor:pointer;
}
/* ==================shop page ui starts here ==============*/

.shop-filters {
    padding: 20px;
    padding-top: 4px;
    padding-bottom: 20px;
    height: 85vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: sticky;
    top: 110px;
}
.form-check label {
    word-break: break-word;
}

/* width */
.shop-filters::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 5px;
}

.shop-filters::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 5px;
}

/* Handle */
.shop-filters::-webkit-scrollbar-thumb {
    background: #f8ab54;
    border-radius: 5px;
}

/* Handle on hover */
.shop-filters::-webkit-scrollbar-thumb:hover {
    background: #eba453;
}

.shop-filters .filter-title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin: 0px;
    margin-bottom: 15px;
}

.shop-filters .accordion-button {
    box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 8px;
    color: #333;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
}

.shop-filters .accordion-body {
    padding: 0.6rem;
}

.shop-filters .accordion-button:active,
.accordion-button:focus {
    box-shadow: none;
    outline: none;
}

.collapse-wrapper {
    padding: 15 0px;
    margin: 10px 0px;
}

.collapse-wrapper ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: block;
}

.collapse-wrapper ul li {
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: baseline;
}

.main-shop-wrapper .shop-row .col-12 {
    margin-bottom: 40px;
}
.main-shop-wrapper {
    margin-bottom: 40px;
}
.list-product-wrapper {
    border-radius: 8px;
    /* border: 1px solid #ced4da; */
    min-height: 300px;
    width: 100%;
    padding: 15px 25px;
    padding-bottom: 5px;
    /* box-shadow: rgba(88, 88, 115, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; */
}
.owl-dots{
    display: none !important;
}
.owl-carousel .nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 100px !important;
}
.owl-carousel .owl-nav.disabled {
    display: block !important;
}
.owl-carousel .owl-dots.disabled {
    display: none !important;
}
.list-product-wrapper .image-wrapper {
    height: 130px;
    width: 99%;
    margin: 5px auto;
    margin-bottom: 15px;
}

.custom-owl .owl-carousel .owl-nav {
    bottom: 50%;
    display: flex !important;
    position: absolute !important;
    z-index: 5 !important;
    width: 100% !important;
    justify-content: space-between;
}
button.owl-next {
    margin-right: -18px;
    background: white !important;
    opacity: 1 !important;
    padding: 5px;
    box-shadow: 0 0 4px #e4d7d7;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
button.owl-prev {
    margin-left: -18px;
    background: white !important;
    opacity: 1 !important;
    padding: 5px;
    box-shadow: 0 0 4px #e4d7d7;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-owl button.owl-next {
    margin-right: 8px;
    background: white !important;
    opacity: 1 !important;
    padding: 5px;
    box-shadow: 0 0 4px #e4d7d7;
    height: 33px;
    width: 33px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-owl button.owl-prev {
    margin-left: 8px;
    background: white !important;
    opacity: 1 !important;
    padding: 5px;
    box-shadow: 0 0 4px #e4d7d7;
    height: 33px;
    width: 33px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.how_it_workscontainer {

    background: #f8f8f8;
    width: 100%;
    padding: 25px;
    background-size: cover;
    background-repeat: no-repeat;

}
.how_it_workscontainer .container {
    padding-top: 40px;
}
.how-it-works-video {
    max-height: 500px;
    display: flex;
    width: 100%;
}
.text-content {
    cursor: pointer;
}
.how-it-works-video .video {
    max-width: 100%;
    height: auto;
    max-height: 500px;
    margin: auto;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px;
}
button.owl-next span,
button.owl-prev span {
    font-size: 23px;
    margin-top: -5px;
}
.banner-item {
    position: relative;
    width: 100%;
    height: 480px;
}
.banner-item::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.43);
    z-index: 0;
}
.banner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}
.banner-item .banner-data {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    max-width: 900px;
    padding: 40px;
    margin: auto;
}
.banner-item .banner-data h1 {
    color: white;
    font-size: 42px;
    line-height: 1.5;
    margin-bottom: 25px;
    font-weight: 500;
    text-transform: initial;
    text-align: center;
}
.banner-item .banner-data p {
    color: white;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.list-product-wrapper .image-wrapper img {
    width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 5px;
    object-fit: cover;
    object-position: center;
}

.list-product-wrapper .content-wrapper {
    padding: 5;
}

.list-product-wrapper .content-wrapper .title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin: 0px;
    margin-bottom: 12px;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.header__buttons .custom-button {
    margin-bottom: 15px;
    word-break: keep-all;
}
.header__buttons {
    display: flex;
    flex-wrap: wrap;
}
.list-product-wrapper .tags {
    margin: 0px;
    margin-bottom: 18px;
}

.list-product-wrapper .tags ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;

    align-items: center;
    overflow-x: auto;
    padding: 6px 2px;
    overflow-y: visible;
}

/* width */
.list-product-wrapper .tags ul::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 5px;
}

/* Track */
.list-product-wrapper .tags ul::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 5px;
}

/* Handle */
.list-product-wrapper .tags ul::-webkit-scrollbar-thumb {
    background: #f8ab54;
    border-radius: 5px;
}

/* Handle on hover */
.list-product-wrapper .tags ul::-webkit-scrollbar-thumb:hover {
    background: #eba453;
}

.list-product-wrapper .tags ul li {
    margin: 0px 8px 5px 0px;
    background-color: #fff;
    color: #333;
    min-width: max-content;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 5px;

    border: 0.5px solid #eee;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px;
}

.price-section {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 0px;
    margin-bottom: 15px;
}

.price-section .moq {
    margin: 0px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: normal;
    color: #333;
}

.price-section .price {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    color: #333;
    margin: 0px;
    align-items: flex-end;
}
.price-section .priceb {
    font-size: 13px;
    margin-bottom: 1px;
    line-height: 1.2;
}
.price-section .prices {
    font-size: 10px;
}

.add-to-cart-section {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.add-to-cart-section .add-to-cart-btn {
    font-size: 14px;
    background-color: #F1EB67;
    border: 0px;
    padding: 8px 20px;
    color: #333;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    /* width: 100%; */
}

.add-to-cart-section .add-to-cart-btn i {
    font-size: 12px;
}

.add-to-cart-section .add-to-cart-btn:hover {
    background-color: #ef8f22;
}

/* ==================shop page ui ends here ==============*/

/* ==================Single product ui ends here ==============*/
.product-wrapper {
    margin-bottom: 40px;
}

.product-detail .main-title,
.main-title {
    font-size: 20px;
    color: #555;
    line-height: 1.4;
    margin: 0px;
    margin-bottom: 15px;
}

.product-detail .title {
    font-size: 21px;
    color: #555;
    line-height: 1.4;
    margin: 0px;
    margin-bottom: 15px;
}

.product-detail .product-price {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 15px;
}

.product-detail .product-moq {
    font-size: 15px;
    color: #333;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 15px;
}

.product-detail .title-small {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 15px;
}

.product-detail .title-small span {
    font-size: 15px;
    margin-left: 10px;
}

.product-detail p {
    font-size: 14px;
    color: #555;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 15px;
}

.product-detail .categories-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}

.product-detail .categories-list li {
    font-size: 14px;
    margin: 0px 15px 15px 0px;
}

.product-image-wrapper {
    height: 400px;
    width: 100%;

    margin: auto;
}
.upload-images-wrapper .custom-button {
    min-width: 230px;
    font-size: 14px;
    margin-right: 5px;
}

.upload-images-wrapper h3 {
    margin: 15px 0px;
    font-size: 16px;
    font-weight: 500;
}
span.select2-search.select2-search--inline {
    display: block !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable , .select2-results__option--selectable{
    display: block !important;
}
.thumbnail-wrapperr {
    max-width: 350px;
    height: 250px;
    position: relative;
}
.thumbnail-wrapperr i {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    z-index: 5;
    font-size: 18px;
    background: white;
    padding: 5px 7.5px;
    border-radius: 50%;
    box-shadow: 0 0 2px wheat;
}
.thumbnail-wrapperr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid rgb(199, 195, 195);
    border-radius: 15px;
}
.thumbnail-wrapper {
    max-width: 350px;
    padding: 20px;
    height: 250px;
    margin: 1px auto;
}

.thumbnail-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 1px solid rgb(199, 195, 195);
    border-radius: 15px;
    padding: 8px;
}
.form-check-input[type="radio"] {
    scale: 1.3;
}
.delivery-address-box label {
    font-size: 15px;
}
.product-image-wrapper img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    margin: auto;
}
svg.w-5.h-5 {
    width: 12px !important;
}
.flex.justify-between.flex-1.sm\:hidden {
    display: none !important;
}
/* ==================Single product ui ends here ==============*/

/* ==================cart ui starts here ==============*/
.main-title-cart {
    font-size: 28px;
    color: #333;
    width: max-content;
    margin: 0px;
    margin-bottom: 25px;
}

.sub-title-cart {
    font-size: 24px;
    color: #333;
    width: max-content;
    margin: 0px;
    margin-bottom: 25px;
}

.product-detail-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product-detail-flex .flex-itm {
    margin-right: 10px !important;
    margin-bottom: 25px !important;
    flex: 1 1 18%;
}

.single-product-wrapper {
    margin-bottom: 30px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    display: flex;
    padding: 20px;
    border-radius: 8px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.single-product-wrapper:hover {
    transform: translateY(-3px);
}

.single-product-wrapper .fa-close {
    position: absolute;
    top: -11px;
    right: -11px;
    background-color: #F1EB67;
    color: #000000;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: flex;
    font-size: 15px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span {
    background-color: #F1EB67 !important;
    color:black;
}

.single-product-wrapper .product-imgae {
    height: 130px;
    width: 150px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-product-wrapper .product-imgae img {
    height: 90%;
    width: 90%;
    object-fit: contain;
}

.single-product-wrapper .product-info {
    padding-left: 30px;
    flex: 1 1 auto;
}

.single-product-wrapper .product-info .product-title {
    font-size: 14px;
    color: #333;
    padding-bottom: 6px;
    margin: 0px;
    margin-bottom: 10px;
    border-bottom: 0.5px dotted #eee;
}

.single-product-wrapper .product-info .product-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px;
    margin-bottom: 8px;
    border-bottom: 0.5px dotted #eee;
    padding-bottom: 8px;
}

.single-product-wrapper .product-info .product-detail .title {
    font-size: 13px;
    color: #333;
    margin: 0px;
    font-weight: 600;
}

.single-product-wrapper .product-info .product-detail .value {
    font-size: 13px;
    color: #555;
    margin: 0px;
    font-weight: 400;
}

.shipping-information .col-12 {
    margin-bottom: 30px;
}
.sticky-Wrapper {
    position: sticky;
    top: 110px;
}
.cart-wrapper {
    border-radius: 10px;
    border: 2px solid #eee;
    padding: 20px;
    max-width: 90%;
    margin: auto;
}

.cart-wrapper .main-title {
    font-size: 17px;
    color: #555;
    margin: 0px;
    margin-bottom: 15px;
}

.cart-wrapper .cart-info-wrapper {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.cart-wrapper .cart-info-wrapper .title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0px;
    margin-right: 15px;
}

.cart-button {
    display: flex;
    justify-content: center;
}

.cart-button button {
    width: 100%;
}

.cart-wrapper .cart-info-wrapper .value {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    margin: 0px;
    word-break: break-word;
}

/* ==================cart ui ends here ==============*/

/* ==================Invoice and orders  ui starts here ==============*/

.invoice-wrapper {
    padding: 25px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.invoice-wrapper .header-content h3 {
    font-size: 18px;
    margin: 0px;
    margin-bottom: 15px;
    color: #333;
}

.invoice-table th,
.invoice-table td {
    padding: 20px 10px 10px 0px;
}

.address-box .address-line {
    font-size: 14px;
    margin: 0px;
    margin-bottom: 15px;
    color: #555;
}

.address-box ul {
    margin-bottom: 15px;
    padding: 0px;
}

.address-box ul li {
    margin-right: 12px;
}

.invoice-wrapper .invoice-header .title {
    font-size: 22px;
    color: #555;
    margin: 0px;
    margin-bottom: 20px;
}

i.order-view {
    font-size: 17px;
    color: #777;
    cursor: pointer;
    margin-left: 15px;
}

/* ==================Invoice and ui ends here ==============*/

/* ==================banks ui start here ==============*/

.custom-row .col-12 {
    margin-bottom: 30px;
}

.transaction-details h3 {
    font-size: 17px;
    color: #666;

    margin: 0px;
    margin-bottom: 15px;
}

.bank-cart {
    border-radius: 10px;

    border: 2px solid #eee;
    padding: 20px;

    margin: 30px auto;
}

.bank-cart h3.title {
    font-size: 17px;
    color: #666;

    margin: 0px;
    margin-bottom: 15px;
}

.bank-cart .bank-info {
    font-size: 16px;
    color: #444;

    margin: 0px;
    margin-bottom: 15px;
}

.bank-cart .bank-info span {
    font-size: 14px;
    color: #555;
    font-weight: normal;
    margin: 0px;
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
    content: none !important;
}
header .navbar li.nav-item.dropdown .nav-link::before {
    content: "" !important;
}
.bg_green{
    color:white;
    background: #F1EB67;
    padding: 2px 8px;
    border-radius: 2px;
    text-decoration: underline;

}
.dashboard_wrapper{
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.dashboard_wrapper .addProduct{
    text-decoration: underline !important;
    cursor: pointer;
}
/* ==================bank ui ends here ==============*/

/* media queries */
@media (max-width: 992px) {
    .why-choose-us .card-hover {
        margin-bottom: 30px;
    }
    a.nav-link.custom-button-top {
        margin-bottom: 15px;
    }
    .cart-wrapper {
        max-width: 100%;
    }

    .log-in-section .col-12 {
        margin-bottom: 25px;
    }

    .product-wrapper .col-12,
    .table-infos .col-12 {
        margin-bottom: 35px;
    }
}

@media (max-width: 768px) {
    .banner-item {
        height: 350px;
    }
    .banner-item .banner-data {
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translateY(-50%);

        padding: 20px;
    }
    .banner-item .banner-data h1 {
        color: white;
        font-size: 22px;
        line-height: 1.35;
        margin-bottom: 15px;
    }
    .home-owl button.owl-next,
    .home-owl button.owl-prev {
        width: 20px;
        height: 20px;
    }
    .terms-of-use-container .title {
        font-size: 22px;
    }
    .terms-of-use-container .subtitle {
        font-size: 18px;
    }
    .terms-of-use-container p {
        font-size: 14px;
    }
    .terms-of-use-container ul li {
        font-size: 13px;
    }
    .header__buttons .custom-button {
        margin-bottom: 15px;
    }
    .card-custom {
        padding: 15px !important;
    }
    header .top-nav .navbar-top .web-logo img {
        width: 60px !important;
    }
    .why-choose-us .content-wrapper .title {
        font-size: 16px;
    }
    .brands-section .col-12 {
        margin-bottom: 35px;
    }
    .brands-section .col-12:nth-child(2) {
        margin-bottom: 0px;
    }
    .maintitle,
    .main__title {
        font-size: 24px;
    }
    .brands-info .title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .shop-section .img-wrapper img {
        max-width: 100%;
    }
    .brands-info,
    .why-choose-us .container,
    .our-clients .container {
        padding: 0px 10px;
    }
    .brands-info .subtitle {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .brands-info p {
        font-size: 14px;
    }
    .home-banner .banner-data {
        padding: 0px 15px;
    }
    .home-banner {
        min-height: 80vh;
    }

    .home-banner .banner-data h1,
    .heading-title,
    .our-clients .main-title,
    .contact-details .main-title {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 1.5;
    }

    .home-banner .banner-data p,
    .contact-details p {
        font-size: 14px;
    }

    .brands-data {
        margin-top: 45px;
    }

    .brands-data .col-12 {
        margin-bottom: 55px;
    }

    .brands-data .col-12:nth-child(2) {
        margin-bottom: 15px;
    }

    .why-us,
    .brands-buyers {
        margin-bottom: 65px;
    }

    .brands-data .box-white .title {
        position: absolute;
        background-color: #F1EB67;
        color: #fff;
        top: -25px;
        left: 0px;
        font-size: 16px;
        padding: 11px 40px;
        border-radius: 5px;
    }

    .contact-details {
        padding: 4px;
    }

    .brands-data .box-white .subtitle {
        font-size: 17px;
    }

    .brands-data .box-white button,
    .custom-button {
        font-size: 14px;
        padding: 6px 25px;
    }

    .contact-details .col-12 {
        margin-bottom: 20px;
    }

    .contact-details .icon-wrapper .icon {
        width: 50px;
        height: 50px;
    }

    .contact-form-wrapper .form-group {
        margin-bottom: 30px;
    }

    .shop-section .col-12 {
        margin-bottom: 25px;
    }

    .contact-details .icon-wrapper h3 {
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 1.3;
    }

    .contact-details .icon-wrapper p {
        line-height: 1.3;
    }
}

/* custom styling end */
.icbo {
    font-weight: 700;
}

.icbu {
    font-weight: 900;
}

.iconly-Activity:before {
    content: "\e900";
}

.iconly-Add-User:before {
    content: "\e901";
}

.iconly-Arrow-Down:before {
    content: "\e902";
}

.iconly-Arrow-Down-2:before {
    content: "\e903";
}

.iconly-Arrow-Down-3:before {
    content: "\e904";
}

.iconly-Arrow-Down-Circle:before {
    content: "\e905";
}

.iconly-Arrow-Down-Square:before {
    content: "\e906";
}

.iconly-Arrow-Left:before {
    content: "\e907";
}

.iconly-Arrow-Left-2:before {
    content: "\e908";
}

.iconly-Arrow-Left-3:before {
    content: "\e909";
}

.iconly-Arrow-Left-Circle:before {
    content: "\e90a";
}

.iconly-Arrow-Left-Square:before {
    content: "\e90b";
}

.iconly-Arrow-Right:before {
    content: "\e90c";
}

.iconly-Arrow-Right-2:before {
    content: "\e90d";
}

.iconly-Arrow-Right-3:before {
    content: "\e90e";
}

.iconly-Arrow-Right-Circle:before {
    content: "\e90f";
}

.iconly-Arrow-Right-Square:before {
    content: "\e910";
}

.iconly-Arrow-Up:before {
    content: "\e911";
}

.iconly-Arrow-Up-2:before {
    content: "\e912";
}

.iconly-Arrow-Up-3:before {
    content: "\e913";
}

.iconly-Arrow-Up-Circle:before {
    content: "\e914";
}

.iconly-Arrow-Up-Square:before {
    content: "\e915";
}

.iconly-Bag:before {
    content: "\e916";
}

.iconly-Bag-2:before {
    content: "\e917";
}

.iconly-Bookmark:before {
    content: "\e918";
}

.iconly-Buy:before {
    content: "\e919";
}

.iconly-Calendar:before {
    content: "\e91a";
}

.iconly-Call:before {
    content: "\e91b";
}

.iconly-Call-Missed:before {
    content: "\e91c";
}

.iconly-Call-Silent:before {
    content: "\e91d";
}

.iconly-Calling:before {
    content: "\e91e";
}

.iconly-Camera:before {
    content: "\e91f";
}

.iconly-Category:before {
    content: "\e920";
}

.iconly-Chart:before {
    content: "\e921";
}

.iconly-Chat:before {
    content: "\e922";
}

.iconly-Close-Square:before {
    content: "\e923";
}

.iconly-Danger:before {
    content: "\e924";
}

.iconly-Delete:before {
    content: "\e925";
}

.iconly-Discount:before {
    content: "\e926";
}

.iconly-Discovery:before {
    content: "\e927";
}

.iconly-Document:before {
    content: "\e928";
}

.iconly-Download:before {
    content: "\e929";
}

.iconly-Edit:before {
    content: "\e92a";
}

.iconly-Edit-Square:before {
    content: "\e92b";
}

.iconly-Filter:before {
    content: "\e92c";
}

.iconly-Filter-2:before {
    content: "\e92d";
}

.iconly-Folder:before {
    content: "\e92e";
}

.iconly-Game:before {
    content: "\e92f";
}

.iconly-Graph:before {
    content: "\e930";
}

.iconly-Heart:before {
    content: "\e931";
}

.iconly-Hide:before {
    content: "\e932";
}

.iconly-Home:before {
    content: "\e933";
}

.iconly-Image:before {
    content: "\e934";
}

.iconly-Image-2:before {
    content: "\e935";
}

.iconly-Info-Circle:before {
    content: "\e936";
}

.iconly-Info-Square:before {
    content: "\e937";
}

.iconly-Location:before {
    content: "\e938";
}

.iconly-Lock:before {
    content: "\e939";
}

.iconly-Login:before {
    content: "\e93a";
}

.iconly-Logout:before {
    content: "\e93b";
}

.iconly-Message:before {
    content: "\e93c";
}

.iconly-More-Circle:before {
    content: "\e93d";
}

.iconly-More-Square:before {
    content: "\e93e";
}

.iconly-Notification:before {
    content: "\e93f";
}

.iconly-Paper:before {
    content: "\e940";
}

.iconly-Paper-Download:before {
    content: "\e941";
}

.iconly-Paper-Fail:before {
    content: "\e942";
}

.iconly-Paper-Negative:before {
    content: "\e943";
}

.iconly-Paper-Plus:before {
    content: "\e944";
}

.iconly-Paper-Upload:before {
    content: "\e945";
}

.iconly-Password:before {
    content: "\e946";
}

.iconly-Play:before {
    content: "\e947";
}

.iconly-Plus:before {
    content: "\e948";
}

.iconly-Profile:before {
    content: "\e949";
}

.iconly-Scan:before {
    content: "\e94a";
}

.iconly-Search:before {
    content: "\e94b";
}

.iconly-Send:before {
    content: "\e94c";
}

.iconly-Setting:before {
    content: "\e94d";
}

.iconly-Shield-Done:before {
    content: "\e94e";
}

.iconly-Shield-Fail:before {
    content: "\e94f";
}

.iconly-Show:before {
    content: "\e950";
}

.iconly-Star:before {
    content: "\e951";
}

.iconly-Swap:before {
    content: "\e952";
}

.iconly-Tick-Square:before {
    content: "\e953";
}

.iconly-Ticket:before {
    content: "\e954";
}

.iconly-Ticket-Star:before {
    content: "\e955";
}

.iconly-Time-Circle:before {
    content: "\e956";
}

.iconly-Time-Square:before {
    content: "\e957";
}

.iconly-Unlock:before {
    content: "\e958";
}

.iconly-Upload:before {
    content: "\e959";
}

.iconly-User2:before {
    content: "\e95a";
}

.iconly-User3:before {
    content: "\e95b";
}

.iconly-Video:before {
    content: "\e95c";
}

.iconly-Voice:before {
    content: "\e95d";
}

.iconly-Voice-2:before {
    content: "\e95e";
}

.iconly-Volume-Down:before {
    content: "\e95f";
}

.iconly-Volume-Off:before {
    content: "\e960";
}

.iconly-Volume-Up:before {
    content: "\e961";
}

.iconly-Wallet:before {
    content: "\e962";
}

.iconly-Work:before {
    content: "\e963";
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child {
    display: block !important;
}
.modal {
    z-index:99999 !important;
}
.log-in-section {
    z-index: auto !important;
}