.hdr-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 150px;
    padding-right: 150px;
}
.hdr-top .logo img {
    width: 250px;
    height: auto;
}
.hdr-top .search {
    width: 50%;
    padding:0;
}
.srch-fld-ctnr {
    display: flex;
    align-items: center;
}
.srch-fld-ctnr .srch-npt {
    width: 63%;
}
.srch-fld-ctnr .srch-cat {
    width: 25%;
}
.srch-fld-ctnr .srch-btn {
    width: 10%;
}
.srch-fld-ctnr input,
.srch-fld-ctnr select {
    width: 100%;
    border: 1px solid #cccccc;
    background-color: transparent;
    color: var(--dimmed);
}
.srch-fld-ctnr input {
    border-radius: 5px 0 0 5px;
    padding: 15px;
}
.srch-fld-ctnr select {
    border-left: none;
    border-right: none;
    padding: 14px;
}
.srch-fld-ctnr button {
    width: 100%;
    background-color: var(--primary);
    border-radius: 0 5px 5px 0;
    text-align: center;
    border: none;
    padding:12px;
}
.srch-fld-ctnr button::after {
    content: '\f002';
    font-family: var(--fa);
    color: white;
    font-size: 1.5rem;
}
.login a img,
.cart a img {
    width: 30px;
    height: auto;
    vertical-align: middle;
}
.login span {
    font-family: var(--fa);
    color: var(--primary);
    font-size: 1.5rem;
}
.login, .cart{
    min-width: 70px;
    font-weight: bold;
    color: var(--dimmed);
}
.cart-items {
    display: inline-block;
    border-radius: 50%;
    background-color: var(--primary);
    color: white;
    font-weight: normal;
    width: 23px;
    height: 23px;
    text-align: center;
}
.mobile-menu {
    display: none;
}
.menu {
    color: var(--dimmed);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #1e1e1e;
    box-shadow:5px 5px 5px #9fabb5;
    padding: 0 240px;
}
.menu .cats {
    position: relative;
    background-color: var(--primary);
    color: white;
    padding:15px 30px;

}
.menu .cats .icon img {
    width: 30px;
    height: auto;
    vertical-align: middle;
}
.menu .sub-cats {
    position: absolute;
    left: 0;
    top: 60px;
    background-color: var(--primary);
    width: 100%;
    display: none;
}
.menu .cats:hover .sub-cats {
    display: block;
}
.menu .sub-cats a {
    display: block;
    padding: 10px 30px;
}
.menu .sub-cats a:hover {
    background-color: var(--secondary);
    color: white;
}
.mnu-items a {
    padding: 20px 35px;
}
.mnu-items a:hover,
.mnu-items a.active {
    background-color: var(--primary);
    color: white;
}
.banner {
    background-image: url("/img/home/slider-1.png");
    background-size: auto 100%;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-color: #d2e2ef;
    padding: 150px;
    margin-top: 5px;
}
.banner-msg {
    width: 40%;
}

.banner-msg h1 {
    font-size: 3rem;
    color: var(--primary);
    margin-bottom: 10px;
}
.banner-msg div,
.banner-msg p {
    font-size: 1.2rem;
}
.banner-msg p {
    margin-top: 30px;
}
.banner .shop-now {
    border: 2px solid var(--primary);
    border-radius: 25px;
    padding: 10px 30px;
}

.support-shipping-returns {
    display: flex;
    padding-left: 100px;
    padding-right: 100px;
    justify-content: space-between;
}
.support-ctnr, .shipping-ctnr, .return-ctnr {
    width: 33%;
    text-align: center;
    padding: 40px;
}
.shipping-ctnr {
    position: relative;
}
.shipping-ctnr::before,
.shipping-ctnr::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 120px;
    top: 80px;
    border: 1px solid var(--primary);
}
.shipping-ctnr::before {
    left: 5px;
}
.shipping-ctnr::after {
    right: 5px;
}

.cat-ctnr {
    background-image: url("/img/home/catbg.png");
    background-position: center top;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}
.cat-ctnr .overlay {
    background-color: rgba(19,51,110,0.8);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.cat-bx-ctnr {
    width: 85%;
    margin:auto;
    position: relative;
}
#cat_next_btn,
#cat_prev_btn {
    height: 35px;
    width: 35px;
    background-color: white;
    position: absolute;
    top: 40%;
    border-radius: 50%;
    padding: 7px;
    text-align: center;
    cursor: pointer;
}
#cat_next_btn {
    right:0;
}
#cat_prev_btn {
    left:0;
}
#cat_next_btn::after {
    content: '\f054';
    font-family: var(--fa);
}
#cat_prev_btn::after {
    content: '\f053';
    font-family: var(--fa);
}
.cat-img, .cat-link {
    text-align: center;
}
.cat-img img {
    max-height: 170px;
}
.cat-link {
    margin-top: 20px;
}
.cat-link a {
    background-color: var(--primary);
    border-radius: 30px;
    padding: 8px 30px;
    width: 90%;
    margin: auto;
    display: inline-block;
    color: white;
}
.cat-ctnr h2, .cat-ctnr p {
    z-index: 2;
    position: relative;
    width: 50%;
    text-align: center;
    color: white;
    margin:auto;
}
.cat-ctnr h2 {
    font-size: 2.4rem;
}
.cat-ctnr p {
    margin-bottom: 20px;
    margin-top: 20px;
}

.dog-food-ctnr h2::before {
    content: url("/img/home/p-left.svg");
    padding-right: 15px;
}
.dog-food-ctnr h2::after {
    content: url("/img/home/p-right.svg");
    padding-left: 15px;
}
.dog-food-ctnr h2,
.dog-food-ctnr p {
    text-align: center;
    color: #1b1b1b;
}
.dog-food-ctnr h2 {
    font-size: 2rem;
}
.dog-food-ctnr p {
    color: #585656;
}

.prod-ctnr {
    width: 80%;
    margin: 50px auto;
}
.prod-bx {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
}
.prod-bx .prod-discount {
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: var(--primary);
    color: white;
    border-radius: 50%;
    position: absolute;
    padding-top: 10px;
}
.prod-bx.p1, .prod-bx.p2,
.prod-bx.p3, .prod-bx.p4 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.prod-bx.p1 {
    background-image: url("/img/home/vector-1.png");
}
.prod-bx.p2 {
    background-image: url("/img/home/vector-2.png");
}
.prod-bx.p3 {
    background-image: url("/img/home/vector-3.png");
}
.prod-bx.p4 {
    background-image: url("/img/home/vector-4.png");
}
.prod-bx .prod-img {
    text-align: center;
    height: 200px;
}
.prod-bx .prod-img img {
    max-width: 90%;
    max-height: 90%;
}
.prod-ratings {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 30px;
}
.star-o::after, .star-g::after {
    font-family: var(--fa);
    content: '\f005';
    padding-right: 3px;
    padding-left: 3px;
}
.star-g::after {
    color: #b9b8b3;
}
.star-o::after {
    color: var(--primary);
}
.prod-name {
    text-align: center;
    color: var(--dimmed);
    padding:5px;
}
.prod-action {
    text-align: center;
}
.prod-action button {
    border-radius: 20px;
    padding: 8px 20px;
    border: 1px solid var(--primary);
    color: var(--primary);
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
}
.prod-action a {
    background-color: var(--primary);
    color: white;
    padding: 6px 30px;
    font-weight: normal;
    border-radius: 20px;
}
.prod-nav-ctnr {
    text-align: center;
    padding-top: 40px;
}
#df_next_btn, #df_prev_btn {
    width: 40px;
    height: 40px;
    background-color: var(--primary);
    color: white;
    display: inline-block;
    padding-top: 10px;
    border-radius: 50%;
    cursor: pointer;
}
#df_next_btn::after,
#df_prev_btn::after {
    font-family: var(--fa);
}
#df_next_btn::after {
    content: '\f054';
}
#df_prev_btn::after {
    content: '\f053';
}
.best-pet-food-ctnr {
    background-image: url("/img/home/offer-bg 1.png");
    background-size: auto 100%;
    padding: 150px;
    background-position: 60% center;
    background-repeat: no-repeat;
}
.bpf-msg-ctnr {
    width: 35%;
}
.bpf-msg-ctnr h2 {
    color: #164290;
    font-size: 3rem;
}
.bpf-msg-ctnr .shop-now {
    background-color: var(--primary);
    text-align: center;
    padding: 8px 20px;
    color: white;
    display: inline-block;
    margin-top: 30px;
}
.cat-food-container {
    padding: 50px 150px;
    background-image: url("/img/home/paw.png"),
    url("/img/home/paw.png"),
    url("/img/home/paw.png"),
    url("/img/home/paw.png");
    background-position: -50px 0,
    80% -50px, 50px 90%,
    103% 90%;
    background-repeat: no-repeat;
    border-top: 1px solid #cccccc;
}

.cfc-hdr, .cat-food-ctnr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cfc-hdr h2 {
    font-size: 2rem;
}
.cfc-hdr p {
    color: var(--dimmed);
}
.explore-more {
    padding: 10px 30px;
    border-radius: 20px;
    border: 1px solid #585656;
}
.cat-food-ctnr {
    flex-wrap: wrap;
    padding: 10px;
    border-radius: 12px;
}
.cfc-bx {
    width: 19%;
    background-color: white;
    margin: 10px 0;
    padding: 20px;
    position: relative;
    border: 1px solid #DCD6D6;
    box-shadow: 0 2px 25px #D4FDFA;
    border-radius: 9px;
}
.cfc-discount {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    padding-top: 8px;
    background-color: var(--primary);
    color: white;
    font-size: 0.9rem;
}
.cfc-img {
    text-align: center;
}
.cfc-img img {
    max-width: 95%;
    max-height: 95%;
}
.cfc-ratings,.cfc-name {
    text-align: center;
}
.cfc-name {
    color: var(--dimmed);
}

.cfc-price-action {
    text-align: center;
    position: relative;
    height: 40px;
}
.cfc-price,.cfc-action {
    position: absolute;
    width: 100%;
    left: 0;
    top: 5px;
}
.cfc-price-action .cfc-price {
    display: block;
}
.cfc-price-action .cfc-action {
    display: none;
}
.cfc-price-action:hover .cfc-price {
    display: none;
}
.cfc-price-action:hover .cfc-action {
    display: block;
}
.offer-price,.orig-price {
    display: inline-block;
    margin: 5px;
}
.offer-price {
    color: var(--primary);
}
.orig-price {
    color: var(--dimmed);
    text-decoration: line-through;
}
.cfc-action {
    font-size: 0.8rem;
}
.cfc-action button {
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: 20px;
    padding: 5px 12px;
    background-color: transparent;
}
.cfc-action a {
    background-color: var(--primary);
    border-radius: 20px;
    padding: 5px 12px;
    color: white;
}

.why-choose-us-container {
    background-color: #E7F0F7;
    display: flex;
    width: 100%;
}
.why-choose-us-container>div {
    width: 50%;
}
.wcu-reasons {
    padding: 30px 50px 30px 150px;
}
.wcu-reasons h2 {
    color: #164290;
}
.wcu-img img {
    width: 100%;
    height: auto;
}
.f-ctnr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 30px;
}
.f-ctnr>div {
    width: 48%;
}
.f-bx {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 0.9rem;
}

.f-bx>div:first-child {
    max-width: 150px;
    width: 150px;
    padding-top: 20px;
}

.f-bx>div:first-child img {
    max-width: 90%;
}

.special-items-ctnr {
    background-image: url("/img/home/special-bg.png");
    background-position: -10% -20%;
    background-repeat: no-repeat;
    padding: 50px 150px;
}
.special-items-ctnr h2 {
    text-align: center;
    font-size: 2.8rem;
}
.special-items-ctnr h2::after {
    content: url("/img/home/pt-right.svg");
    padding-left: 20px;
}
.special-items-ctnr h2::before {
    content: url("/img/home/pt-left.svg");
    padding-right: 20px;
}
.special-items-ctnr p {
    color: var(--dimmed);
    text-align: center;
}
.sic-prod-bx {
    padding: 10px;
    background-color: white;
    margin: 5px;
    border: 1px solid #D2D2D2;
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}
.si-discount {
    width: 40px;
    height: 40px;
    position: absolute;
    background-color: var(--primary);
    color: white;
    padding-top: 10px;
    text-align: center;
    border-radius: 50%;
}
.si-img {
    height: 280px;
    text-align: center;
}
.si-img img {
    max-width: 90%;
    max-height: 90%;
}
.si-ratings, .si-name, .si-action-price-ctnr {
    text-align: center;
}
.si-name {
    padding-top: 5px;
    color: var(--dimmed);
}
.si-action-price-ctnr {
    position: relative;
    height: 40px;
    padding-top: 5px;
}
.si-price-ctnr, .si-action-ctnr {
    position: absolute;
    width: 100%;
}
.si-action-ctnr {
    display: none;
}
.si-price-ctnr span {
    padding: 5px 10px;
}
.si-action-price-ctnr:hover .si-action-ctnr {
    display: block;
}
.si-action-price-ctnr:hover .si-price-ctnr {
    display: none;
}
.si-action-ctnr button {
    background-color: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: 20px;
    padding: 5px 20px;
    font-size: 1rem;
}
.si-action-ctnr a {
    background-color: var(--primary);
    border-radius: 20px;
    padding: 5px 20px;
    color: white;
}
.si-nav-ctnr {
    text-align: center;
    padding-top: 20px;
}
#si_prev_btn,#si_next_btn {
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 10px;
    font-family: var(--fa);
    color: var(--primary);
    border: 1px solid var(--primary);
    display: inline-block;
    cursor: pointer;
}
#si_next_btn::after {
    content: '\f054';
}
#si_prev_btn::after {
    content: '\f053';
}
.blogs-sec-ctnr> h3 {
    font-size: 2.5rem;
}
.blogs-sec-ctnr> h3,
.blogs-ctnr> p {
    text-align: center;
}
.blogs-sec-ctnr>p {
    line-height: 1.5rem;
}
.blogs-ctnr {
    display: flex;
    justify-content: space-between;
}
.blog-bx {
    width: 32%;
    background-color: white;
    box-shadow: 0 -1px 34px rgba(0, 0, 0, 0.15);
    border-radius: 32px;
}
.blog-bx .bb-img {
    text-align: center;
}
.blog-bx img {
    max-width: 100%;
}
.blog-title {
    padding: 0 20px;
}
.blog-cntnt {
    color: var(--dimmed);
    line-height: 1.5rem;
    padding: 0 20px;
}
.blg-read-more {
    text-align: center;
    margin: 20px auto;
}
.blg-read-more a {
    background-color: var(--primary);
    color: white;
    border-radius: 45px;
    padding: 5px 20px;
}

.pet-passion-ctnr {
    background-color: #164290;
    color: white;
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
}
.pet-passion-ctnr>div {
    width: 50%;
}
.pp-img {
    text-align: center;
}
.pp-img img {
    max-width: 80%;
}
.pp-txt {
    padding-right: 150px;
    line-height: 2rem;
}
.pp-txt h2 {
    font-size: 2.5rem;
    line-height: 1.5em;
}
.pp-txt .shop-now {
    background-color: var(--primary);
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 1.2rem;
}

.customer-reviews-ctnr {
    background-image: url("/img/home/cust-review-bg.png");
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 40px;
}
.customer-reviews-ctnr h2 {
    margin-top: 0;
    font-family: var(--pacifico);
    color: var(--primary);
    font-size: 2em;
}
.customer-reviews-ctnr h3 {
    font-size: 3rem;
}
.cust-review-bx {
    padding: 10px 120px;
    line-height: 2rem;
}
.customer-reviews-ctnr .glider-dot {
    border: 1px solid var(--primary);
    width: 30px;
    height: 30px;
    background-color: transparent;
}
.customer-reviews-ctnr .glider-dot.active,
.customer-reviews-ctnr .glider-dot:hover {
    background-color: var(--primary);
}

footer {
    background-color: #f4f3f3;
}
.ftr {
    padding: 50px 100px;
    display: flex;
    justify-content: space-between;
}
.ftr-about {
    width: 34%;
    padding-right: 55px;
    line-height: 26px;
}
.ftr-products, .ftr-quick-links, .ftr-get-in-touch {
    width: 22%;
}
.ftr-products a,
.ftr-quick-links a {
    display: block;
    line-height: 26px;
}
.ftr h3 {
    font-size: 33px;
    line-height: 33px;
    margin-bottom: 10px;
}
.ftr-get-in-touch .bld {
    font-weight: bold;
    margin-top: 20px;
}
.copyright {
    background-color: #164290;
    text-align: center;
    padding: 20px;
    color: white;
    font-size: 1.2rem;
}

.cat-banner {
    background-image: url("/img/categories/banner.png");
    background-size: 100% auto;
    padding:100px;
    color: white;
}
.cat-banner h1 {
    font-size: 2.5rem;
}
.cat-cats-ctnr {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 50px 150px;
}
.cat-cat-bx {
    background: #FFFAFA;
    border: 1px solid #BEBEBE;
    box-shadow: 0 4px 44px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 20px;
    width: 18%;
    margin: 10px;
    position: relative;
}
.cat-cat-img img {
    width: 100%;
}

.cat-cat-nm {
    text-align: center;
}
.cat-cat-nm span {
    background-color: #164290;
    border-radius: 27px;
    color: white;
    width: 154px;
    text-align: center;
    padding: 8px;
    display: inline-block;
}
.cat-cat-lnk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 50%;
    text-align: center;
    background-color: rgba(255,255,255,0.6);
    display: none;
}
.cat-cat-lnk a {
    background-color: var(--primary);
    padding: 8px 20px;
    color: white;
    border-radius: 30px;
}
.cat-cat-bx:hover .cat-cat-lnk {
    display: block;
}

.products-bdy-ctnr {
    padding: 0 125px;
    display: flex;
    justify-content: space-between;
}
.p-left-pan {
    border:1px solid #dddddd;
    width: 230px;
}
.p-left-pan .ttl {
    padding: 10px;
    background-color: var(--primary);
    color: white;
}
.p-content-ctnr {
    border: 1px solid #cccccc;
    width: calc(100% - 230px);
    padding-left: 20px;
}
.cat-sup {
    position: relative;
    padding: 5px 10px;
    border-bottom: 1px solid #dddddd;
}
.cat-sup span {
    display: block;
    cursor: pointer;
}
.cat-sup::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 5px;
}
.cat-sup.active::after {
    content: '-';
    position: absolute;
    right: 0;
    top: 5px;
}
.cat-sub {
    display: none;
    color: var(--dimmed);
    padding-left: 20px;
}
.cat-sup>div {
    padding: 5px 0;
}
.cat-sub>div::before {
    content: '\f111';
    font-family: var(--fa);
    font-size: 0.3rem;
    padding-right: 5px;
    color: var(--primary);
    vertical-align: middle;
}
.cat-sub.active {
    display: block;
}
.p-featured-rw {
    border: 1px solid #dddddd;
    padding: 5px 10px;
    text-align: right;
}
.p-featured-rw span {
    background-color: #164290;
    color: white;
    padding: 8px 20px;
    display: inline-block;
    width: 200px;
    text-align: left;
}
.p-prod-ctnr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.p-prod-bx {
    position: relative;
    width: 19%;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
}

.p-prod-img {
    text-align: center;
    height: 200px;
    padding: 20px;
}
.p-prod-img img {
    max-width: 100%;
    max-height: 100%;
}
.p-prod-discount {
    height: 40px;
    width: 40px;
    background-color: var(--primary);
    color: white;
    text-align: center;
    padding-top: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
}
.p-prod-img.p1 {
    background-color: #BBD7EB;
}
.p-prod-img.p2 {
    background-color: #F7C5D9;
}
.p-prod-img.p3 {
    background-color: #D0E5C6
}
.p-prod-img.p4 {
    background-color: #FFF1A6;
}
.p-prod-name, .p-prod-ratings,
.p-prod-price-action {
    text-align: center;
}
.p-prod-name {
    color: var(--dimmed);
    margin-top: 5px;
    margin-bottom: 5px;
}
.p-prod-price-action {
    position: relative;
    height: 40px;
}
.p-prod-price-action:hover .p-prod-price {
    display: none;
}
.p-prod-price-action:hover .p-prod-action {
    display: block;
}
.p-prod-price, .p-prod-action {
    position: absolute;
    width: 100%;
}
.p-prod-action {
    display: none;
}
.p-prod-action button {
    background-color: transparent;
    border-radius: 20px;
    padding: 5px 20px;
    border: 1px solid var(--primary);
    cursor: pointer;;
}
.p-prod-action a {
    background-color: var(--primary);
    color: white;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 0.8rem;
}
.page-nav {
    text-align: center;
}
.p-prod-ad img {
    max-width: 100%;
}
.p-prev-btn,.p-next-btn {
    text-align: center;
    background-color: var(--primary);
    color: white;
}
.p-prod-nav-ctnr a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
}
.p-prod-nav-ctnr a.active {
    color: white;
    background-color: var(--primary);
}
.p-prev-btn::after, .p-next-btn::after {
    font-family: var(--fa);
    font-size: 1.5rem;
}
.p-prev-btn::after {
    content: '\f104';
}
.p-next-btn::after {
    content: '\f105';
}
.prod-banner {
    background-image: url("/img/categories/banner.png");
    background-size: 100% auto;
    padding: 80px 100px;
    color: white;
}
.prod-banner h1 {
    font-size: 2.5rem;
    margin-bottom: 0;
}

.pd-prod-img-ctnr {
    display: flex;
    padding: 30px 150px;
}
.pd-img-thumb {
    width: 10%;
    text-align: center;
}
.pd-thmb-ctnr {
    border: 1px solid black;
    padding: 10px;
    height: 100px;
    margin-bottom: 10px;
}
.pd-thmb-ctnr img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    cursor: pointer;
}
.pd-img {
    margin-left: 10px;
    width: 45%;
    text-align: center;
    background-color: #F7C5D9;
    padding: 20px;
}
.pd-img img {
    max-width: 98%;
    max-height: 400px;
    width: auto;
}
.pd-atc-info {
    padding: 0 20px;
}
.pd-atc-info h1 {
    font-size: 2.5rem;
}
.pd-atc-info p,.qty-ctnr {
    font-size: 1.2rem;
}
.pd-atc-info p span:first-child {
    width: 100px;
    display: inline-block;
}
.pd-atc-info .p-size {
    border: 1px solid black;
    border-radius: 20px;
    padding: 3px 20px;
}

.pd-qty-counter {
    display: inline-block;
    margin-left: 20px;
    border: 1px solid black;
    padding: 5px;
    border-radius: 20px;
}
.pd-qty-counter .dec,
.pd-qty-counter .inc {
    cursor: pointer;
    padding: 5px 10px;
    user-select: none;
}
#qty_val {
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    padding: 5px 10px;
}

.pd-add-to-cart-ctnr {
    padding-top: 20px;
}
.pd-add-to-cart-ctnr button {
    padding: 8px 30px;
    background-color: var(--primary);
    color: white;
    border: none;
    border-radius: 20px;
}

.pd-details-reviews-ctnr {
    padding: 20px 150px;
}
.pd-tabs-ctnr {
    display: flex;
    justify-content: flex-start;
}
.pd-tabs-ctnr>div {
    background-color: var(--primary);
    color: white;
    margin-right: 20px;
    border-radius: 12px 12px 0 0;
    padding: 15px;
    width: 250px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}
.pd-tabs-ctnr>div.active {
    background-color: #164290;
}
#pd_description,#pd_shipping_details,
#pd_reviews {
    display: none;
    color: var(--dimmed);
}
#pd_description h2,
#pd_shipping_details h2,
#pd_reviews h2 {
    color: black;
    font-size: 1.2rem;
}
.pd-dsr-ctnr {
    border: 1px solid #cccccc;
    padding: 10px 20px;
}
#pd_description.active,
#pd_shipping_details.active,
#pd_reviews.active {
    display: block;
}
.pd-rvv-ttl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pd-rvv-ttl h3 {
    font-size: 1.8rem;
    color: black;
}
.pd-rvv-ttl div {
    border-radius: 30px;
    padding: 8px 20px;
    background-color: var(--primary);
    color: white;
}
.pd-stars {
    cursor: pointer;
}
.pd-rating-frm textarea {
    width: 100%;
    max-width: 100%;
}
.pd-rating-frm {
    padding-bottom: 50px;
}
.pd-rating-frm button {
    color: white;
    background-color: var(--primary);
    padding: 10px 20px;
    border-radius: 20px;
    border: none;
}
.pd-rvv-ctnr {
    font-size: 0.9rem;
    border-top: 1px solid #cccccc;
    padding-top: 10px;
    padding-bottom: 10px;
}
.pd-rvvr-nm {
    color: black;
}
.pd-recommended-products-ctnr {
    padding: 20px 100px;
}
.pd-recommended-products-ctnr h2,
.pd-recommended-products-ctnr p {
    text-align: center;
}
.pd-recommended-products-ctnr h2 {
    font-size: 2rem;
}
.pd-recommended-products-ctnr p {
    color: var(--dimmed);
}
.pd-rec-prod-bx {
    border: 1px solid #cccccc;
    padding: 10px;
}
.pd-prod-discount {
    top: 15px;
    right: 15px;
    padding-top: 10px;
}
.pd-nav-btn-ctnr {
    text-align: center;
    padding-top: 20px;
}
#pd_next_btn, #pd_prev_btn {
    width: 40px;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    color: white;
    background-color: var(--primary);
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
}
#pd_next_btn::after {
    content: '\f054';
    font-family: var(--fa);
}
#pd_prev_btn::after {
    content: '\f053';
    font-family: var(--fa);
}

.cart-ctnr {
    padding: 20px 100px;
}
.cart-no-item {
    text-align: center;
}
.cart-no-item img {
    max-width: 200px;
}
.cart-no-item a {
    background-color: var(--primary);
    color: white;
    padding: 8px 30px;
    border-radius: 20px;
}
form.inline {
    display: inline-block;
}
.c-cart-item-ctnr {
    display: flex;
    justify-content: flex-start;
}
.c-cart-item-ctnr .c-cart-items {
    width: 68%;
}
.c-cart-item-ctnr .c-cart-action {
    width: 32%;
}
.c-item-bx {
    display: flex;
    justify-content: flex-start;
    border: 1px solid #cccccc;
    margin-bottom: 30px;
}
.ci-img {
    width: 28%;
    background-color: #f6f6f6;
    text-align: center;
    padding: 20px;
    position: relative;
}
.frm-remove-item {
    position: absolute;
    left: -10px;
    top: -10px;
}
.frm-remove-item button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    background-color: var(--primary);
    color: white;
    border: none;
    cursor: pointer;
}
.frm-remove-item button::after {
    content: '\f00d';
    font-family: var(--fa);
    font-size: 1.5rem;
}
.ci-img img {
    max-width: 80%;
    max-height: 80%;
}
.ci-desc {
    width: 40%;
    padding: 20px 40px;
}
.cip-name {
    font-size: 1.5rem;
}
.cip-size,.cip-price, .cip-qty, .cip-total {
    color: var(--dimmed);
}
.cip-size span,.cip-price span,
.cip-qty span, .cip-total span {
    width: 100px;
    display: inline-block;
}
.cip-size {
    margin-top: 20px;
}
.cip-price {
    margin-top: 30px;
}
.cip-price,.cip-total {
    color: black;
}
.c-cart-action {
    padding-left: 50px;
    font-size: 1.2rem;
    line-height: 2rem;
}
.c-cart-action span {
    width: 100px;
    display: inline-block;
}
.c-cart-action .subtotal {
    color: var(--primary);
}
.c-cart-action .total {
    font-size: 1.5rem;
}
.c-cart-action a {
    padding: 8px 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: white;
    margin: 10px;
    border-radius: 50px;
    font-size: 1rem;
}
.c-cart-action .continue-shopping {
    background-color: var(--primary);
}
.c-cart-action .checkout {
    background-color: var(--secondary);
}
.pg-ctnr {
    padding: 50px 100px;
}
.pd-rec-prod-bx {
    position: relative;
}
.login-ctnr {
    background-image: url("/img/login.png");
    background-size: cover;
    display: flex;
}
.login-msg-ctnr,.login-form {
    width: 50%;
}
.login-msg-ctnr {
    padding: 100px;
    color: white;
}
.login-msg-ctnr p {
    line-height: 2rem;
}
.login-form {
    padding: 50px;
}
.login-frm-bx {
    background-color: rgba(255,255,255,0.46);
    border-radius: 35px;
    padding: 50px;
}
.login-sign-up-tab {
    margin:auto;
    border-radius: 40px;
    border: 1px solid #ffffff;
    width: 50%;
}
.login-sign-up-tab span {
    width: 49%;
    border-radius: 40px;
    margin:auto;
    padding: 10px;
    color: white;
    text-align: center;
    display: inline-block;
}
.login-sign-up-tab span.active {
    background-color: var(--secondary);
}
.login-form input {
    width: 100%;
    padding: 15px;
    border-radius: 40px;
    border:none;
    display: block;
    margin: 20px;
}
.login-frm-bx .names-ctnr {
    display: flex;
    justify-content: space-between;
}
.login-frm-bx .names-ctnr>div {
    width: 49%;
}
.login-frm-bx .sbmt-ctnr {
    text-align: center;
}
.login-frm-bx .sbmt-ctnr button {
    border-radius: 40px;
    background-color: var(--primary);
    border:none;
    padding: 10px 50px;
    color: white;
    font-size: 1.2rem;
}

/* Dashboard */
.db-ctnr {
    background-image: url("/img/dashboard/db-bg.png");
    background-size: 100% auto;
    background-position: top left;
    padding: 30px 100px;
    display: flex;
    justify-content: flex-start;
}
.db-left-pan {
    width: 22%;
    background-color: var(--secondary);
    color: white;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 20px 30px;
}

.db-right-pan {
    width: 78%;
    background-color: white;
    border-radius: 0 10px 10px 0;
    padding: 20px 40px;
}
.db-user-icon, .db-orders, .db-reviews, .db-profile {
    display: flex;
    align-items: center;
}
.db-user-icon>div{
    margin: 5px;
}
.db-user-icon>div:first-child img {
    max-width: 100%;
}
.db-reviews>div:first-child, .db-profile>div:first-child,
.db-orders>div:first-child {
    width: 40px;
    margin-top: 20px;
}
.db-reviews>div:last-child, .db-profile>div:last-child,
.db-orders>div:last-child {
    padding-top: 20px;
}

.db-order-ctnr {
    background-color: #f8f1f1;
    padding: 5px 20px;
}
.db-order-ctnr table {
    border-collapse: collapse;
    width: 100%;
}
.db-order-ctnr tr.white,
.db-order-ctnr .so-items {
    background-color: white;
}
.db-order-ctnr td,
.db-order-ctnr th {
    border-collapse: collapse;
    width: 15%;
    text-align: left;
    padding: 5px 10px;
}
.db-order-ctnr td:nth-child(3){
    width: 25%;
}
.db-order-ctnr td img {
    max-width: 50px;
}
.main-order {
    background-color: var(--primary);
    color: white;
}
.main-order-data td {
    padding: 10px;
}
.sub-order {
    background-color: var(--secondary);
    color: white;
}
.db-order-ctnr span.details {
    background-color:#28a745;
    padding: 3px 10px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    text-align: center;
}
.db-order-ctnr span.status {
    background-color: black;
    color: white;
    padding: 3px 10px;
    border-radius: 5px;
}

.db-review-ctnr {
    background-color: #f8f1f1;
}
.db-rvv-header {
    background-color: var(--primary);
    padding: 5px 20px;
    color: white;
}
.db-rvv-header h1 {
    margin-bottom: 5px;
}
.db-rvv-header p {
    margin-top: 0;
}
.db-rvv-ctnr {
    padding: 10px;
}
.db-rvv-bx {
    display: flex;
    background-color: white;
    padding: 10px;
    margin-top: 10px;
}
.db-rvv-img {
    width: 15%;
}
.db-rvv-img img {
    max-width: 90%;
}
.db-rvv-comment {
    width: 60%;
}
.db-rvv-stars {
    width: 25%;
    text-align: center;
    padding-top: 20px;
}
.db-profile-hdr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.db-profile-frm-ctnr {
    display: flex;
    justify-content: space-between;
}
.ssab_rw {
    display: flex;
}
.ssab_rw>div {
    width: 50%;
}
.db-profile-frm-ctnr>div {
    width: 49%;
}
.db-profile-frm-ctnr div {
    margin-top: 10px;
}
.db-profile-frm-ctnr input,
.db-profile-frm-ctnr textarea {
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #cccccc;
}
.db-change-pass a,
.db-profile-frm-ctnr button {
    background-color: var(--secondary);
    padding: 5px 20px;
    color: white;
    border-radius: 20px;
}
.adb-left-pan {
    width: 22%;
    background-color: #f5f1f1;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding:0;
}
.adb-user-icon {
    padding: 20px 30px;
    background-color: var(--secondary);
    border-radius: 10px 0 0 0;
    color: white;
}
.adb-orders, .adb-categories, .adb-profile {
    padding: 8px 30px;
}
.adb-orders.active, .adb-orders:hover,
.adb-categories.active, .adb-categories:hover,
.adb-profile.active, .adb-profile:hover {
    background-color: white;
}

.db-hdr-ctnr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.db-hdr-ctnr a {
    background-color: var(--primary);
    color: white;
    padding: 5px 10px;
}
.db-cat-tbl {
    width: 100%;
    border-collapse: collapse;
}
.db-cat-tbl td,
.db-cat-tbl th {
    border-collapse: collapse;
    padding: 5px 10px;
}
.db-cat-ttl {
    background-color: var(--secondary);
    color: white;
    text-align: left;
}
.db-cat-tbl th:last-child,
.db-cat-tbl td:last-child {
    text-align: center;
}
.db-cat-tbl img {
    width: 40px;
    max-width: 40px;
    max-height: 40px;
}
.db-cat-data {
    background-color: #ececec;
    border-top: 10px solid white;
    border-bottom: 10px solid white;
}

.db-cat-action a,
.db-cat-action button {
    border-radius: 20px;
    border: 1px solid #cccccc;
    padding: 5px 30px;
    cursor: pointer;

}
.db-cat-action a {
    font-size: 0.8rem;
}

#add_category_dlg,
#edit_category_dlg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: none;
}
.add-cat-bx {
    margin: 50px auto;
    background-color: #f8f7f7;
    width: 550px;
    height: 400px;
    padding: 50px;
    border-radius: 10px;
    position: relative;
}
.add-cat-bx.sc-bx {
    height: 300px;
}
.cat-close-dlg-btn {
    position: absolute;
    width: 45px;
    height: 45px;
    padding:5px;
    text-align: center;
    background-color: red;
    top: -20px;
    right: -10px;
    border-radius: 50%;
    cursor: pointer;
}
.cat-close-dlg-btn::after {
    content: '\f00d';
    font-family: var(--fa);
    font-size: 2rem;
    color: white;
}
.dlg-ct-img2 {
    margin: auto;
    width: 250px;
    text-align: center;
    background-color: #f3f0f0;
    padding-top: 30px;
    padding-bottom: 20px;
    border: 1px dashed #000000;
    border-radius: 10px;
}
.dlg-ct-img2 input {
    opacity: 0;
    height: 1px;
}
.dlg-ct-img2 img {
    max-width: 90%;
    max-height: 50px;
}
.dlg-ct-img2 a {
    background-color: var(--primary);
    color: white;
    padding: 8px 20px;
    border-radius: 20px;
    display: block;
    width: 60%;
    margin: 10px auto;
}
.add-cat-bx input[type=text],
.add-cat-bx select {
    padding: 20px;
    display: block;
    margin-top: 20px;
    background-color: #e2dfdf;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #cccccc;
}
.cat-btn-ctnr {
    text-align: center;
    padding-top: 20px;
}
.cat-btn-ctnr button {
    background-color: var(--secondary);
    color: white;
    padding: 10px 30px;
    border-radius: 5px;
    border: none;
}
.frm-curr-cat {
    display: inline-block;
}
.frm-curr-cat select {
    background-color: var(--secondary);
    padding: 5px 30px 5px 10px;
    color: white;
}
.db-sub-cat-action a {
    background-color: #1f1f1f;
    padding: 2px 5px 5px;
}
.db-sub-cat-action a,
.db-sub-cat-action button {
    color: white;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    border:none;
    cursor: pointer;
}
.db-sub-cat-action a::after {
    content: '\f040';
    font-family: var(--fa);
}
.db-sub-cat-action button {
    background-color: red;
    padding:5px;
}
.db-sub-cat-action button::after {
    content: '\f014';
    font-family: var(--fa);
}
.lp-menus {
    padding-bottom: 50px;
}
.db-prod-hdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.db-cat-subcat-ctnr form {
    display: inline-block;
}
.db-cat-subcat-ctnr select {
    padding: 5px 10px;
}
.db-prod-hdr a {
    background-color: var(--primary);
    padding: 5px 20px;
    color: white;
    border-radius: 5px;
}

.db-prod-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.db-prod-tbl .ttl {
    background-color: var(--secondary);
    color: white;
}
.db-prod-tbl td,
.db-prod-tbl th {
    padding: 5px 10px;
}
.db-prod-tbl .evn {
    background-color: #ededed;
}
.db-prod-tbl img {
    width: 30px;
    height: auto;
}
.db-prod-tbl th {
    text-align: left;
}
.db-prod-tbl th:nth-child(5),
.db-prod-tbl th:nth-child(6),
.db-prod-tbl td:nth-child(5),
.db-prod-tbl td:nth-child(6) {
    text-align: center;
}
.db-prod-availability button {
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.db-prod-action a,
.db-prod-action button {
    width: 30px;
    height: 30px;
    display: inline-block;
    color: white;
    vertical-align: middle;
    border-radius: 5px;
}
.db-prod-action a {
    background-color: #2c2c2c;
    padding-top: 3px;
}
.db-prod-action a::after {
    content: '\f040';
    font-family: var(--fa);
}
.db-prod-action button {
    background-color: red;
    cursor: pointer;
    border:none;
}
.db-prod-action form {
    display: inline-block;
}
.db-prod-action button::after {
    content: '\f014';
    font-family: var(--fa);
}

.db-add-prod-tbl {
    width: 100%;
    border-collapse: collapse;
}
.db-add-prod-tbl td {
    border-collapse: collapse;
    border: 1px solid #cccccc;
}
.db-add-prod-tbl td:first-child {
    width: 25%;
    padding: 5px 10px;
}
.db-add-prod-tbl input[type=text],
.db-add-prod-tbl input[type=number],
.db-add-prod-tbl input[type=file],
.db-add-prod-tbl select,
.db-add-prod-tbl textarea {
    padding: 5px 10px;
    border:none;
    width: 100%;
}
.db-add-prod-tbl select {
    background-color: transparent;
}
.btn {
    background-color: var(--secondary);
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
    border:none;
}

.eprod-img img {
    max-width: 80%;
}
.profile-ctnr .profile-hdr {
    text-align: right;
}
.profile-hdr a {
    padding: 5px 20px;
    border-radius: 5px;
    background-color: var(--secondary);
    color: white;
}

.profile-info-ctnr {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.profile-info-ctnr .profile-img {
    width: 20%;
    border-radius: 10px;
    border: 1px solid #cccccc;
}
.profile-img img {
    width: 90%;
}
.profile-info {
    background-color: #c6dafa;
    width: 78%;
    padding-left: 20px;
    border-radius: 5px;
}

.frm-add-admin {
    background-color: #c6dafa;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
}
.profile-frm-flds {
    display: flex;
    justify-content: space-between;
}
.profile-frm-flds>div {
    width: 20%;
}
.profile-frm-flds input {
    padding: 5px 10px;
    width: 100%;
}
.profile-frm-flds>div:last-child {
    text-align: center;
    width: 16%;
}
.profile-frm-flds button {
    background-color: var(--secondary);
    color: white;
    padding: 5px 20px;
    border: none;
    border-radius: 5px;
}
.admins-ctnr {
    margin-top: 10px;
}
.tbl-admins-ctnr {
    width: 100%;
    border-collapse: collapse;
}
.tbl-admins-ctnr form {
    display: inline;
}
.tbl-admins-ctnr .ttl {
    background-color: var(--secondary);
    color: white;
}
.tbl-admins-ctnr .dta {
    background-color: #c6dafa;
    border-top: 10px solid white;
    border-bottom: 10px solid white;
}

.tbl-admins-ctnr td,
.tbl-admins-ctnr th {
    padding: 5px 10px;
    border-collapse: collapse;
}

.adm-ctnr-action a,
.adm-ctnr-action button {
    border-radius: 20px;
    padding: 5px 20px;
}
.adm-ctnr-action a {
    background-color: var(--secondary);
    color: white;
    font-size: 0.9rem;
}
.adm-ctnr-action button {
    background-color: red;
    color: white;
    border: none;
}
.tbl-admins-ctnr td:last-child {
    text-align: center;
}
.tbl-admins-ctnr .ttl th:not(:last-child) {
    text-align: left;
}
#dlg_edit_profile, #dlg_reset_pass,
#dlg_change_pass {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    display: none;
}
.dlg-bx {
    background-color: white;
    margin: 50px auto;
    padding: 20px;
    border-radius: 10px;
}
.dlg-close-btn {
    position: relative;
}
.dlg-close-btn::after {
    content: '\f00d';
    position: absolute;
    font-family: var(--fa);
    top: -10px;
    right: 0;
    color: red;
    cursor: pointer;
}
.dlg-bx.edt-profile {
    width: 500px;
}
.ep-frm-ctnr {
    display: flex;
}
.ep-frm-ctnr .dlg-img {
    width: 20%;
    min-height: 100px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #cccccc;
    position: relative;
}
.dlg-img img {
    vertical-align: middle;
    max-width: 100%;
}
.dlg-img::after {
    content: '';
    width: 1px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.dlg-img input[type=file]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.ep-frm-ctnr form {
    width: 80%;
    padding: 10px 0 0 20px;
}
.ep-frm-ctnr input {
    width: 100%;
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    margin-bottom: 5px;
}

.dlg-bx.rst-pss,.dlg-bx.chng-pss {
    width: 400px;
}
.dlg-bx.rst-pss input,
.dlg-bx.chng-pss input {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.checkout-ctnr {
    display: flex;
    justify-content: space-between;
}
.checkout-ctnr>div {
    width: 50%;
}
.co-login-frm input {
    width: 50%;
    display: block;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.co-customer-details th,
.co-cart-info th {
    text-align: left;
}
.co-customer-details th,
.co-customer-details td {
    padding: 5px 10px;
}
.co-cart-info {
    margin: auto;
    background-color: #f4f3f3;
    padding: 20px;
    width: 60%;
    border-radius: 10px;
}
.co-cart-info table {
    width: 100%;
    border-collapse: collapse;
}
.co-cart-info td, .co-cart-info th {
    padding: 5px 10px;
    border-collapse: collapse;
    border-bottom: 1px solid #000000;
}
.co-cart-info th:nth-child(2),
.co-cart-info td:nth-child(2) {
    text-align: center;
}
.co-cart-info th:nth-child(3),
.co-cart-info th:nth-child(4),
.co-cart-info td:nth-child(3),
.co-cart-info td:nth-child(4) {
    text-align: right;
}
.co-cart-info .co-subtotal,
.co-cart-info .co-grandtotal {
    text-align: right!important;
}

.co-update-details-form th,
.co-update-details-form td input,
.co-update-details-form textarea {
    padding: 5px 10px;
}
.co-update-details-form input,
.co-update-details-form textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #cccccc;
}
.co-update-details-form th {
    text-align: left;
}

.db-tbl-orders {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9rem;
    margin-top: 20px;
}
.db-tbl-orders .ttl {
    background-color: var(--primary);
    color: white;
}
.db-tbl-orders .dta.even {
    background-color: #ececec;
}
.db-tbl-orders .dta.odd {
    background-color: #ffffff;
}
.db-tbl-orders .dta a {
    background-color: #000000;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}
.db-tbl-orders .dta select {
    background-color: #28a745;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
}
.db-tbl-orders .oi-dta img {
    max-width: 50px;
    max-height: 50px;
}
.db-tbl-orders .dta td {
    padding: 8px 0;
}
.db-tbl-orders .dta td:nth-child(2),
.db-tbl-orders .dta td:nth-child(3),
.db-tbl-orders .dta td:nth-child(4),
.db-tbl-orders .dta td:nth-child(6),
.db-tbl-orders .dta td:nth-child(7) {
    text-align: center;
}
.db-tbl-orders .dta td:nth-child(5){
    text-align: right;
}
.db-tbl-orders .oi-ttl {
    background-color: #518b84;
    color: white;
}
.db-tbl-orders .oi-ttl th,
.db-tbl-orders .ttl th {
    padding-top: 5px;
    padding-bottom: 5px;
}
.db-tbl-orders .oi-ttl th:nth-child(1),
.db-tbl-orders .oi-ttl th:nth-child(2),
.db-tbl-orders .oi-ttl th:nth-child(3) {
    text-align: left;
}
.db-tbl-orders .oi-ttl th:nth-child(5),
.db-tbl-orders .oi-ttl th:nth-child(6) {
    text-align: right;
    padding-right: 10px;
}
.db-tbl-orders .oi-dta td:nth-child(4){
    text-align: center;
}

.db-tbl-orders .oi-dta td:first-child ,
.db-tbl-orders .oi-ttl th:first-child {
    text-align: center;
}
.db-tbl-orders .oi-dta td:nth-child(5),
.db-tbl-orders .oi-dta td:nth-child(6){
    text-align: right;
    padding-right: 10px;
}
.db-search-bx input {
    padding: 5px 10px;
}

.dlg-ct-img {
    text-align: center;
    background-color: white;
    border-radius: 20px;
    position: relative;
    padding: 20px 0;
}
.dlg-ct-img input[type=file]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.dlg-ct-img img {
    width: 60px;
}
.dlg-ct-img a {
    display: block;
    width: 50%;
    margin:auto;
    margin-top: 20px;
    border-radius: 20px;
    padding: 5px 20px;
    background-color: var(--secondary);
    color: white;
}

/* Contact Us */
.contact-us-ctnr {
    display: flex;
}
.cu-form-ctr {
    width: 60%;
    padding: 20px;
    background-color: #ececec;
    border-radius: 10px;
}
.cu-form-ctr input,
.cu-form-ctr textarea {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
}
.cu-info-ctnr {
    width: 40%;
    padding: 20px 50px 20px 100px;
}
.cu-email, .cu-address, .cu-opening-hours {
    margin-bottom: 50px;
}
.cu-email .ttl, .cu-address .ttl, .cu-opening-hours .ttl {
    font-size: 1.2rem;
    font-weight: bold;
}
.cu-email span::after {
    content: '\f003';
}
.cu-address span::after {
    content: '\f041';
}
.cu-opening-hours span::after {
    content: '\f274';
}
.cu-email span::after,
.cu-address span::after,
.cu-opening-hours span::after {
    font-family: var(--fa);
    font-size: 1.5rem;
    padding-right: 10px;
}
.cu-map {
    margin-top: 50px;
}
.cu-ctnr {
    padding: 20px 150px;
}