.dashboard-menu-body {border-radius: 14px;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);width: 258px;height: 100%;}
.dashboard-menu::-webkit-scrollbar {width: 0.2rem;}
.dashboard-profile{border-radius: 14px 14px 0px 0px;border: 1px solid #EAEAEA;background-color: #F7F7F7;width: 250px;height: 163px;}
.dashboard-companyname{color: var(--bs-font-primary);font-size: 20px;font-weight: 400;line-height: normal;}
.dashboard-profile .userlogo-img{width: 78px;height: 78px;}
.dashboard-profile a{top: 8px;right: 8px;color: #6F6F6F;line-height: normal;}
.dashboard-menu .nav a svg{fill: #4D4D4D;transition: 0;}
.dashboard-menu .nav a svg.dashnav-profile{fill: #4D4D4D;transition: 0;}
.dashboard-menu .nav a {color: var(--bs-sub-fontprimary);font-size: 20px;font-weight: 400;line-height: normal;transition: color 0.1s ease;}
.dashboard-menu .nav a.active {border-radius: 0px 35px 35px 0px;background-color: var(--bs-font-primary);color: var(--bs-white);}
.dashboard-menu .nav a.active svg{fill: #fff;transition: 0;}
.dashboard-menu .nav a.active svg.dashnav-profile{fill: #fff; stroke: #fff;transition: 0;}
.dashboard-menu .nav a.active svg.dashnav-profile path{fill: var(--bs-font-primary); stroke: #fff;transition: 0;}
.offcanvas-btn {width: 30px;height: 30px;transition-duration: .5s;}
.bars {width: 100%;height: 4px;background-color: #303030;border-radius: 4px;}
.dashboard-data{border-radius: 15px;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);}
.dashboard-data-title h3{font-weight: 500;}
.dashboard-data-title{border-bottom: 1px solid #F2F2F2;}
.dashboard-data-body {height: calc(100% - 75px);}
.dashboard-data-body::-webkit-scrollbar {width: 0.3rem;}
.dashboard-data .tab-content-container .tab-content{max-height: calc(84vh - 2rem);}
.dashboard-data .tab-content-container .tab-content.mysubscriptions{max-height: 100%;}

#bar2 {transition-duration: .8s;}
#bar1 {width: 50%;}
#bar2 {width: 75%;}
.offcanvas-btn.active .bars {position: absolute;transition-duration: .5s;}
.offcanvas-btn.active #bar2 {transform: scaleX(0);transition-duration: .1s;}
.offcanvas-btn.active #bar1 {width: 100%;transform: rotate(45deg);transition-duration: .5s;}
.offcanvas-btn.active #bar3 {width: 100%;transform: rotate(-45deg);transition-duration: .5s;}
.offcanvas-btn.active {transition-duration: .5s;transform: rotate(180deg);}

/* Analytics css start  */
.analytics-body{grid-template-columns: 1fr 1fr 1fr; gap: 1.9rem;}
.analytics-body .analytics-card {border-radius: 6px;padding: 2.1rem 1.5rem;}
.analytics-img {width: 45px;height: 45px;}
.analytics-count{color: var(--bs-sub-fontprimary);font-size: 40px;font-weight: 700;line-height: normal;}
.analytics-title{color: var(--bs-sub-fontprimary);font-size: 18px;font-weight: 500;line-height: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.tab-content {display: none;animation: fadeIn 0.5s ease-in-out;}
.tab-content.active {display: block;}
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
/* Analytics css End  */


/* Product Manage  css start  */
.dashboard-menu-search input{padding-left: 40px;}
.dashboard-data-body.managepsw-data-body {height: calc(100% - 125px);border-radius: 5px;border: 1px solid #E6E6E6;background: rgba(246, 246, 246, 0.45);padding: 15px;}
.managepsw-data-body .d-grid:only-child{grid-template-columns: 1fr 1fr; gap: 16px;}
.managepsw-items {padding: 15px;border-radius: 5px;border: 1px solid #E6E6E6;background: #FFF;}
.managepsw-img img{object-position: top;border-radius: 4px;}
.managepsw-img {width: 100px;height: 122px;}
.advertisementdata-img.managepsw-img {height: 250px;}
.dashboard-icon-ied {gap: 6px;}
.dashboard-icon-ied span{background-repeat: no-repeat;background-size: cover;background-position: bottom center, 50%, 50%;width: 16px;height: 16px;cursor: pointer;}
.info-icon{background-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2137_16262)"><path d="M10.0938 8.70837C10.0938 8.38047 9.82791 8.11462 9.5 8.11462C9.17209 8.11462 8.90625 8.38047 8.90625 8.70837V13.4584C8.90625 13.7863 9.17209 14.0521 9.5 14.0521C9.82791 14.0521 10.0938 13.7863 10.0938 13.4584V8.70837Z" fill="%235A5A5A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.50065 0.989624C4.80048 0.989624 0.990234 4.79987 0.990234 9.50004C0.990234 14.2002 4.80048 18.0105 9.50065 18.0105C14.2009 18.0105 18.0111 14.2002 18.0111 9.50004C18.0111 4.79987 14.2009 0.989624 9.50065 0.989624ZM2.17773 9.50004C2.17773 5.45571 5.45632 2.17712 9.50065 2.17712C13.545 2.17712 16.8236 5.45571 16.8236 9.50004C16.8236 13.5443 13.545 16.823 9.50065 16.823C5.45632 16.823 2.17773 13.5443 2.17773 9.50004Z" fill="%235A5A5A"/><path d="M10.2923 6.33341C10.2923 6.77064 9.93789 7.12508 9.50065 7.12508C9.06341 7.12508 8.70898 6.77064 8.70898 6.33341C8.70898 5.89619 9.06341 5.54175 9.50065 5.54175C9.93789 5.54175 10.2923 5.89619 10.2923 6.33341Z" fill="%235A5A5A"/></g><defs><clipPath id="clip0_2137_16262"><rect width="19" height="19" fill="white"/></clipPath></defs></svg>');}
.edit-icon{background-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.3354 2.66498C15.9089 2.23916 15.3309 2 14.7282 2C14.1256 2 13.5476 2.23916 13.1211 2.66498L2.91898 12.8673C2.62682 13.1579 2.39518 13.5034 2.23744 13.8841C2.0797 14.2647 1.999 14.6728 2.00001 15.0848V16.3727C2.00001 16.5391 2.0661 16.6986 2.18374 16.8163C2.30138 16.9339 2.46093 17 2.62729 17H3.91511C4.32709 17.0012 4.7352 16.9206 5.11583 16.7629C5.49646 16.6053 5.84204 16.3737 6.13256 16.0816L16.3354 5.87862C16.761 5.45218 17 4.8743 17 4.2718C17 3.6693 16.761 3.09142 16.3354 2.66498ZM5.24558 15.1946C4.89179 15.5461 4.41378 15.7439 3.91511 15.7454H3.25458V15.0848C3.25394 14.8376 3.30235 14.5927 3.397 14.3644C3.49164 14.136 3.63065 13.9286 3.80596 13.7543L11.5485 6.01161L12.9913 7.4544L5.24558 15.1946ZM15.4477 4.99162L13.8758 6.56426L12.433 5.12461L14.0056 3.55197C14.1003 3.45745 14.2128 3.3825 14.3365 3.33142C14.4602 3.28034 14.5927 3.25413 14.7265 3.25427C14.8604 3.25442 14.9928 3.28092 15.1164 3.33227C15.24 3.38362 15.3523 3.45881 15.4468 3.55354C15.5413 3.64828 15.6163 3.7607 15.6674 3.8844C15.7184 4.0081 15.7446 4.14065 15.7445 4.27448C15.7444 4.40831 15.7178 4.5408 15.6665 4.66438C15.6152 4.78797 15.54 4.90023 15.4452 4.99476L15.4477 4.99162Z" fill="%231063DF"/></svg>');}
.delete-icon{background-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2137_16069)"><path d="M16.6257 3.16667H14.1715C13.9877 2.2732 13.5016 1.4704 12.795 0.893568C12.0884 0.316738 11.2045 0.0011515 10.2923 0L8.70898 0C7.79682 0.0011515 6.91295 0.316738 6.20633 0.893568C5.49971 1.4704 5.01356 2.2732 4.82982 3.16667H2.37565C2.16569 3.16667 1.96432 3.25007 1.81586 3.39854C1.66739 3.54701 1.58398 3.74837 1.58398 3.95833C1.58398 4.1683 1.66739 4.36966 1.81586 4.51813C1.96432 4.66659 2.16569 4.75 2.37565 4.75H3.16732V15.0417C3.16857 16.0911 3.58602 17.0972 4.32808 17.8392C5.07013 18.5813 6.07622 18.9987 7.12565 19H11.8757C12.9251 18.9987 13.9312 18.5813 14.6732 17.8392C15.4153 17.0972 15.8327 16.0911 15.834 15.0417V4.75H16.6257C16.8356 4.75 17.037 4.66659 17.1854 4.51813C17.3339 4.36966 17.4173 4.1683 17.4173 3.95833C17.4173 3.74837 17.3339 3.54701 17.1854 3.39854C17.037 3.25007 16.8356 3.16667 16.6257 3.16667ZM8.70898 1.58333H10.2923C10.7834 1.58393 11.2622 1.73642 11.6632 2.01989C12.0641 2.30336 12.3676 2.70393 12.5319 3.16667H6.46936C6.6337 2.70393 6.93716 2.30336 7.33812 2.01989C7.73909 1.73642 8.21793 1.58393 8.70898 1.58333ZM14.2507 15.0417C14.2507 15.6716 14.0004 16.2756 13.555 16.721C13.1096 17.1664 12.5055 17.4167 11.8757 17.4167H7.12565C6.49576 17.4167 5.89167 17.1664 5.44627 16.721C5.00087 16.2756 4.75065 15.6716 4.75065 15.0417V4.75H14.2507V15.0417Z" fill="%23FE3A3E"/><path d="M7.91667 14.25C8.12663 14.25 8.32799 14.1666 8.47646 14.0181C8.62493 13.8696 8.70833 13.6683 8.70833 13.4583V8.70829C8.70833 8.49833 8.62493 8.29697 8.47646 8.1485C8.32799 8.00003 8.12663 7.91663 7.91667 7.91663C7.7067 7.91663 7.50534 8.00003 7.35687 8.1485C7.20841 8.29697 7.125 8.49833 7.125 8.70829V13.4583C7.125 13.6683 7.20841 13.8696 7.35687 14.0181C7.50534 14.1666 7.7067 14.25 7.91667 14.25Z" fill="%23FE3A3E"/><path d="M11.0827 14.25C11.2926 14.25 11.494 14.1666 11.6425 14.0181C11.7909 13.8696 11.8743 13.6683 11.8743 13.4583V8.70829C11.8743 8.49833 11.7909 8.29697 11.6425 8.1485C11.494 8.00003 11.2926 7.91663 11.0827 7.91663C10.8727 7.91663 10.6714 8.00003 10.5229 8.1485C10.3744 8.29697 10.291 8.49833 10.291 8.70829V13.4583C10.291 13.6683 10.3744 13.8696 10.5229 14.0181C10.6714 14.1666 10.8727 14.25 11.0827 14.25Z" fill="%23FE3A3E"/></g><defs><clipPath id="clip0_2137_16069"><rect width="19" height="19" fill="white"/></clipPath></defs></svg>');}
.managepsw-item-data ul{gap: 12px;padding-right: 4px !important;}
.managepsw-item-data ul li text {color: #636578;font-size: 16px;font-weight: 400;line-height: normal;width: 100px;flex-shrink: 0;}
.managepsw-item-data ul li p {margin: 0;color: #252525;font-size: 18px;font-weight: 400;line-height: normal;text-wrap: nowrap;text-overflow: ellipsis;overflow: hidden;}
.managepsw-status {display: flex;align-items: center;position: relative;width: 30px;height: 16px;border-radius: 20px;background-color: #a0a0a0;padding: 3px;cursor: pointer;transition: 0.3s;}
.managepsw-status.active{background-color: #007921;transition: 0.3s;}
.managepsw-status:before {content: '';position: absolute;width: 10px;height: 10px;background-color: var(--bs-white);border-radius: 50%;right: 17px;transition: 0.3s;}

.managepsw-status.active:before {right: 3px;transition: 0.3s;}
/* modal css start  */
.productdatamodal-img {float: left;max-width: 260px;max-height: 312px;border-radius: 8px;margin: 0 1rem 1rem 0;}
.productdatamodal-tital {font-size: 18px;font-weight: 500;line-height: normal;margin: 0.8rem 0 0 0;display: block;}
.productdatamodal-body text.productdatamodal-tital:nth-child(2){margin: 0;}
.productdatamodal-body p{margin: 0 0 0.5rem 0;line-height: 1.5;color: #636578;}
/* Product Manage  css End  */
/* .managepsw-img a {
    pointer-events: none;
} */

/* Manage Service  css start  */
.servicedata-items .managepsw-img {width: 160px;height: 160px;}
.servicedata-items .managepsw-item-data ul {gap: 12px;max-width: 300px;}
.servicedata-items .managepsw-item-data ul li text {padding-right: 4px; color: var(--bs-font-primary);font-size: 18px;font-weight: 700;line-height: normal;width: 100%;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.servicedata-items .managepsw-item-data ul li p {margin: 0;color: var(--bs-sub-fontprimary);font-size: 16px;font-weight: 300;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-wrap: wrap;}
.servicedata-items .managepsw-item-data ul li a {color: var(--bs-font-primary);font-size: 14px;font-weight: 400;line-height: normal;text-wrap: nowrap;text-overflow: ellipsis;overflow: hidden;}
/* Manage Service  css End  */


/* Wish List  css start  */
.wishlist-btn.active .fa-regular,.wishlist-btn .fa-solid{display: none;color: #6D6D6D;}
.wishlist-btn .fa-regular,.wishlist-btn.active .fa-solid{display: block;color: #6D6D6D;}
.wishlistdata-items .managepsw-item-data ul li text {width: 130px;}
.wishlistdata-items .managepsw-item-data ul {gap: 10px;}
/* Wish List  css End  */


/* Profile css start  */
.myprofile-body{max-width: 700px;}
.modal-dialog.updateprofilemodal.modal-dialog-centered {max-width: 400px;}
/* Profile css End  */


/* Subscription History  css start  */
.subscriptionhistory-items .accordion-button::after{content: ''; background-image: var(--bs-accordion-btn-icon);}
.subscriptionhistory-items{border-radius: 8px !important;border: 1px solid #E9E9E9 !important;background: rgba(240, 252, 255, 0.18);}
.accordion-button:not(.collapsed)::after{background-image: var(--bs-accordion-btn-icon);}
.accordion-collapse{border-top: 1px solid #DADADA;}
.accordion-header div text {color: var(--bs-font-primary);font-size: 20px;font-weight: 500;line-height: normal;}
.subscriptionhistory-status span,.subscriptionhistory-status {color: var(--bs-sub-fontprimary);font-size: 14px;font-weight: 400;line-height: normal;}
.subscriptionhistory-status span.subscriptionhistory-approved{color: #3CAB5C;}
.subscriptionhistory-status span.subscriptionhistory-completed{color: #2C6BA6;}
.subscriptionhistory-status span.subscriptionhistory-pending{color: #F6931E;}
.subscriptionhistory-pmdet ul li p,.subscriptionhistory-pmdet ul li span,.subscriptionhistory-pmdet h3 {color: #000;font-size: 14px;font-weight: 700;line-height: normal;margin: 0 0 10px 0;}
.subscriptionhistory-pmdet ul li p{font-weight: 400;color: #646464;margin: 0;}
.subscriptionhistory-pmdet ul li p.subscriptionhistory-amountdetails {width: 140px;}
.subscriptionhistory-pmdet ul li span{font-weight: 400;margin: 0;width: 180px; text-wrap:nowrap;text-overflow: ellipsis;overflow: hidden;flex-shrink: 0;}
.subscriptionhistory-data .subscriptionhistory-data-items{padding: 10px 24px;}
.subscriptionhistory-data .subscriptionhistory-data-items div.subscriptionhistory-pmdet:first-child{border-right: 1px solid #EBE1E1;}
.subscriptionhistory-pmdet ul li.subscriptionhistory-pmdet-date p, .subscriptionhistory-pmdet ul li.subscriptionhistory-pmdet-date span{color: var(--bs-sub-fontprimary);}
.subscriptionhistory-pmdet-amount {color: var(--bs-font-primary);font-size: 16px;font-weight: 700;line-height: normal;}
.subscriptionhistory-amounttotal ul li span,.subscriptionhistory-amounttotal ul li p {color: #464646;font-size: 16px;font-weight: 400;line-height: normal;margin: 0;}
.subscriptionhistory-amounttotal ul li span{color: var(--bs-black);width: 200px;}
.subscriptionhistory-amounttotal ul li.finalamount span,.subscriptionhistory-amounttotal ul li.finalamount p {font-weight: 800;}
.subscriptionhistory-pmdet-total {margin-left: auto !important;}
/* .subscriptionhistory-pmdet-total li span{display: none;} */
.subscriptionhistory-button button{margin-left: 8px;}
.subscriptionhistory-button a{line-height: normal;}
.dashboard-data .tab-content-container .tab-content.profile{max-height: 100%;}
.dashboard-data .tab-content-container .tab-content.profile .dashboard-data-body{height: 100%;}
.subscriptionhistory-amounttotal-undeline {border-style: dashed;}
/* Subscription History  css End  */

/* checkout page css start  */
.subscriptionhistory-button .btn-outline-secondary{border: 1px solid var(--bs-sub-fontprimary);background-color: var(--bs-white);color: var(--bs-sub-fontprimary);}
.checkout-body .subscriptionhistory-amounttotal ul li span, .checkout-body .subscriptionhistory-amounttotal ul li p{font-size: 20px;}
.checkout-finalamount{border: none; border-radius: 5px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);}
/* checkout page css End  */

/* pagination css start  */
.pageitem-btn .page-link:focus,
.page-number .page-link:focus{box-shadow: none;}
.page-number .page-link {height: 100%;color: rgba(0, 0, 0, 0.50);text-align: center;font-size: 15px;font-weight: 400;line-height: 20px;border: none;border-radius: 8px;background: transparent;width: 38px;display: flex;justify-content: center;align-items: center;}
.page-number .page-link:hover{color: var(--bs-sub-fontprimary);font-weight: 700;}
.page-number.active .page-link{color: var(--bs-sub-fontprimary);font-weight: 700;border: none;background: rgb(240 240 240);}
.pageitem-btn .page-link i{font-size: 12px;}
.pageitem-btn .page-link{height: 100%;border-radius: 8px !important;border: 1px solid rgba(0, 0, 0, 0.10);background: #FFF;color: #000;font-size: 15px;font-weight: 400;line-height: 20px;display: flex;justify-content: center;align-items: center;}
.pageitem-btn.active .page-link {background-color: #EAEAEA;}
/* pagination css End  */

.dateicon-dashboard {top: 50%;transform: translateY(-50%);right: 0.5rem;z-index: 0;}
.bootbox-close-button.close {background-image: unset;padding: 0;width: 25px;height: 25px;display: flex;justify-content: center;align-items: center;margin: 0 0 0 auto;border: 2px solid #7f7f7f;color: #7f7f7f;border-radius: 50%;background-color: transparent;font-size: 20px;font-weight: 500;line-height: normal;padding-bottom: 3px;}
.bootbox-close-button.close:hover{color: #000;border-color: #000;transition: 0.3s;}
.bootbox-accept {color: #fff;}
.subscriptionhistory-status span.edit-icon,.subscriptionhistory-status span.delete-icon,.subscriptionhistory-status span.info-icon{width: 19px;height: 19px;}

@media (min-width: 991px) {
    .dashboard-menu-body {overflow: hidden;}
    .offcanvas-dashboard {height: 84vh;}
    .dashboard-menu{overflow-y: auto !important;}
}

@media only screen and (max-width: 1440px) {
    .dashboard-menu .nav a {font-size: 18px;}
    .dashboard-menu-body {width: 240px;}
    .dashboard-profile{width: 232px;height: 153px;}
    .analytics-body {gap: 1.5rem;}
    .analytics-body .analytics-card {padding-top: 1.6rem;padding-bottom: 1.6rem;}
    .analytics-count {font-size: 34px;}
    /* .dashboard-data {height: 81vh;} */
    .checkout-body .subscriptionhistory-amounttotal ul li span, .checkout-body .subscriptionhistory-amounttotal ul li p {font-size: 18px;}
    .managepsw-img {width: 80px;height: 100px;}
    .wishlistdata-items .managepsw-item-data ul li text {width: 116px;}
    .dashboard-icon-ied {gap: 4px;}
    .dashboard-icon-ied span {width: 14px;height: 14px;}
    .managepsw-item-data ul {gap: 8px;}
    .managepsw-item-data ul li text {font-size: 15px;width: 80px;}
    .managepsw-item-data ul li p {font-size: 15px;}
    .servicedata-items .managepsw-img {width: 120px;height: 120px;}
    .servicedata-items .managepsw-item-data ul li text {font-size: 16px;}

}

@media only screen and (max-width: 1199px) {
    .analytics-body {grid-template-columns: 1fr 1fr;}
    .subscriptionhistory-data .subscriptionhistory-data-items{flex-direction: column;}
    .subscriptionhistory-data .subscriptionhistory-data-items div.subscriptionhistory-pmdet{padding: 0 !important;}
    .subscriptionhistory-data .subscriptionhistory-data-items div.subscriptionhistory-pmdet:first-child {border-bottom: 1px solid #EBE1E1;border-right: 0;margin-bottom: 1rem;}
    .subscriptionhistory-pmdet-total {margin-left: 0 !important;margin-top: -0.5rem !important;}
    .subscriptionhistory-pmdet-total li span{display: block;}
    .checkout-finalamount{border: 1px solid #DDD;box-shadow: none;}
    .managepsw-data-body .d-grid:only-child {grid-template-columns: 1fr;}
    .dashboard-data-body.managepsw-data-body {height: calc(100% - 170px);}
}

@media only screen and (max-width: 991px) {
    .dashboard-menu-body {width: 100%;box-shadow: none;}
    .dashboard-profile{border-radius: 10px 10px 0px 0px;width: 100%;height: 163px;}
    .offcanvas-dashboard{height: 100vh; overflow: auto;}
    /* .dashboard-menu{display: none;transition: 0.5s;}
    .dashboard-menu.show{display: block;transition: 0.5s;} */
    .mysubscriptions .accordion-body{padding: 10px;}
    .mysubscriptions .accordion-button{padding: 10px;}
    .subscriptionhistory-data .subscriptionhistory-data-items {padding: 10px 14px;}
    .transactioncompleted-icon figure svg {width: 60px;height: 60px;}
    .page-number .page-link {color: #212B36;font-size: 15px;border: 1px solid #DFE3E8;border-radius: 4px;background: #FFF;margin: 0 5px;width: 32px;height: 32px;}
    .page-number .page-link:hover {color: var(--bs-primary);font-weight: 500;border-radius: 4px;border: 1px solid var(--bs-primary);background: #FFF;}
    .page-number.active .page-link {color: var(--bs-primary);font-weight: 500;border-radius: 4px;border: 1px solid var(--bs-primary);background: #FFF;}
    .dashboard-data-body.managepsw-data-body {height: calc(100% - 125px);}
}

@media only screen and (max-width: 767px) {
    .offcanvas.offcanvas-start {width: 300px;}
    .dashboard-profile {height: 140px;}
    .dashboard-profile .userlogo-img {width: 60px;height: 60px;}
    .analytics-body .analytics-card {padding: 1rem;}
    .analytics-img {width: 35px;height: 35px;}
    .analytics-count {font-size: 26px;}
    .analytics-title {font-size: 16px;}
    .analytics-body {gap: 1rem;}
    .accordion-header div text {font-size: 18px;}
    .subscriptionhistory-status span, .subscriptionhistory-status {font-size: 13px;}
    .subwidget-title {font-size: 17px;}    
    .dashboard-data-body.managepsw-data-body {height: calc(100% - 116px);}
    /* ul.pagination{gap: 0.5rem 0;} */
}

@media only screen and (max-width: 576px) {
    /* .dashboard-data {height: 80vh;} */
    .analytics-body .analytics-card {padding: 1.15rem 0.8rem;}
    .analytics-img {width: 30px;height: 30px;}
    .analytics-count {font-size: 20px;}
    .analytics-title {font-size: 14px;}
    .analytics-body {gap: 0.8rem;}
    .mysubscriptions .accordion-body{padding: 8px;}
    .mysubscriptions .accordion-button{padding: 9px 8px;}
    .subscriptionhistory-data .subscriptionhistory-data-items {padding: 8px}
    .subscriptionhistory-pmdet ul li span {width: 150px;}
    .subscriptionhistory-button button{margin-left: 8px;}
    .dashboard-data-body.managepsw-data-body,.managepsw-items{padding: 12px;}
    .productdatamodal-img {max-width: 210px;}
}

@media only screen and (max-width: 480px) {
    .analytics-img {width: 28px;height: 28px;}
    .analytics-count {font-size: 18px;}
    .analytics-title {font-size: 12px;}
    .accordion-header div text {font-size: 18px;}
    .subscriptionhistory-status span, .subscriptionhistory-status {font-size: 10px;}
    .subwidget-title {font-size: 16px;}    
    .subscriptionhistory-pmdet ul li p, .subscriptionhistory-pmdet ul li span{font-size: 12px;}
    .subscriptionhistory-button{flex-direction: column;gap: 0.5rem;}
    .subscriptionhistory-button button{margin-left: 0;}
    .checkout-body .subscriptionhistory-amounttotal ul li span, .checkout-body .subscriptionhistory-amounttotal ul li p {font-size: 16px;}
    .dashboard-data-body.managepsw-data-body,.managepsw-items{padding: 8px;}
    .transactioncompleted-icon figure svg {width: 50px;height: 50px;}
    .wishlistdata-items .managepsw-item-data ul li text {width: 100px;}
    .wishlistdata-items .managepsw-item-data ul {gap: 8px;}
    .dashboard-data-title .dark-btn {font-size: 13px;}
    .managepsw-item-data ul li text {font-size: 13px;width: 70px;}
    .managepsw-item-data ul li p {font-size: 14px;}
    .managepsw-img {width: 64px;height: 80px;}
    .servicedata-items .managepsw-img {width: 80px;height: 80px;}
    .servicedata-items .managepsw-item-data ul {gap: 8px;}
    .servicedata-items .managepsw-item-data ul li text {font-size: 14px;}
    .servicedata-items .managepsw-item-data ul li p {font-size: 13px;line-height: 1.3;}
    .servicedata-items .managepsw-item-data ul li a{font-size: 13px;}

}

@media only screen and (max-width: 413px) {
    .subscriptionhistory-pmdet ul li span {width: 120px;}
    .subscriptionhistory-button button.btn {width: 100%;}
    .managepsw-img {width: 64px;height: 80px;}
    .productdatamodal-img {float: unset;max-width: 100%;max-height: 100%;margin: 0 auto 0.5rem;}
    .wishlistdata-items .managepsw-item-data ul li text {width: 80px;}
    .page-number .page-link {font-size: 12px;margin: 0 5px;width: unset;padding: 5px 10px;}
    .pageitem-btn .page-link {padding: 5px 7px;}
}

@media only screen and (max-width: 400px) {
}