body {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

.contact-top {
    padding: 20px 0;
    position: absolute;
    z-index: 99;
    width: 100%;
}
.contact-top-outer .dropdown button {
    background: none;
    color: black;
    border: none;
}
.mail-top i {
    color: #005938;
}
.number-top i {
    color: #005938;
}
.contact-top .dropdown {
    padding-right: 30px;
}
.contact-top .mail-top {
    padding-right: 30px;
    font-weight: 400;
    color: #666;
}
.contact-top-outer {
    display: flex;
    align-items: center;
    justify-content: end;
}
.contact-top-outer .number-top {
    font-weight: 400;
    color: #666;
}
.nav-search-form input {
    background: #f4f4f4;
    border: none;
    padding: 10px 10px;
    border-radius: 27px;
}
.nav-search-form button {
    border-radius: 27px;
}
.btn-register-top {
    background: #005938;
    color: white;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
}
.navbar-items-solver {
    margin-left: auto;
    margin-right: 0 !important;
}
.nav-solver .navbar {
    background: white !important;
    padding: 10px;
}
.nav-solver {
    position: absolute;
    z-index: 9;
    width: 100%;
    margin-top: 65px;
}

.nav-solver .navbar-brand {
    margin-right: 30px;
}
.slide-1-banner {
    background-image: url(../images/slide-1.jpg);
    padding: 200px 0;
    padding-bottom: 0;
}
.banner-caption h4 {
    font-weight: 200;
    color: #001231;
    font-size: 42px;
}

.banner-caption h2 {
    font-weight: 600;
    color: #001231;
    font-size: 70px;
}
.banner-caption span {
    color: #005938;
}
.banner-caption p {
    font-weight: 200;
}
.banner-shop-btn {
    background: #005938;
    color: white;
    border: none;
    padding: 10px 35px;
    border-radius: 25px;
}
.banner-align {
    align-items: center;
}
.model-image {
    margin-left: auto;
    display: flex;
}
.product-intro-btn {
    background: white;
    border-radius: 25px;
    border: none;
    padding: 5px 15px;
    font-size: 11px;
}
.product-intro-section {
    padding: 80px 0;
}
.intro-content-common {
    display: flex;
    align-items: center;
}

.product-intro-1 {
    background: #00b853;
    padding: 20px;
    color: white;
}

.product-intro-2 {
    background: #e63e42;
    padding: 20px;
    color: white;
}

.product-intro-3 {
    background: #fcca1d;
    padding: 20px;
    color: white;
}

.product-intro-4 {
    background: #71778e;
    padding: 20px;
    color: white;
}
.intro-height {
    height: 100%;
}
.navbar-items-solver {
    align-items: center;
}
.navbar-items-solver .nav-user-img {
    margin-left: 15px;
    margin-right: 15px;
}

.items-section .items-common {
    text-align: center;
    border-right: 1px solid #d9d9e9;
}
.items-section .items-common h6 {
    margin-top: 15px;
    font-size: 17px;
    margin-bottom: 0;
}
.items-section .items-common p {
    color: #555555;
    margin-bottom: 0;
    font-size: 14px;
}
.items-row {
    border: 1px solid #d9d9e9;
    padding: 20px;
}
.items-border-remv {
    border-right: none !important;
}
.new-pdt-section {
    padding: 80px 0 40px 0;
}
.new-pdt-heading-row h4 {
    font-size: 20px;
    margin-bottom: 0;
    margin-right: 20px;
}
.new-pdt-heading-row h5 {
    font-size: 20px;
    color: #00b853;
    text-align: end;
    margin-bottom: 20px;
}
.pdt-content-div p {
    color: #71778e;
    margin-bottom: 7px;
}
.pdt-content-div h6 {
    font-size: 20px;
    color: #ea0d42;
    margin-top: 7px;
}
.new-pdt-card-outer {
    border: 1px solid #d9d9e9;
    padding: 20px;
    border-radius: 15px;
}

.owl-prev {
    background: none;
    border: 1px solid #e2e4ec;
    border-radius: 100%;
    width: 27px;
    margin-right: 10px;
}

.owl-next {
    background: none;
    border: 1px solid #e2e4ec;
    border-radius: 100%;
    width: 27px;
}
/* .owl-carousel .owl-item img{width: auto !important;} */
.rating-star {
    width: auto !important;
}
.owl-nav-outer {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.used-owl-nav-outer {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.nav-solver .navbar-nav .nav-item .nav-link {
    padding-right: 20px;
}

.product-intro-3 h4 {
    color: #001231;
}
.used-pdt-section {
    padding: 40px 0;
}
.used-pdt-heading-row h4 {
    font-size: 20px;
    margin-right: 20px;
    margin-bottom: 0;
}
.used-pdt-heading-row h5 {
    font-size: 20px;
    color: #00b853;
    text-align: end;
    margin-bottom: 20px;
}
.pdt-content-div p {
    color: #71778e;
    margin-bottom: 7px;
}
.pdt-content-div h6 {
    font-size: 20px;
    color: #ea0d42;
    margin-top: 7px;
}
.used-pdt-card-outer {
    border: 1px solid #d9d9e9;
    padding: 20px;
    border-radius: 15px;
}

.used-pdt-card-outer .offer-btn {
    background: #005938;
    color: white;
    margin-bottom: 0;
    width: fit-content;
    padding: 2px 8px;
    border-radius: 5px;
}

.coffe-pdt-section {
    padding: 40px 0 80px 0;
}
.coffe-pdt-heading-row h4 {
    font-size: 20px;
    margin-bottom: 20px;
}
.coffe-pdt-heading-row h5 {
    font-size: 20px;
    color: #00b853;
    text-align: end;
    margin-bottom: 20px;
}
.pdt-content-div p {
    color: #71778e;
    margin-bottom: 7px;
}
.pdt-content-div h6 {
    font-size: 20px;
    color: #ea0d42;
    margin-top: 7px;
}
.coffe-pdt-card-outer {
    border: 1px solid #d9d9e9;
    padding: 20px;
    border-radius: 15px;
}

.coffe-pdt-card-outer .offer-btn {
    background: #005938;
    color: white;
    margin-bottom: 0;
    width: fit-content;
    padding: 2px 8px;
    border-radius: 5px;
}

/* .used-pdt-section #owlCarousel2 .owl-item{margin-right: 20px !important;} */

.app-solver-container {
    background: #eaf9f2;
    padding: 40px 60px;
}
.app-solver {
    padding: 40px 0p;
}
.app-solver-pdt {
    padding-bottom: 80px;
    background: #f7f8fd;
}
.app-sub-title {
    color: #005938;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 5px;
}
.app-title {
    font-size: 40px;
    color: #001231;
    font-weight: 600;
}
.app-para {
    color: #001231;
    font-weight: 200;
}
.app-row {
    align-items: center;
}
.mobile-img {
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.btn-playstore {
    background: #005938;
    border: none;
    padding: 15px 25px;
    border-radius: 7px;
    margin-right: 10px;
}

.btn-appstore {
    background: none;
    border: 1px solid #d9d9e9;
    padding: 15px 25px;
    border-radius: 7px;
}

.trending-pdt-section {
    padding: 80px 0;
}
.trending-pdt-section h3 {
    font-size: 30px;
    font-weight: 500;
    color: #001231;
    text-align: center;
}
.trending-pdt-section p {
    text-align: center;
    color: #4d5574;
    font-weight: 300;
}
.trend-content-div h4 {
    font-size: 16px;
    color: #001231;
    font-weight: 400;
}
.trend-content-div .price-amnt {
    text-align: left;
    color: #ea0d42;
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 0;
}
.trend-card-outer {
    display: flex;
    align-items: center;
    border: 1px solid #d9d9e9;
    border-radius: 10px;
}
.trend-img-div img {
    border-radius: 10px;
}

.footer-1 {
    background: #005938;
    padding: 70px 0;
}
.about-content h3 {
    font-size: 20px;
    color: white;
    font-weight: 600;
    margin-bottom: 20px;
}
.about-content p {
    color: #b0b0b0;
}
.social-media-outer img {
    margin-right: 20px;
}
.social-media-outer {
    margin-top: 20px;
}
.footer-2 {
    padding: 30px 0;
    background: #014d30;
}
.payment-method-div {
    text-align: center;
}
.copyright-div p {
    color: #b0afcc;
    margin-bottom: 0;
    text-align: center;
    margin-top: 15px;
}
.copyright-div p span {
    color: #00b853;
}
.coffe-pdt-section .pdt-img-div img {
    width: 100%;
}
.coffe-pdt-card-outer {
    height: 100%;
}

#exampleModal-register .modal-dialog {
    top: 10%;
}
#exampleModal-register .modal-dialog .modal-title {
    font-size: 40px !important;
    font-weight: 600;
    color: #0e4a67;
    text-align: center;
}
#exampleModal-register .modal-dialog .modal-header {
    border: none;
    padding: 0;
}
#exampleModal-register .modal-dialog .modal-body input {
    background: #f0f4f8;
    border: none;
    padding: 15px;
    border-radius: 50px;
}

#exampleModal-register .modal-dialog .modal-content {
    padding: 35px;
    border: none;
    border-radius: 20px;
}
#exampleModal-register .pop-login {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    background: #005938;
    border: none;
    width: 100%;
    justify-content: center;
    padding: 13px 0px;
    border-radius: 30px;
    margin-top: 25px;
}

#exampleModal-register .modal-dialog .modal-body p {
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
    color: #001231;
}

#exampleModal-register .modal-dialog .modal-body p span {
    color: #00b853;
}
#exampleModal-register .modal-dialog .modal-body {
    padding: 0;
}

#exampleModal-login .modal-dialog {
    top: 10%;
}
#exampleModal-login .modal-dialog .modal-title {
    font-size: 40px !important;
    font-weight: 600;
    color: #0e4a67;
    text-align: center;
}
#exampleModal-login .modal-dialog .modal-header {
    border: none;
    padding: 0;
}
#exampleModal-login .modal-dialog .modal-body input {
    background: #f0f4f8;
    border: none;
    padding: 15px;
    border-radius: 50px;
}

#exampleModal-login .modal-dialog .modal-content {
    padding: 35px;
    border: none;
    border-radius: 20px;
}
#exampleModal-login .pop-login {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    background: #005938;
    border: none;
    width: 100%;
    justify-content: center;
    padding: 13px 0px;
    border-radius: 30px;
    margin-top: 25px;
}

#exampleModal-login .modal-dialog .modal-body p {
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
    color: #001231;
}

#exampleModal-login .modal-dialog .modal-body p span {
    color: #00b853;
}
#exampleModal-login .modal-dialog .modal-body {
    padding: 0;
}

.pdt-detail-section {
    padding: 200px 0 80px 0;
    background: #f7f8fd;
}

.pdt-para-common p {
    color: #7d7d7d;
    padding-right: 10px;
    border-right: 1px solid #7d7d7d;
    margin-right: 15px;
    margin-bottom: 0;
}

.pdt-para-common {
    display: flex;
}
.detail-rating-div {
    color: #7d7d7d;
    padding-right: 10px;
    border-right: 1px solid #7d7d7d;
    margin-right: 15px;
}

.pdt-para-common p:last-child {
    border: none;
}
.pdt-detail-section h4 {
    font-size: 35px;
}
.offer-btn {
    background: #005938;
    color: white;
    margin-bottom: 0;
    width: fit-content;
    padding: 2px 8px;
    border-radius: 5px;
    margin-top: 15px;
}

.detail-container {
    background: white;
    padding: 40px;
    border-radius: 12px;
}
.detail-pdt-price .old-rate {
    color: #b0b0b0;
    margin-right: 20px;
    text-decoration: line-through;
    font-size: 20px;
    margin-bottom: 0;
}
.detail-pdt-price .new-rate {
    color: #ea0d42;
    font-size: 30px;
    margin-bottom: 0;
}
.detail-pdt-price {
    display: flex;
    align-items: center;
}
.pdt-detail-description {
    color: #7d7d7d;
    line-height: 30px;
    margin-top: 25px;
}

/* increse */
.quantity {
    display: flex;
    align-items: center;

    padding: 0;
}
.quantity__minus,
.quantity__plus {
    display: block;
    width: 22px;
    height: 23px;
    margin: 0;
    background: #dee0ee;
    text-decoration: none;
    text-align: center;
    line-height: 23px;
}
.quantity__minus:hover,
.quantity__plus:hover {
    background: #575b71;
    color: #fff;
}
.quantity__minus {
    border-radius: 3px 0 0 3px;
}
.quantity__plus {
    border-radius: 0 3px 3px 0;
}
.quantity__input {
    width: 32px;
    height: 19px;
    margin: 0;
    padding: 0;
    text-align: center;
    border-top: 2px solid #dee0ee;
    border-bottom: 2px solid #dee0ee;
    border-left: 1px solid #dee0ee;
    border-right: 2px solid #dee0ee;
    background: #fff;
    color: #8184a1;
}
.quantity__minus:link,
.quantity__plus:link {
    color: #8184a1;
}
.quantity__minus:visited,
.quantity__plus:visited {
    color: #fff;
}

.increse-btn-outer .quantity__minus {
    background: none;
    color: black;
    border: 1px solid #e2e4ec;
    border-radius: 5px;
    width: 30px;
    height: 28px;
}
.increse-btn-outer .quantity__input {
    background: none;
    border: none;
}

.increse-btn-outer .quantity__plus {
    background: none;
    color: black;
    border: 1px solid #e2e4ec;
    border-radius: 5px;
    width: 30px;
    height: 28px;
}

.add-cart-btn {
    background: #005938;
    color: white;
    border: none;
    padding: 10px 35px;
    border-radius: 25px;
}

.add-wish-btn {
    color: black;
    border: 1px solid #d9d9e9;
    padding: 10px 35px;
    border-radius: 25px;
    background: none;
}
.pdt-list i {
    color: #005938;
    margin-right: 5px;
}
.pdt-list {
    display: flex;
    align-items: center;
}
.pdt-list p {
    margin-bottom: 0;
}
.pdt-det-row {
    align-items: center;
}

.app-solver {
    padding: 40px 0 80px 0;
}
.cart-section h4 {
    font-size: 35px;
    margin-bottom: 35px;
}
.cart-section {
    padding: 200px 0 80px 0;
    background: #f7f8fd;
}

.pdt-main-title {
    font-size: 35px;
    margin-bottom: 35px;
}
.pdt-section {
    padding: 200px 0 80px 0;
    background: #f7f8fd;
}

.cart-table-pdt {
    display: flex !important;
    align-items: center;
}

.cart-table-pdt p {
    font-weight: 400;
    margin-bottom: 0;
    width: 50%;
}
.price-td {
    color: #ea0d42;
}
.cart-table-title {
    width: 50%;
}
.cart-outer {
    background: white;
    padding: 40px;
    border-radius: 12px;
}

.subtotal-div {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d9d9e9;
    padding: 15px 0 20px 0;
}
.subtotal-div p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}
.cart-total-outer h5 {
    font-size: 23px;
    font-weight: 500;
    border-bottom: 1px solid #d9d9e9;
    padding-bottom: 10px;
}

.coupon-div {
    padding: 20px 0;
    border-bottom: 1px solid #d9d9e9;
}
.coupon-div input {
    padding: 15px;
    border-radius: 15px;
}

.coupon-div #dropdownMenuButton {
    width: 100%;
    background: none;
    color: #6c757d;
    text-align: left;
    padding: 15px;
    border-radius: 15px;
}

.total-div {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}
.total-div .total-price {
    color: #ea0d42;
}
.total-div p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}
.proceed-btn {
    width: 100%;
    background: #005938;
    padding: 10px;
    color: white;
    border: none;
    border-radius: 30px;
}

.cart-total-outer {
    border: 1px solid #d9d9e9;
    padding: 20px;
    border-radius: 12px;
}

.table-overflow {
    overflow-x: scroll;
    margin-bottom: 15px;
}
.checkout-section h4 {
    font-size: 35px;
    margin-bottom: 35px;
}
.checkout-section {
    padding: 200px 0 80px 0;
    background: #f7f8fd;
}

.checkout-section .form-group input {
    background: #f5f5f5;
    border-radius: 7px;
    border: none;
    margin-top: 5px;
}
.checkout-outer {
    background: white;
    padding: 40px;
    border-radius: 12px;
}
.checkout-checkbox-div input {
    width: 20px;
    height: 20px;
}
.checkout-checkbox-div p {
    margin-bottom: 0;
    margin-left: 10px !important;
}
.order-item-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-sub-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #d9d9e9;
}
.order-sub-div p {
    margin-bottom: 0;
}
.place-order-btn {
    background: #005938;
    padding: 10px 35px;
    color: white;
    border: none;
    border-radius: 30px;
    margin-top: 20px;
}

.order-bank-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}
.place-order-col {
    padding: 25px;
}

.form-section {
    padding: 200px 0 80px 0;
    background: #f7f8fd;
}
.rqst-form-outer input {
    border: 1px solid #d9d9e9;
    border-radius: 12px;
    padding: 13px 18px;
}

.property-drpdown button {
    width: 100%;
    text-align: left;
    border: 1px solid #d9d9e9;
    border-radius: 12px;
    padding: 13px 18px;
    background: none;
    color: #6c757d;
}

.rqst-form-outer textarea {
    width: 100%;
    border: 1px solid #d9d9e9;
    border-radius: 12px;
    padding: 13px 18px;
}

.rqst-form-outer {
    background: white;
    border-radius: 12px;
    padding: 85px 40px;
}

.request-service-btn {
    background: #005938;
    padding: 10px 35px;
    color: white;
    border: none;
    border-radius: 30px;
    margin-top: 20px;
}

.pdt-tranding {
    padding-bottom: 80px;
    background: #f7f8fd;
}
.container-pdt {
    background: white;
    padding: 40px;
    border-radius: 12px;
}

.pdt-tranding h3 {
    font-size: 30px;
    font-weight: 500;
    color: #001231;
    text-align: center;
}

.pdt-tranding p {
    text-align: center;
    color: #4d5574;
    font-weight: 300;
}

.profile-inner {
    padding: 200px 0 80px 0;
    background: #f7f8fd;
}

.edit-profile-card {
    text-align: center;
    background: white;
    border-radius: 12px;
    padding: 20px;
}

.edit-profile-card p {
    color: #7d7d7d;
}
.edit-profile-card h4 {
    margin-top: 15px;
}
.menu-list ul {
    padding-left: 0;
    list-style: none;
    line-height: 50px;
}
.log-list {
    color: #ea0d42;
}
.menu-list {
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}
.profile-welcome {
    font-size: 30px;
    font-weight: 500;
}
.profile-name-top {
    color: #7d7d7d;
    margin-bottom: 0;
}
.profile-order-card h4 {
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 0;
}
.profile-order-card p {
    color: #7d7d7d;
    margin-bottom: 0;
}
.profile-order-card {
    text-align: center;
    background: white;
    padding: 25px;
    border-radius: 12px;
}
.personal-info-card h4 {
    font-size: 30px;
    font-weight: 500;
}
.personal-info-display {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.personal-info-display button {
    background: #005938;
    color: white;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
}

.personal-det-para span {
    color: #7d7d7d;
    margin-left: 20px;
}
.personal-det-para {
    margin-bottom: 20px;
}
.personal-info-card {
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}

.error-section {
    padding: 200px 0 80px 0;
    background: #f7f8fd;
    text-align: center;
}
.error-content h4 {
    font-size: 30px;
    font-weight: 500;
}

.error-content {
    margin-top: 35px;
}
.error-content p {
    color: #7d7d7d;
    margin-bottom: 0;
}

.error-content button {
    background: #005938;
    color: white;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
    margin-top: 25px;
}

/* responsive */

@media only screen and (max-width: 991px) {
    .nav-search-form {
        margin-top: 18px;
    }
    .trend-card-res {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .model-image {
        margin-right: auto;
    }
    .intro-card-res {
        margin-bottom: 10px;
    }
    .items-common {
        border: 1px solid #d9d9e9 !important;
        margin-bottom: 20px;
        padding: 10px 0;
    }
    .items-row {
        border: none;
        padding: 0 15px;
    }
    .coffee-marg-res {
        margin-bottom: 10px;
    }
    .footer-col-res {
        margin-bottom: 35px;
        text-align: center;
    }
    .footer-dwn-res {
        text-align: center;
    }
    .rqst-form-outer {
        padding: 40px;
    }
    .new-pdt-card-outer {
        margin-bottom: 15px;
    }
    .profile-detail-col .order-row-res {
        margin-top: 0 !important;
    }
    .profile-name-top {
        margin-top: 25px;
    }
    .profile-welcome {
        margin-bottom: 25px;
    }
    .order-box-res {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .banner-caption h4 {
        font-size: 30px;
    }
    .banner-caption h2 {
        font-size: 50px;
    }
    .product-intro-section {
        padding: 40px 0;
    }
    .new-pdt-section {
        padding: 20px 0;
    }
    .footer-1 {
        padding: 50px 0;
    }
    .banner-caption {
        text-align: center;
    }
    .coffe-pdt-section {
        padding: 0 0 40px 0;
    }
    .trending-pdt-section {
        padding: 40px 0;
    }
    .app-res {
        text-align: center;
    }
    .pdt-detail-section {
        padding: 200px 0 40px 0;
    }
    .app-solver {
        padding: 0;
    }
    .checkout-section {
        padding-bottom: 40px;
    }
    .cart-section {
        padding-bottom: 40px;
    }
    .form-section {
        padding-bottom: 40px;
    }
    .pdt-section {
        padding-bottom: 40px;
    }
    .app-solver-pdt {
        padding-bottom: 40px;
    }
    .pdt-tranding {
        padding-bottom: 40px;
    }
    .mobile-img {
        width: 100%;
    }
    .profile-inner {
        padding-bottom: 40px;
    }
}
@media only screen and (max-width: 480px) {
    .personal-info-display {
        display: block;
    }
}
@media only screen and (max-width: 472px) {
    .btn-appstore {
        padding: 15px 35px;
        margin-top: 10px;
    }
    .btn-playstore {
        margin-right: 0;
    }
}
@media only screen and (max-width: 461px) {
    .new-pdt-heading-row h4 {
        font-size: 15px;
    }
    .new-pdt-heading-row h5 {
        font-size: 15px;
    }
    .new-pdt-heading-row {
        align-items: center;
    }
    .used-pdt-heading-row h4 {
        font-size: 15px;
    }
    .used-pdt-heading-row h5 {
        font-size: 15px;
    }
    .used-pdt-heading-row {
        align-items: center;
    }
    .coffe-pdt-heading-row h4 {
        font-size: 15px;
    }
    .coffe-pdt-heading-row h5 {
        font-size: 15px;
    }
    .coffe-pdt-heading-row {
        align-items: center;
    }
}

@media only screen and (max-width: 441px) {
    .contact-top-outer {
        display: block;
        text-align: center;
    }
    .nav-solver {
        margin-top: 120px;
    }
    .slide-1-banner {
        padding-top: 230px;
    }
    .mail-top {
        margin-bottom: 8px;
    }
    .mail-top {
        padding-right: 0;
    }
    .contact-top .dropdown {
        padding-right: 0;
    }
    .detail-container {
        margin-top: 40px;
    }
    .cart-outer {
        margin-top: 40px;
    }
    .checkout-outer {
        margin-top: 40px;
    }
    .rqst-form-outer {
        margin-top: 40px;
    }
    .profile-inner {
        padding-top: 230px;
    }
}

.category-click {
    text-decoration: none; /* Removes the underline */
    color: inherit; /* Keeps the text color same as normal text */
}

.category-click:hover {
    text-decoration: none; /* Ensures no underline appears on hover */
    color: #007bff; /* Optional: Change color on hover */
}

.cart-counter {
    top: 17px;
    text-align: center;
    border-radius: 14px;
    width: 18px;
    height: 18px;
    background-color: #ea0d42;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 20px;
}

.pdt-filter-outer {
    background: white;
    padding: 15px;
    border-radius: 12px;
    height: 100%;
    border: 1px solid #d9d9e9;
}

.pdt-filter-outer h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.sort-outer {
    display: flex;
    justify-content: space-between;
}

.sort-outer .dropdown button {
    background: #005938;
    color: white;
    border: none;
    padding: 10px 14px;
    border-radius: 10px;
}

.slide-2-margin {
    margin-bottom: 70px;
}

@media only screen and (max-width: 420px) {
    .model-image {
        width: 100%;
    }
}
@media only screen and (max-width: 300px) {
    .coffe-pdt-section .pdt-img-div img {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .mobile-img {
        width: 100%;
    }
    .btn-appstore {
        padding: 15px 35px;
        margin-top: 10px;
    }
}