/* sticky-header start */
.act-sticky-header {
    transition: 0.4s !important;
}
.act-sticky-header.active {
    transition: 0.4s !important;
    position: fixed !important;
    top: 16px !important;
}
/* sticky-header end */
/* banner start */
.act-banner {
    width: 100%;
    height: 52px;
    position: relative;
}
.act-banner img {
    width: 100% !important;
    height: 52px !important;
    object-fit: cover !important;
}
.act-banner-remove {
    position: absolute;
    top: 7px;
    left: 7px;
    color: #ffffff;
    cursor: pointer;
    z-index: 2;
}
/* banner end */
/* consultation start */
.act-consultation {
    width: 184px;
    height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.act-consultation-top {
    font-weight: 400;
    font-size: 14px;
    color: #0B1530;
}
.act-consultation-but {
    width: 145px;
    height: 24px;
    border-radius: 50px;
    border-bottom-left-radius: 100px;
    background: #0B1530;
    font-size: 14px;
    line-height: 100%;
    color: #ffffff;
    text-align: right;
    padding-right: 10px;
    padding-top: 1px;
    display: flex;
    align-items: center;
    margin-right: auto;
    margin-left: 12px;
    direction: ltr;
    justify-content: flex-end;
}
.act-consultation-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #0B1530;
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
/* consultation end */
/* vertical border start */
.act-vb {
    background: #0B15301A;
    width: 1px;
    height: 24px;
}
/* vertical border end */
/* hamburgar menu start */
.act-hamburgarmenu-but {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #00D1B2;
    color: #00D1B2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-offcanvas {
    width: 280px !important;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    max-height: 100%;
    bottom: 20px;
    top: 100px !important;
    padding: 16px 0;
}
.act-offcanvas-x {
    position: fixed;
    left: 20px;
    top: 115px;
    color: #ffffff;
}
/* tab-box start */
.act-offcanvas-tab-panel {
    margin-top: 25px;
    height: 100%;
}
.act-offcanvas-tab-panel-head {
    display: flex;
    align-items: center;
    height: 30px;
}
.act-offcanvas-tab-panel-head-but {
    width: 50%;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #6b728066;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    border-bottom: 2px solid;
    padding-bottom: 8px;
}
.act-offcanvas-tab-panel-head-but.tab-panel-head-but-active {
    color: #0B61FF;
}
.act-offcanvas-tab-panel-body {
    position: relative;
    height: 98%;
}
.act-offcanvas-tab-panel-body-content {
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    position: absolute;
    top: 16px;
    width: 100%;
    height: 97%;
}
.act-offcanvas-tab-panel-body-content.tab-panel-body-content-active {
    opacity: 1;
    visibility: visible;
}
.gpx-mobile-menu-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    height: 475px;
    overflow: scroll;
}
.gpx-mobile-menu-list .menu-item {
    width: 100%;
}
.gpx-mobile-menu-list .menu-item a {
    display: flex;
    padding: 1px 16px 0 16px;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    width: 100%;
    color: #6B7280;
    font-size: 14px;
    font-weight: 400;
    transition: 0.4s;
}
.gpx-mobile-menu-list .menu-item a:hover {
    color: #0B1530;
}
.gpx-mobile-menu-list .menu-item a.active {
    color: #00D1B2;
}
.gpx-mobile-menu-list .menu-item .sub-menu {
    align-self: stretch;
    background: rgba(107, 114, 128, 0.06);
    margin-top: 16px;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
.gpx-mobile-menu-list .menu-item a .gp-subm-s1 {
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
}
.gpx-mobile-menu-list .menu-item a .gp-subm-2 {
    display: flex;
    width: 18px;
    height: 18px;
    transform: rotate(270deg);
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    color: #1B4AB2;
    margin-left: 0;
    margin-right: auto;
    transition: 0.4s;
}
.gpx-mobile-menu-list .menu-item a .gp-subm-2.gp-subm-2-sub-op {
    transform: rotate(360deg);
}
.act-offcanvas-tab-panel-body-content-footer {
    position: absolute;
    bottom: 16px;
    right: 16px;
    left: 16px;
}
.act-offcanvas-tab-panel-body-content-footer a {
    width: 100%;
}
.act-offcanvas-tab-panel-body-content-footer a svg {
    width: 20px !important;
    height: 20px !important;
}
.act-mega-menu-popup-ham {
    height: 90%;
}
.act-mega-menu-second-links-ham {
    width: 90%;
}
.act-mega-menu-second-links-ham .swiper-wrapper .swiper-slide {
    width: auto;
}
.act-mega-menu-second-link-ham a {
    width: 100%;
    height: 40px;
    border-radius: 100px;
    padding: 8px 6px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #0B153075;
    background: #F9FAFB;
    gap: 8px;
    transition: 0.4s;
}
.act-mega-menu-second-link-ham a.active {
    color: #0B1530;
    background: #00D1B2;
}
.act-mega-menu-second-link-ham .act-mega-menu-count-ham {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 100%;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    color: #0B1530;
}
.act-mega-menu-third-list-box-ham {
    display: none;
    flex-direction: column;
    border-radius: 16px;
    gap: 16px;
    padding: 16px;
    border: 1px solid #0B15301A;
    width: 248px;
    margin: 16px auto 0;
    height: 90%;
}
.act-mega-menu-third-list-box-ham.active {
    display: flex;
}
.act-mega-menu-third-list-box-ham .swiper-wrapper .swiper-slide {
    height: auto;
}
.act-mega-menu-third-link-ham {
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #0B1530;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 16px;
}
.act-mega-menu-third-link-ham::before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #00D1B2;
}
.act-mega-menu-second-links-nav-ham {
    z-index: 2;
    width: 61px;
    height: 55px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    transition: 0.4s;
    color: #0B61FF;
}
.act-mega-menu-second-links-nav-ham.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}
.act-mega-menu-second-links-prev-ham {
    right: -5px;
    justify-content: flex-start;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) -11.29%, #FFFFFF 83.99%);
}
.act-mega-menu-second-links-prev-ham svg {
    transform: rotate(180deg);
}
.act-mega-menu-second-links-next-ham {
    left: -5px;
    justify-content: flex-end;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) -11.29%, #FFFFFF 83.99%);
}
.act-mega-menu-third-list-box-ham.empty {
    display: none !important;
}
/* tab-box end */
.offcanvas-backdrop {
    background-color: #00000066;
    backdrop-filter: blur(60px);
}
.offcanvas-backdrop.show {
    opacity: 1 !important;
}
/* hamburgar menu end */
/*ham-menu ajax-search start*/
.act-offcanvas-search-box {
    background: #F9FAFB;
    width: 248px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    border-radius: 12px;
    padding: 8px 16px 8px 12px;
}
.act-offcanvas-search-box .act-ajax-search-icon-2, .act-offcanvas-search-box input, .act-offcanvas-search-box input::placeholder {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #0B153075;
}
.act-offcanvas-search-box .act-ajax-search-x-icon-2, .act-offcanvas-search-box .dp-search-but-2 {
    width: 20px;
    height: 20px;
    color: #0B153075;
}
#dp-search-box-2 {
    position: absolute;
    right: 0;
    left: 0;
}
#dp-search-box-2.act-offcanvas-search-box.searchvisible2 {
    display: none !important;
}
.product-search-2 {
    position: fixed;
    left: 0;
    right: 0;
    top: 22%;
    margin: 0 auto;
    width: 360px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-radius: 12px;
    border: 1px solid rgba(11, 21, 48, 0.06);
    background: #FFF;
    box-shadow: 0 12px 56px 0 rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
.product-search-2.open {
    z-index: 9;
    opacity: 1;
    visibility: visible;
}
.gpx-ajax-search-footer-2 {
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.gpx-ajax-search-footer-but-2 {
    display: flex;
    height: 48px;
    padding: 11px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #00D1B2;
    color: #00D1B2;
    font-size: 16px;
    font-weight: 400;
}
.gp-ajax-search-header-2 {
    display: flex;
    padding: 0 16px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid rgba(107, 114, 128, 0.16);
    margin-bottom: 20px;
}
.gp-search-count-2 {
    color: #0B61FF;
    font-size: 14px;
    font-weight: 400;
}
.dp-search-results-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    scrollbar-width: thin;
    overflow-y: auto;
    height: 177px;
}
.dp-search-item-2 {
    display: flex;
    padding: 0 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    width: 100%;
}
.dp-search-item-2 a {
    display: flex;
    padding: 10px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #F9FAFB;
    width: 100%;
}
.dp-search-item-2 a img {
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
    border-radius: 10000px;
    background: lightgray 50% / cover no-repeat;
    object-fit: contain;
}
.dp-search-item-2 a p {
    color: #010409;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
.dp-search-item-2 a p .dp-highlight {
    color: #0B61FF;
    font-weight: 600;
}
.act-mobile-search-filter-text {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(11, 21, 48, 0.46);
    font-size: 14px;
    font-weight: 400;
}
.act-mobile-search-filter-text svg {
    color: #0B61FF;
}
.act-filter-2-list {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 186px;
    height: fit-content;
    border-radius: 8px;
    background-color: #ffffff;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 15px;
    gap: 15px;
    color: rgba(11, 21, 48, 0.46);
    font-size: 14px;
    font-weight: 400;
    box-shadow: 0 12px 56px 0 rgba(0, 0, 0, 0.08);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
.gp-search-filters-2:hover .act-filter-2-list {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
/*ham-menu ajax-search end*/
/* ajax search start */
#dp-search-box {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #0B61FF0F;
    position: relative;
    cursor: pointer;
    color: #0B61FF;
}
.act-ajax-search-icon {
    position: absolute;
    transition: 0.4s;
    opacity: 1;
    visibility: visible;
}
.act-ajax-search-x-icon {
    position: absolute;
    transition: 0.4s;
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
}
#dp-search-box.searchvisible .act-ajax-search-icon {
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
}
#dp-search-box.searchvisible .act-ajax-search-x-icon {
    transform: scale(1) rotate(360deg);
    opacity: 1;
    visibility: visible;
}
#dp-search-input {
    position: absolute;
    width: 686px;
    height: 399px;
    background-color: #ffffff;
    box-shadow: 0px 12px 56px 0px #00000014;
    padding: 20px 16px;
    border-radius: 24px;
    z-index: 999;
    transition: 0.4s;
    transform: translate(45%, -50%) scale(0);
}
.dp-search-input-before {
    position: absolute;
    top: -13px;
    right: 35%;
    color: #ffffff;
}
#dp-search-input.searchvisible {
    transform: translate(33%, 10%) scale(1);
}
#search-form {
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid rgba(107, 114, 128, 0.16);
    padding-bottom: 20px;
}
.dp-search-but {
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: #0B153075;
}
.dp-search-box-pc {
    width: 100%;
    color: rgba(107, 114, 128, 0.50);
    font-size: 14px;
    font-weight: 400;
}
.dp-search-box-pc::placeholder {
    color: rgba(107, 114, 128, 0.50);
    font-size: 14px;
    font-weight: 400;
}
.dp-x-search-but {
    width: 14px !important;
    height: 14px !important;
    color: rgba(11, 21, 48, 0.46);
    cursor: pointer;
}
.gpx-ajax-search-footer-but {
    display: flex;
    align-items: center;
    position: absolute;
    width: auto;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid #00D1B2;
    height: 48px;
    border-radius: 12px;
    color: #00D1B2;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    gap: 8px;
}
#search-results {
    height: 100%;
    padding-top: 20px;
}
.gp-ajax-search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: row-reverse;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(107, 114, 128, 0.16);
}
.gp-search-count {
    color: #0B61FF;
    font-size: 14px;
    font-weight: 400;
}
.gp-search-count strong {
    font-weight: 700;
}
.product-search {
    position: relative;
    height: 88%;
}
.gp-search-filters {
    display: flex;
    align-items: center;
    gap: 24px;
}
.gp-filter {
    color: rgba(11, 21, 48, 0.46);
    font-size: 16px;
    font-weight: 400;
    position: relative;
    transition: 0.4s;
}
.gp-filter:hover, .gp-filter.active {
    color: #00D1B2;
}
.gp-filter::before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    aspect-ratio: 1/1;
    background: #00D1B2;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -8px;
    border-radius: 100%;
    transition: 0.4s;
    transform: translateY(8px);
    opacity: 0;
    visibility: hidden;
}
.gp-filter-2.active::before, .gp-filter-2:hover::before {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}
.dp-search-results {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    height: 201px;
    overflow-y: auto;
    padding: 20px 0;
    /* برای فایرفاکس */
    scrollbar-width: thin;
}
/* برای مرورگرهای WebKit (Chrome, Edge, Safari) */
.dp-search-results::-webkit-scrollbar {
    width: 6px;
}
.dp-search-results::-webkit-scrollbar-track {
    background: transparent;
}
.dp-search-results::-webkit-scrollbar-thumb {
    border-radius: 8px;
}
.dp-search-item {
    width: 100%;
}
.dp-search-item a {
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #F9FAFB;
    width: 100%;
    height: 44px;
}
.dp-search-item a img {
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
    border-radius: 10000px;
    background: lightgray 50% / cover no-repeat;
    object-fit: cover;
}
.dp-search-item a p {
    color: #0B1530;
    font-size: 16px;
    font-weight: 400;
}
.dp-search-item a p span {
    color: #0B61FF;
    font-weight: 600;
}
.dp-search-all-wrapper a {
    z-index: 9;
}
.gp-search-is-emp {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0B1530;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    border-radius: 8px;
    background: #F9FAFB;
    height: 77%;
}
/* ajax search end */
/* header-menu start */
.act-mega-menu-root {
    display: flex;
    align-items: center;
    gap: 32px;
}
.act-mega-menu-main-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #0B153094;
    transition: 0.4s;
    display: flex;
    align-items: center;
    gap: 4px;
    height: 50px;
    position: relative;
}
.act-mega-menu-main-item.act-mega-menu-item.ssm {
    position: relative;
}
.act-mega-menu-main-link {
    transition: 0.4s;
    display: flex;
    align-items: center;
    position: relative;
    height: 51px;
}
.act-mega-menu-main-link .act-menu-icon {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    width: 26px;
    height: 26px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
    border-radius: 1000px;
    background: rgba(0, 209, 178, 0.10);
    color: #00D1B2;
    transform: translateY(-25px);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
.act-mega-menu-main-link p {
    transition: 0.4s;
    display: flex;
    align-items: center;
    gap: 4px;
}
.act-mega-menu-main-link.active, .act-mega-menu-main-item:hover .act-mega-menu-main-link {
    color: #00D1B2;
}
.act-mega-menu-arrow {
    transition: 0.4s;
    transform: rotate(0deg);
}
.act-mega-menu-main-item:hover .act-mega-menu-arrow {
    transform: rotate(180deg);
}
.act-mega-menu-main-link.active .act-menu-icon, .act-mega-menu-main-item:hover .act-mega-menu-main-link .act-menu-icon {
    transform: translateY(-12px);
    opacity: 1;
    visibility: visible;
}
.act-mega-menu-main-link.active p, .act-mega-menu-main-item:hover .act-mega-menu-main-link p {
    transform: translateY(15px);
}
.act-mega-menu-popup {
    position: absolute;
    top: 85px;
    right: -269px;
    display: flex;
    width: 988px;
    min-height: 400px;
    z-index: 99;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 24px;
    border: 1px solid rgba(11, 21, 48, 0.06);
    background: #FFF;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.08);
    transform: translate(20%, -50%) scale(0);
    transition: 0.4s;
}
.act-mega-menu-main-item:hover .act-mega-menu-popup {
    transform: translate(0%, 0%) scale(1);
}
.act-mega-menu-second-links {
    width: 100%;
    position: relative;
}
.act-mega-menu-second-links .swiper-slide {
    width: auto;
}
.act-mega-menu-second-link a {
    display: flex !important;
    height: 56px;
    min-width: 165px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 100px;
    background: #F9FAFB;
    transition: 0.4s;
    position: relative;
}
.act-mega-menu-second-link.active a {
    background: #00D1B2;
    color: #0B1530;
}
.act-mega-menu-third-list-box {
    display: flex;
    padding: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px 16px;
    align-self: stretch;
    flex-wrap: wrap;
    border-radius: 20px;
    border: 1px solid rgba(11, 21, 48, 0.10);
    background: #FFF;
    max-height: 374px;
    min-height: 200px;
    overflow-y: auto;
}
.act-mega-menu-third-link {
    color: #0B1530;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 49%;
    position: relative;
    padding-right: 16px;
}
.act-mega-menu-third-link::before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    aspect-ratio: 1/1;
    background: #00D1B2;
    border-radius: 100%;
    top: 8px;
    right: 0;
}
.act-mega-menu-popup-but {
    display: flex;
    height: 56px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #00D1B2;
    color: #00D1B2;
    font-size: 16px;
    font-weight: 400;
}
.act-mega-menu-second-links-nav {
    z-index: 2;
    margin: auto;
    transition: 0.4s;
    content: '';
    width: 107px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.act-mega-menu-second-links-nav svg {
    color: #0B61FF;
    z-index: 2;
    width: 24px;
    height: 24px;
    transition: 0.4s;
}
.act-mega-menu-second-links-nav.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}
.act-mega-menu-second-links-prev {
    right: 0;
    top: 0;
    bottom: 0;
    transform: rotate(180deg);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) -11.29%, #FFF 83.99%);
}
.act-mega-menu-second-links-next {
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) -11.29%, #FFF 83.99%);
}
.act-mega-menu-popup-before {
    color: #ffffff;
    transition: 0.4s;
    bottom: -45px;
    right: 0;
    left: 0;
    margin: auto;
    width: 26px;
    transform: scale(0) translateY(25px);
    z-index: 999;
}
.act-mega-menu-main-item:hover .act-mega-menu-popup-before {
    transform: scale(1);
}
.act-mega-menu-second-link.active.has-act-mega-menu-count a {
    padding: 8px 16px 8px 56px;
}
.act-mega-menu-count {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1 / 1;
    border-radius: 1000px;
    background: #FFF;
    color: #0B1530;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    position: absolute;
    left: 8px;
    transform: translateX(-10px);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
.act-mega-menu-second-link.active .act-mega-menu-count {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
}
.act-sub-menu-1st {
    position: absolute;
    top: 90px;
    transform: translate(20%, -50%) scale(0);
    transition: 0.4s;
}
.act-mega-menu-main-item.act-mega-menu-item.ssm:hover .act-sub-menu-1st {
    transform: translate(20%, 0%) scale(1);
}
.act-sub-menu-1st-before {
    position: absolute;
    top: -14px;
    right: 35%;
    color: #FFFFFF;
}
.act-sub-menu-inner {
    width: 225px;
    min-height: 192px;
    border-radius: 16px;
    box-shadow: 0px 12px 56px 0px #00000014;
    background: #FFFFFF;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.act-sub-menu-inner a {
    width: 100%;
    height: 48px;
    border-radius: 100px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    background: #F9FAFB;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #0B153075;
    transition: 0.4s;
    position: relative;
}
.act-sub-menu-inner a span {
    width: 36px;
    height: 36px;
    border-radius: 1000px;
    background: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #0B1530;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 6px;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-6px);
}
.act-sub-menu-inner a:hover {
    background: #00D1B2;
    color: #0B1530;
}
.act-sub-menu-inner a:hover span {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}
.act-sub-menu-list-2 {
    position: absolute;
    top: 15px;
    right: 240px;
    width: 290px;
    min-height: 144px;
    border-radius: 16px;
    box-shadow: 0px 12px 56px 0px #00000014;
    background: #F5F9FF;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(10px);
}
.act-sub-menu-list-2.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.act-sub-menu-list-inner {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
}
.act-sub-menu-list-inner a {
    color: #8990A0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.4s;
}
.act-sub-menu-list-inner a p {
    position: relative;
    transition: 0.4s;
    padding-right: 15px;
    max-width: 226px;
}
.act-sub-menu-list-inner a p::before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #00D1B266;
    border-radius: 100%;
    transition: 0.4s;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.act-sub-menu-list-inner a div {
    width: 32px;
    height: 32px;
    border: 1px solid #00D1B2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: 0.4s;
    color: #00D1B2;
}
.act-sub-menu-list-inner a:hover {
    color: #0B1530;
}
.act-sub-menu-list-inner a:hover p::before {
    background: #00D1B2;
}
.act-sub-menu-list-inner a:hover div {
    color: #F5F9FF;
    background: #00D1B2;
}
.act-sub-menu-list-2.empty {
    display: none;
}
/* header-menu end */
/*  minicart start  */
.cart-hover-widget {
    display: flex;
    height: 48px;
    width: 70px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 12px;
    background: rgba(11, 97, 255, 0.06);
    cursor: pointer;
}
.ht-menu-cart-widget-cart-total {
    display: flex;
    width: 18px;
    height: 18px;
    justify-content: center;
    align-items: center;
    border-radius: 1000px;
    border: 1px solid #F5F9FF;
    background: #0B61FF;
    padding-left: 0.5px;
}
.cart-total-amount {
    color: #F5F9FF;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
}
.ht-menu-cart-widget-cart-hover-content {
    position: absolute;
    top: 80px;
    max-height: 499px;
    min-height: 330px;
    right: -50px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 8px 24px 0 rgba(51, 51, 51, 0.10);
    z-index: 999;
    width: 397px;
    padding: 20px 0 12px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    justify-content: flex-start;
    transition: 0.4s;
    transform: translate(30%, -60%) scale(0);
}
.ht-menu-cart-widget-cart-hover-content.mini-cart-is-active {
    transform: translate(0%, 0%) scale(1);
}
.act-mini-card-title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid rgba(107, 114, 128, 0.16);
    padding-bottom: 20px;
    color: #0B1530;
    font-size: 16px;
    font-weight: 400;
}
.dp-mini-cart-before {
    position: absolute;
    top: -12px;
    right: 70px;
    color: #ffffff;
}
.ht-menu-cart-widget-ul {
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
    display: flex;
    max-height: 397px;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
}
.ht-menu-cart-widget-ul li {
    display: flex;
    padding: 0 12px;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    position: relative;
}
.ht-menucard-remove-cart-item {
    width: 14px;
    height: 14px;
}
.ht-menucard-remove-cart-item svg {
    color: #00D1B2;
}
.ht-muncart-cart-item-thumbnail {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.ht-the-thumbnail img {
    display: flex;
    width: 56px;
    height: 56px !important;
    padding: 9.364px;
    justify-content: center;
    align-items: center;
    border-radius: 16px !important;
    background: rgba(11, 97, 255, 0.05);
    object-fit: contain;
}
.ht-menu-cart-widget-cart-item-title.ht-the-product-name {
    color: rgba(11, 21, 48, 0.46);
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    max-width: 75%;
}
.ht-menu-cart-widget-cart-item-details {
    position: absolute;
    bottom: 7px;
    right: 107px;
}
.ht-menu-cart-widget-cart-item-details .product-quantity {
    display: none;
}
.ht-menu-cart-widget-price {
    display: flex;
    align-items: center;
    gap: 16px;
}
.ht-menu-cart-widget-price del bdi {
    color: #8B91A0;
    font-size: 12px;
    font-weight: 400;
}
.ht-menu-cart-widget-price del bdi .woocommerce-Price-currencySymbol {
    display: none;
}
.ht-menu-cart-widget-price bdi {
    color: #0B1530;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}
.ht-menu-cart-widget-price bdi .woocommerce-Price-currencySymbol {
    color: #8B91A0;
    font-size: 8px;
    font-weight: 400;
    line-height: 10px;
    position: absolute;
    left: -17px;
    transform: rotate(-90deg);
    top: 5px;
}
.ht-menu-cart-cart-summary {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
    padding: 24px 12px 0;
    border-top: 1px solid #6B728029;
}
.ht-menu-cart-cart-summary p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ht-menu-cart-cart-summary-title {
    color: rgba(11, 21, 48, 0.46);
    font-size: 14px;
    font-weight: 400;
}
.ht-menu-cart-cart-summary p bdi {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    color: #0B61FF;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    position: relative;
    padding-left: 14px;
}
.ht-menu-cart-cart-summary p .woocommerce-Price-currencySymbol {
    position: absolute;
    left: -8px;
    top: 1px;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    transform: rotate(-90deg);
}
.ht-menu-cart-checkout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.ht-menu-cart-checkout a {
    display: flex;
    height: 44px;
    padding: 8px 24px 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    font-size: 16px;
    font-weight: 400;
    border-radius: 12px;
}
.ht-menu-cart-checkout a.mini-checkout-button {
    background: #0B61FF;
    color: #ffffff;
}
.ht-menu-cart-checkout a.mini-cart-button {
    background: #00D1B2;
    color: #ffffff;
}
.rad-empty-bas {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    position: absolute;
    bottom: 20px;
    background: #ffffff;
    z-index: 1;
    width: 100%;
}
.act-emp-bas-bg {
    width: 116px;
    height: 116px;
    border-radius: 96px;
    padding: 34px;
    background: #F8F8F9;
    color: #8990A0;
}
.rad-zero-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #8F93A0;
}
.rad-zero-border {
    background: #6B728029;
    height: 1px;
    width: 100%;
    margin-top: 5px;
}
.rad-zero-but {
    width: 100%;
    max-width: 373px;
    height: 44px;
    border-radius: 12px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    background: #00D1B2;
    color: #F6F8FE;
}
.added_to_cart.wc-forward {
    display: none !important;
}
#cart-notification {
    z-index: 9999;
    width: 492px;
    height: 72px;
    border-radius: 32px;
    position: fixed;
    right: 0;
    top: 20px;
    left: 0;
    margin: auto;
    border: 1px solid var(--act-extra-light);
    padding: 20px 25px;
    background: var(--act-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--act-dark);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    gap: 14px;
}
#cart-notification.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
#cart-notification.active.fade-out {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
#cart-notification svg rect {
    color: var(--act-green);
}
#cart-notification svg path {
    color: var(--act-light);
}
.act-mini-cart-red-link {
    display: none;
}
/*  minicart end  */
/* login but start */
.gpx-login-sing-but {
    position: relative;
    transition: 0.4s;
}
.gpx-login-sing-but-text {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    background: #0B61FF;
    color: #ffffff;
}
.gpx-login-sing-but-text svg {
    width: 22px;
    height: 22px;
}
.gpx-login-sing-but-text img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
}
.gpx-login-sing-menu {
    position: absolute;
    display: flex;
    width: 213px;
    padding: 12px 0;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 12px 56px 0 rgba(0, 0, 0, 0.08);
    z-index: 9;
    transition: 0.4s;
    top: 80px;
    right: -32px;
    transform: translate(20%, -50%) scale(0);
}
.gpx-login-sing-menu-before {
    position: absolute;
    top: -13px;
    right: 43px;
    color: #ffffff;
}
.gpx-login-sing-but:hover .gpx-login-sing-menu {
    transform: translate(0%, 0%) scale(1);
}
.gpx-login-sing-menu-head-content {
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.gpx-login-sing-menu-head-content p {
    color: #0B1530;
    font-size: 14px;
    font-weight: 400;
}
.gpx-login-sing-menu-head-content span {
    color: rgba(11, 21, 48, 0.46);
    font-size: 12px;
    font-weight: 400;
    height: 9px;
}
.gpx-login-sing-menu-items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(11, 21, 48, 0.10);
}
.gpx-login-sing-menu-item {
    display: flex;
    padding: 0 12px;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    color: #8C919E;
    font-size: 14px;
    font-weight: 400;
}
.gpx-login-sing-menu-item.act_exit {
    color: #FF5050;
    margin-bottom: 5px;
}
/* login but end */
/*main-banneer start*/
.act-main-banner-1st {
    position: relative;
    width: 100%;
    height: 642px !important;
}
.act-main-banner-img {
    -webkit-mask-image: url('../img/main-banner-mask.svg');
    mask-image: url('../img/main-banner-mask.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-clip: border-box;
    mask-clip: border-box;
    width: 100%;
    height: 100% !important;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    mask-position: top;
    -webkit-mask-position: top;
}
.act-main-banner-content-box {
    position: absolute;
    bottom: 97px;
    display: flex;
    left: 64px;
    right: 64px;
    align-items: center;
    justify-content: space-between;
    width: auto;
    gap: 48px;
}
.act-main-banner-content-box-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 44px;
}
.act-main-banner-content-box-label {
    display: flex;
    height: 32px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 1000px;
    background: rgba(247, 250, 255, 0.08);
    backdrop-filter: blur(8px);
    color: #F5F9FF;
    font-size: 14px;
    font-weight: 400;
}
.act-main-banner-content-box-label strong {
    font-weight: 600;
}
.act-main-banner-content-box-title {
    color: #F5F9FF;
    font-size: 36px;
    font-weight: 300;
    line-height: 84px;
    position: relative;
    z-index: 0;
}
.act-main-banner-content-box-title strong {
    font-weight: 800;
}
.act-main-banner-content-box-title small {
    font-weight: 400;
}
.act-main-banner-content-box-title::before {
    position: absolute;
    content: '';
    width: 104%;
    height: 61px;
    border-bottom: 4px solid #00D1B2;
    background: linear-gradient(180deg, rgba(0, 209, 178, 0.00) 0%, rgba(0, 209, 178, 0.60) 148.57%);
    bottom: 0;
    right: -2%;
    transition: 0.4s;
    z-index: -1;
}
.act-main-banner-content-box-buts {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.act-main-banner-content-box-but {
    display: flex;
    height: 56px;
    justify-content: start;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 400;
    transition: 0.4s;
}
.act-main-banner-content-box-but-1 {
    padding: 8px 24px;
    background: #F5F9FF;
    color: #0B1530;
}
.act-main-banner-content-box-but-2 {
    padding: 8px 8px 8px 16px;
    background: #00D1B2;
    color: #0B1530;
}
.act-main-banner-content-box-but div {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 11px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: rgba(247, 250, 255, 0.40);
}
.act-main-banner-content-box-but div svg {
    width: 18px;
    height: 18px;
}
.act-main-banner-content-box-left {
    position: relative;
}
.act-main-banner-content-box-carousel {
    width: 481px;
    height: 329px;
    padding: 12px;
    background: #ffffff;
    -webkit-mask-image: url('../img/main-banner-carousel-bg.svg');
    mask-image: url('../img/main-banner-carousel-bg.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-clip: border-box;
    mask-clip: border-box;
    mask-size: 100%;
    -webkit-mask-size: 100%;
}
.act-main-banner-content-box-carousel-mobile-buts {
    display: none !important;
}
.act-main-banner-content-box-carousel-head {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.act-main-banner-content-box-carousel-head-text {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #F5F9FF;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    right: 30px;
    top: 14px;
}
.act-main-banner-content-box-carousel-head-buts {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.act-carousel-but {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 12px;
    background: #00D1B2;
    color: #F5F9FF;
    cursor: pointer;
    transition: 0.4s;
}
.act-carousel-but.swiper-button-disabled {
    background: rgba(0, 209, 178, 0.08);
    color: #00D1B2;
}
.act-main-banner-content-box-carousel-card {
    padding-top: 9px;
}
.act-product-card-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.act-main-banner-content-box-carousel-card .act-product-card-top {
    margin-bottom: 12px;
}
.act-product-img-box {
    display: flex;
    width: 103px;
    height: 103px;
    padding: 9.364px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 16px;
    background: rgba(11, 97, 255, 0.06);
}
.act-product-img-box img {
    width: 56px !important;
    height: 57px !important;
    aspect-ratio: 56/57 !important;
    object-fit: contain;
    border-radius: 12px !important;
}
.act-product-text-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    margin-top: 6px;
}
.act-product-title {
    color: #0B1530;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.act-product-text {
    color: rgba(11, 21, 48, 0.58);
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}
.act-main-banner-content-box-carousel-card .act-product-title{
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    align-self: auto;
}
.act-hor-bor {
    height: 1px;
    align-self: stretch;
    background: rgba(11, 21, 48, 0.10);
    position: relative;
    margin: 3px 0;
    margin-left: 4px;
}
.act-hor-bor::before {
    background: rgba(11, 21, 48, 0.10);
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    left: -5px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.act-product-attr-box {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    margin: 12px 0;
}
.act-product-attr-card {
    display: flex;
    height: 36px;
    padding: 8px 12px;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    border-radius: 32px;
    background: #F9FAFB;
    color: rgba(11, 21, 48, 0.58);
    font-size: 14px;
    font-weight: 400;
}
.act-main-banner-content-scroll-down {
    position: absolute;
    bottom: 12px;
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    width: 112px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}
.act-main-banner-content-scroll-down p {
    color: #F5F9FF;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}
.act-main-banner-content-scroll-down svg {
    width: 24px;
    height: 24px;
    aspect-ratio: 1 / 1;
    color: #ffffff;
}
.act-main-banner-content-scroll-down-animate {
    width: 18px !important;
    height: 12px !important;
    position: absolute;
    top: 11%;
    left: 50%;
    transform: translate(-50%, 0);
    opacity: 1;
    animation: wheel 2s infinite;
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: transform, opacity;
}
/* فقط transform و opacity انیمیت بشه */
@keyframes wheel {
    to {
        opacity: 0;
        transform: translate(-50%, 85%); /* حرکت نرم‌تر به پایین */
    }
}
@-webkit-keyframes wheel {
    to {
        opacity: 0;
        transform: translate(-50%, 85%); /* حرکت نرم‌تر به پایین */
    }
}
.act-main-banner-content-box-carousel-card .act-product-card-footer {
    width: 98%;
    margin: 20px auto 0;
}
.act-product-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.act-add-to-cart-but {
    color: #0B61FF;
    font-size: 16px;
    font-weight: 600;
    text-decoration-line: underline !important;
    text-underline-offset: 25%;
    text-underline-position: from-font;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.act-product-price-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
}
.act-product-price-box-top {
    display: flex;
    padding-right: 0.899px;
    justify-content: center;
    align-items: center;
    gap: 3.596px;
}
.act-product-price-off-percent {
    display: flex;
    width: 100%;
    height: 17.982px;
    padding: 3.188px 6.29px 1.005px 5.398px;
    justify-content: center;
    align-items: center;
    border-radius: 899.099px;
    background: #FF5050;
    color: #F5F9FF;
    font-size: 12px;
    font-weight: 600;
}
.act-product-price-off-price {
    color: rgba(11, 21, 48, 0.58);
    font-size: 14px;
    font-weight: 400;
    position: relative;
}
.act-product-price-off-price::before {
    position: absolute;
    content: '';
    right: 1px;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 64px;
    height: 1px;
    transform: rotate(169.791deg);
    background: rgba(11, 21, 48, 0.58);
}
.act-product-price, .act-product-price-range-bottom {
    color: #0B1530;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    text-align: left;
    width: 100%;
    padding-left: 12px;
}
.act-product-price span, .act-product-price-range-bottom span {
    color: rgba(11, 21, 48, 0.58);
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    position: absolute;
    width: 25px;
    height: 10px;
    transform: rotate(-90deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: -8px;
}
/*main-banneer end*/
/* counter box start */
.gp-counter-card {
    width: 100%;
    height: 125px;
    padding: 30px 25px;
    gap: 10px;
    border-radius: 24px;
    border: 1px solid rgba(11, 21, 48, 0.06);
    background: #FFF;
}
.gp-counter-card-item-num-s {
    color: #00D1B2;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
}
.gp-counter-card-item-num {
    color: #0B61FF;
    font-size: 30px;
    font-weight: 700;
    line-height: 24px;
}
.gp-counter-card-item-text {
    color: #0B153094;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}
.gp-counter-card-item-text small {
    color: #0B1530;
}
/* counter box end */
/* act-our-services-carousel start */
.act-our-services-carousel-1st {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
}
.act-our-services-carousel-head {
    position: relative;
    width: 100%;
}
.act-our-services-carousel-head-svg {
    position: absolute;
    right: 0;
    left: 0;
    top: -33px;
    z-index: -1;
    width: 100%;
    margin: auto;
}
.act-our-services-carousel-head-title {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-start;
}
.act-our-services-carousel-head-title-divs {
    display: flex;
    width: 3px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
.act-our-services-carousel-head-title-divs div {
    width: 3px;
    height: 32px;
    border-radius: 1000px;
}
.act-our-services-carousel-head-title-div1 {
    background: #00D1B2;
}
.act-our-services-carousel-head-title-div2 {
    background: rgba(11, 21, 48, 0.08);
}
.act-our-services-carousel-head-title-content h5 {
    color: rgba(11, 21, 48, 0.58);
    font-size: 22px;
    font-weight: 300;
    line-height: 34px;
}
.act-our-services-carousel-head-title-content strong {
    color: #0B61FF;
    font-size: 22px;
    font-weight: 700;
    line-height: 34px;
}
.act-our-services-carousel-head-title-content p {
    color: rgba(11, 21, 48, 0.10);
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
}
.act-primary-but {
    display: flex;
    height: 56px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    border: 1px solid #00D1B2;
    color: #00D1B2;
    font-size: 16px;
    font-weight: 400;
}
.act-our-services-carousel-head-nav-buts {
    display: none;
}
.act-our-services-carousel-main {
    width: 100%;
}
.act-our-services-carousel-2nd .swiper-slide {
    width: 416px !important;
    margin-left: 17px;
    margin-bottom: 17px;
    height: auto !important;
}
.atc-our-services-card {
    width: 413px;
    height: 250px;
    position: relative;
    display: block !important;
    transition: 0.4s;
}
.atc-our-services-card-icon {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
    border-radius: 16px;
    background: #F9FAFB;
    transition: 0.4s;
    color: #8C919E;
}
.act-our-services-card-content {
    position: absolute;
    bottom: 40px;
    right: 40px;
    left: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.act-our-services-card-content h4 {
    color: #0B1530;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}
.act-our-services-card-content p {
    color: rgba(11, 21, 48, 0.58);
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}
.atc-our-services-card-svg {
    color: #ffffff;
}
.card-border-start {
    stop-color: #0B15300F;
    transition: 0.4s;
}
.card-border-end {
    stop-color: #0B15300F;
    transition: 0.4s;
}
.atc-our-services-card:hover .card-border-start {
    stop-color: #0B61FF;
}
.atc-our-services-card:hover .card-border-end {
    stop-color: #0B1530;
}
.atc-our-services-card-mobile {
    display: none;
}
.atc-our-services-card:hover .atc-our-services-card-icon {
    background: #0B61FF;
    color: #FFFFFF;
}
/* act-our-services-carousel end */
/* act-special-carousel start */
.act-special-carousel-1st {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    position: relative;
}
.act-our-special-carousel-head-svg {
    position: absolute;
    right: 0;
    left: 0;
    top: -33px;
    z-index: -1;
    width: 100%;
    margin: auto;
}
.act-special-carousel-head-buts {
    display: flex;
    align-items: center;
    gap: 24px;
}
.act-special-carousel-head-timer {
    display: flex;
    align-items: center;
    gap: 6px;
}
.act-special-carousel-head-timer-item {
    display: flex;
    width: 56px;
    height: 56px;
    padding: 5.482px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 12px;
    border: 0.685px solid rgba(11, 21, 48, 0.10);
}
.act-special-carousel-head-timer-item p {
    color: #0B1530;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.act-special-carousel-head-timer-item span {
    color: rgba(11, 21, 48, 0.58);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
.act-special-carousel-head-timer-item-border {
    color: #6B7280;
    font-family: DanaVF;
    font-size: 18px;
    font-weight: 500;
}
.act-special-carousel-head-nav-buts {
    display: flex;
    align-items: center;
    gap: 12px;
}
.act-special-carousel-main {
    display: flex;
    padding: 24px;
    align-items: flex-start;
    gap: 22px;
    align-self: stretch;
    border-radius: 24px;
    border: 1px solid rgba(11, 21, 48, 0.06);
    background: #FFF;
}
.act-special-carousel-main-list {
    width: 193px;
    position: relative;
    height: 297px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.act-special-carousel-main-list-prev {
    position: absolute;
    display: flex;
    height: 80px;
    width: 193px;
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    z-index: 2;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -11.29%, #FFF 83.99%);
    top: 0px;
    right: 0;
    left: 0;
    margin: auto;
    color: #0B61FF;
    transition: 0.4s;
}
.act-special-carousel-main-list-prev svg {
    transform: rotate(180deg);
}
.act-special-carousel-main-list-next {
    position: absolute;
    display: flex;
    height: 80px;
    width: 193px;
    padding: 0;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    z-index: 2;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -11.29%, #FFF 83.99%);
    bottom: 0px;
    right: 0;
    left: 0;
    margin: auto;
    color: #0B61FF;
    transition: 0.4s;
}
.act-special-carousel-main-list-prev.swiper-button-disabled, .act-special-carousel-main-list-prev.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}
.act-special-carousel-main-list-carousel {
    height: 80%;
    margin: 0;
    width: 100%;
}
.act-special-carousel-main-list-carousel .swiper-slide {
    height: fit-content;
    margin-bottom: 16px;
}
.act-special-carousel-main-list-carousel .swiper-slide:last-child {
    margin-bottom: 0;
}
.act-special-carousel-main-list-carousel-item {
    display: flex;
    max-width: 257px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 100px;
    background: #F9FAFB;
    cursor: pointer;
    transition: 0.4s;
    color: rgba(11, 21, 48, 0.58);
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}
.act-special-carousel-main-list-carousel-item.active {
    background: #00D1B2;
    color: #0B1530;
}
.act-special-carousel-main-carousels-list {
    width: 1015px;
    overflow: hidden;
}
.act-special-carousel-main-carousel-box {
    display: none;
}
.act-special-carousel-main-carousel-box.active {
    display: block;
}
.act-special-carousel-main-carousel .swiper-slide {
    width: auto !important;
    margin-left: 20px;
}
.act-special-carousel-main-carousel .swiper-slide:last-child {
    margin-left: 0;
}
.act-special-carousel-card {
    position: relative;
    transition: 0.4s;
    width: 325px;
    height: 297px;
    padding: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 16px;
    background: #0B15301A;
}
.act-special-carousel-card::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0B1530 0%, #0B61FF 142.59%);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.act-special-carousel-card-inner {
    display: flex;
    padding: 23px 15px 15px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 15px;
    background: #FFF;
    width: 100%;
    height: 100%;
}
.act-special-carousel-card-inner a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.act-special-carousel-card-inner a .act-product-title {
    margin-top: 30px;
    text-align: center;
}
.act-special-carousel-card:hover::before {
    opacity: 1;
    visibility: visible;
}
.act-special-carousel-card-off-box {
    display: flex;
    width: 44px;
    height: 44px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    left: 12px;
    top: 12px;
    border-radius: 12px;
    background: #FF5050;
    color: #F5F9FF;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.act-special-carousel-card-img-box {
    display: flex;
    width: 96px;
    height: 96px;
    padding: 9.364px;
    justify-content: center;
    align-items: center;
    gap: 18.727px;
    aspect-ratio: 1/1;
    border-radius: 16px;
    background: rgba(11, 97, 255, 0.05);
    transition: 0.4s;
}
.act-special-carousel-card-img-box img {
    transition: 0.4s;
    object-fit: contain;
}
.act-special-carousel-card:hover img {
    filter: grayscale(1) brightness(3);
}
.act-special-carousel-card-buy-box {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
}
.act-special-carousel-card-buy-box-div {
    display: flex;
    align-items: center;
    gap: 10px;
}
.act-special-carousel-card-buy-box-option {
    display: flex;
    height: 52px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 12px;
    background: #F9FAFB;
    color: rgba(11, 21, 48, 0.58);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.act-special-carousel-card-buy-box-option img, .act-special-carousel-card-buy-box-option svg {
    height: 18px!important;
    width: 18px!important;
}
.act-special-carousel-card-buy-box-but {
    display: flex !important;
    width: 52px;
    height: 52px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #00D1B2;
    position: relative;
    color: #ffffff;
}
.act-special-carousel-card-buy-box-but div {
    display: flex;
    width: 15px;
    height: 15px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    position: absolute;
    right: -4px;
    top: -4px;
    border-radius: 809.84px;
    border: 0.81px solid #F5F9FF;
    background: #0B61FF;
    color: #F5F9FF;
    font-family: Montserrat;
    font-size: 10.181px;
    font-weight: 500;
    line-height: normal;
}
.act-special-carousel-card:hover .act-special-carousel-card-img-box {
    background: #0B61FF;
}
.act-wish-item-buy-box .act-product-price {
    color: #0B1530;
}
.act-wish-item-buy-box .act-product-price span {
    color: #8B91A0;
}
.act-special-carousel-card-buy-box-div .shop-out-of-stock {
    color: rgba(11, 21, 48, 0.58);
    font-size: 14px;
    font-weight: 400;
}
/* act-special-carousel end */
/* act blogs start */
.act-blogs-1st {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
}
.act-blogs-head {
    position: relative;
    width: 100%;
}
.act-blogs-carousel-head-svg {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    margin: auto;
    bottom: 15px;
    z-index: -1;
    transition: 0.4s;
}
.act-blogs-head-content {
    display: flex;
    align-items: center;
    gap: 24px;
}
.act-blogs-head-content-text {
    color: rgba(11, 21, 48, 0.58);
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    max-width: 334px;
}
.act-blogs-head-content-text strong {
    color: #0B61FF;
}
.act-blogs-head-content-box a {
    display: flex;
    height: 56px;
    padding: 8px 24px;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    border: 1px solid #00D1B2;
    color: #00D1B2;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.act-blogs-head-nav-buts {
    display: none;
}
.act-blogs-main {
    width: 100%;
}
.act-blogs-carousel .act-blogs-carousel-wrapper {
    gap: 20px !important;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.act-blogs-carousel .swiper-slide {
    width: auto;
    height: auto;
}
.act-blog-card {
    position: relative;
    border-radius: 24px;
    background: #0B15300F;
    transition: 0.4s;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 413px;
    padding: 1px;
    height: 322px;
    overflow: hidden;
}
.act-blog-card::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(rgb(11, 21, 48) 0%, rgb(11, 97, 255) 142.59%);
    transition: 0.4s;
    z-index: -1;
}
.act-blog-card:hover::before {
    opacity: 1;
    visibility: visible;
}
.act-blog-card-inner {
    border-radius: 23px;
    background: #FFF;
    transition: 0.4s;
    display: flex !important;
    width: 100%;
    padding: 15px;
    flex-direction: column;
    gap: 14px;
    align-self: stretch;
    align-items: flex-start;
    height: 100%;
}
.act-blog-card-img-box {
    position: relative;
    width: 100%;
}
.act-blog-card-img-box img {
    width: 100% !important;
    height: 158px !important;
    border-radius: 16px !important;
    background: lightgray 0px -13.776px / 100% 135.641% no-repeat !important;
    object-fit: cover !important;
}
.act-blog-card-img-box-label {
    display: flex;
    height: 32px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    left: 21px;
    top: 21px;
    border-radius: 1000px;
    background: #0B61FF;
    color: #F5F9FF;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.act-blog-card-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.act-blog-card h4 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    align-self: auto;
}
.act-blog-card-text {
    color: rgba(11, 21, 48, 0.58);
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    align-self: auto;
}
.act-blog-card-footer {
    display: none;
}
.act-blog-card-footer-read-time {
    color: rgba(11, 21, 48, 0.58);
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
}
.act-blog-card-link {
    display: flex;
    width: 36px;
    height: 36px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #00D1B2;
    color: #00D1B2;
    transition: 0.4s;
}
.act-blog-first-card .act-blog-card {
    height: 151px;
}
.act-blog-first-card .act-blog-card .act-blog-card-inner {
    gap: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.act-blog-first-card .act-blog-card .act-blog-card-content {
    display: flex;
    height: 119px;
    padding: 8px 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 64%;
}
.act-blog-first-card .act-blog-card .act-blog-card-img-box, .act-blog-first-card .act-blog-card img {
    width: 119px !important;
    height: 119px !important;
}
.act-blog-first-card .act-blog-card .act-blog-card-text, .act-blog-first-card .act-blog-card .act-blog-card-img-box-label {
    display: none !important;
}
.act-blog-first-card .act-blog-card .act-blog-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.act-blog-last-card .act-blog-card {
    height: 94px;
}
.act-blog-last-card .act-blog-card .act-blog-card-inner {
    padding: 16px 24px 16px 16px;
    justify-content: center;
    align-items: center;
}
.act-blog-last-card .act-blog-card .act-blog-card-footer-read-time, .act-blog-last-card .act-blog-card .act-blog-card-img-box, .act-blog-last-card .act-blog-card .act-blog-card-text {
    display: none !important;
}
.act-blog-last-card .act-blog-card .act-blog-card-footer {
    display: flex;
}
.act-blog-last-card .act-blog-card .act-blog-card-content {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
.act-blog-last-card .act-blog-card .act-blog-card-footer .act-blog-card-link {
    width: 48px;
    height: 48px;
}
.act-blog-last-card .act-blog-card .act-blog-card-footer .act-blog-card-link svg {
    width: 36px;
    height: 36px;
}
.act-blogs-first-box, .act-blogs-last-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.act-blog-cards-more {
    display: none !important;
}
.act-archive-blogs-card:hover .act-blog-card-link {
    background: #00D1B2;
    color: #ffffff;
}
/* act blogs end */
/* new-service-box start */
.act-new-service-carousel-1st {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
}
.act-new-service-carousel-head {
    position: relative;
    width: 100%;
}
.act-new-service-carousel-head-svg {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    margin: auto;
    bottom: 15px;
    z-index: -1;
    transition: 0.4s;
}
.act-new-service-carousel-head-content {
    display: flex;
    align-items: center;
    gap: 24px;
}
.act-new-service-carousel-head-content .act-link-but {
    display: flex;
    height: 56px;
    padding: 8px 24px;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    border: 1px solid #00D1B2;
    color: #00D1B2;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.act-link-but svg {
    display: none;
}
.act-new-service-carousel-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}
.new-service-box-swiper {
    width: 100%;
}
.new-service-box-swiper::before {
    position: absolute;
    content: '';
    width: 284px;
    height: 100%;
    background: linear-gradient(270deg, rgba(245, 249, 255, 0) -11.29%, #F5F9FF 83.99%);
    z-index: 9;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.4s;
    opacity: 1;
    visibility: visible;
}
.new-service-box-swiper::after {
    position: absolute;
    content: '';
    width: 284px;
    height: 100%;
    background: linear-gradient(90deg, rgba(245, 249, 255, 0) -11.29%, #F5F9FF 83.99%);
    z-index: 9;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.new-service-box-swiper.taheshe::before {
    opacity: 0;
    visibility: hidden;
}
.new-service-box-swiper.taheshe::after {
    opacity: 1;
    visibility: visible;
}
.new-service-box-swiper .swiper-slide {
    width: auto !important;
    margin: 0 0 20px 20px;
}
.act-new-service-card {
    width: 413px;
    height: 220px;
    background: #0B15301A;
    border-radius: 24px;
    padding: 1px;
    transition: 0.4s;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-new-service-card-inner {
    width: 411px;
    height: 218px;
    background: #f5f9ff;
    border-radius: 22px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.4s;
}
.act-new-service-card::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(rgb(11, 21, 48) 0%, rgb(11, 97, 255) 142.59%);
    transition: 0.4s;
    z-index: -1;
}
.act-new-service-card:hover::before {
    opacity: 1;
    visibility: visible;
}
.act-new-service-card:hover .act-new-service-card-inner {
    background: #FFFFFF;
}
.act-new-service-card-inner-top {
    display: flex;
    align-items: center;
    gap: 12px;
}
.act-new-service-card-inner-top-img-box {
    width: 103px;
    height: 103px;
    border-radius: 16px;
    padding: 9.36px;
    background: #0B61FF0D;
    transition: 0.4s;
}
.act-new-service-card:hover .act-new-service-card-inner-top-img-box {
    background: #0B61FF;
}
.act-new-service-card-inner-top-img-box img {
    width: 100%;
    height: 100% !important;
    transition: 0.4s;
    object-fit: contain;
}
.act-new-service-card:hover .act-new-service-card-inner-top-img-box img {
    filter: grayscale(1) brightness(3);
}
.act-new-service-card-inner-top-txt-box {
    display: flex;
    flex-direction: column;
    width: 70%;
    gap: 14px;
}
.act-product-txt {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #0B153094;
}
.act-new-service-card .act-add-to-cart-but {
    color: #8B91A0;
    transition: 0.4s;
}
.act-new-service-card:hover .act-add-to-cart-but {
    color: #0B61FF;
}
/* new-service-box end */
/* apple id banner start */
.act-apple-banner-1st {
    position: relative;
    width: 305px;
    height: 497px;
}
.act-apple-banner-bg {
    color: #FFFFFF;
}
.brd-clr-b {
    color: #0B61FF;
}
.brd-clr {
    color: #0B1530;
}
.act-apple-banner-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 241px;
    height: 250px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.act-apple-banner-icon {
    width: 114px;
    height: 113px;
    border-radius: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0B61FF12;
    color: #0B61FF;
}
.act-apple-banner-text {
    font-weight: 300;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #0B153094;
}
.act-apple-banner-text strong {
    color: #0B61FF;
    font-weight: 700;
}
.act-apple-banner-text-2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 45.09px;
    line-height: 78.91px;
    text-align: center;
    background: linear-gradient(180deg, rgba(11, 97, 255, 0.07) 0%, rgba(240, 255, 253, 0.07) 125%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    bottom: 53px;
    letter-spacing: 4px;
}
.act-apple-banner-m-bg {
    display: none;
}
/* apple id banner end */
/* act-variable-order start */
.act-account-order-1st {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}
.act-account-order {
    border-radius: 24px;
    width: 100%;
    min-height: 489px;
    max-width: 955px;
    padding: 24px;
    border: 1px solid #0B15300F;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
}
.act-account-order-before {
    position: absolute;
    bottom: 0;
    left: 15%;
    color: #0B61FF;
}
.act-account-order-title {
    font-weight: 300;
    font-size: 20px;
    line-height: 100%;
    color: #0B153094;
    position: relative;
    padding-right: 35px;
    border-bottom: 1px solid #0B15301A;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.act-account-order-title strong {
    font-weight: 700;
    color: #0B61FF;
}
.act-account-order-title::before {
    position: absolute;
    content: '';
    height: 4px;
    width: 24px;
    border-radius: 1000px;
    background: #00D1B2;
    right: 0;
    top: 0;
    bottom: 20px;
    margin: auto;
}
.act-account-order-main-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #0B1530;
    margin-bottom: 15px;
}
.act-account-order-main-title strong {
    font-weight: 600;
}
.act-account-order-carousel {
    width: 100%;
}
.act-account-order-carousel.taheshe {}
.act-account-order-but-l, .act-account-order-but-r {
    position: absolute;
    width: 0;
    height: 0;
}
.act-account-order-carousel .swiper-slide {
    width: auto !important;
}
.act-account-order-carousel::before {
    position: absolute;
    content: '';
    width: 207px;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) -11.29%, #FFFFFF 83.99%);
    z-index: 9;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.4s;
    opacity: 1;
    visibility: visible;
}
.act-account-order-carousel::after {
    position: absolute;
    content: '';
    width: 207px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) -11.29%, #FFFFFF 83.99%);
    z-index: 9;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.act-account-order-carousel.taheshe::before {
    opacity: 0;
    visibility: hidden;
}
.act-account-order-carousel.taheshe::after {
    opacity: 1;
    visibility: visible;
}
.act-account-order-carousel .act-product-option {
    width: 211.75px !important;
    height: 183px;
    border-radius: 20px;
    border-width: 1px;
    padding: 1px;
    background: #0B15301A;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin: 5px 0;
}
.act-account-order-carousel .act-product-option::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0B1530 0%, #0B61FF 142.59%);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.act-account-order-carousel .act-product-option:hover::before, .act-account-order-carousel .act-product-option.active::before {
    opacity: 1;
    visibility: visible;
}
.act-product-option input[type="radio"] {
    display: none;
}
.act-product-option label {
    width: 100%;
    height: 181px;
    border-radius: 19px;
    border-width: 1px;
    padding: 14px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #ffffff;
    flex-direction: column;
    cursor: pointer;
}
.act-product-option label img {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    padding: 9.36px;
    background: #0B61FF0D;
    transition: 0.4s;
}
.act-product-option label h5 {
    margin-top: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #0B1530;
}
.act-product-option label p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #0B153094;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    align-self: auto;
}
.act-product-option-tick-box {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #0B15300A;
    top: 15px;
    left: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}
.act-product-option-tick-box svg {
    color: #ffffff;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.act-product-option.active .act-product-option-tick-box {
    background: #00D1B2;
}
.act-product-option.active .act-product-option-tick-box svg {
    opacity: 1;
    visibility: visible;
}
.act-product-attrs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.act-attr-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}
.act-attr-option {
    width: auto;
    height: 56px;
    border-radius: 16px;
    padding: 1px;
    background: #0B15301A;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: 0.4s;
    z-index: 1;
}
.act-attr-option::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0B1530 0%, #0B61FF 142.59%);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.act-attr-option:hover::before, .act-attr-option.active::before {
    opacity: 1;
    visibility: visible;
}
.act-attr-option input[type="radio"] {
    display: none;
}
.act-attr-option label {
    width: 100%;
    height: 54px;
    border-radius: 15px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    cursor: pointer;
    gap: 12px;
    transition: 0.4s;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    color: #0B1530;
}
.act-attr-option label .act-product-option-tick-box {
    position: static;
}
.act-attr-option label .act-product-option-tick-box svg {
    color: #ffffff;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.act-attr-option.active .act-product-option-tick-box {
    background: #00D1B2;
}
.act-attr-option.active .act-product-option-tick-box svg {
    opacity: 1;
    visibility: visible;
}
#act-summary-box {
    background: #ffffff;
    width: 305px;
    height: 100%;
    min-height: 489px;
    border-radius: 24px;
    padding: 24px;
    border: 1px solid #0B15300F;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.act-summary-box-main {
    margin-bottom: 20px;
}
.act-summary-box-options {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid #0B15301A;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.act-summary-box-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    flex-wrap: wrap;
    gap: 10px;
}
.act-summary-box-option p {
    font-weight: 600;
    color: #0B1530;
}
.act-summary-box-option span {
    color: #0B153094;
}
.act-summary-box-price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    padding: 16px;
    background: #F9FAFB;
}
.act-summary-box-price-box-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #0B1530;
}
.act-summary-box-price-box .act-product-price-box .act-product-price {
    color: #0B61FF;
}
.act-summary-box-but-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.act-summary-box-but-buy-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.act-summary-box-but-buy-box button {
    width: 100%;
    height: 48px;
}
.act-summary-box-but-buy-box .act-variable-order-footer-btn-1 {
    justify-content: flex-start;
    padding-right: 4px;
}
.act-summary-box-but-options {
    display: flex;
    align-items: center;
    gap: 16px;
}
.act-summary-box-but-option {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0B153094;
}
.act-summary-box-but-option div {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #F9FAFB;
    display: flex;
    align-items: center;
    justify-content: center;
}

.act-variable-details{

}
.act-attr-group{
    transition: 0.4s;
    position: relative;
}
.act-attr-group::before {
    transition: 0.4s;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    opacity: 0;
    z-index: 0;
    visibility: hidden;
}
.act-attr-group.act-fade{

}
.act-attr-group.act-fade::before{
    opacity: 1;
    z-index: 9;
    visibility: visible;
}

/* act-variable-order end */
/* act-variable-product start */
.act-variable-order {
    border-radius: 24px;
    width: 100%;
    min-height: 489px;
    padding: 24px;
    border: 1px solid #0B15300F;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
}
.act-variable-order-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
}
.act-variable-order-head-right {
    display: flex;
    align-items: center;
    gap: 14px;
}
.act-variable-order-head-right .act-vb {
    height: 20px;
}
.act-variable-order-star-rating {
    display: flex;
    gap: 5px;
}
.act-variable-order-star-rating span {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #0B1530;
    margin-top: 2px;
}
.act-variable-order-star-full {
    color: #FDD63B;
}
.act-variable-order-star-emp {
    color: #FDD63B;
}
.act-variable-order-comments-num {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #0B153094;
}
.act-variable-order-head-left {
    display: flex;
    align-items: center;
    gap: 20px;
}
.act-variable-order-Customer-satisfaction {
    border-radius: 1000px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    background: #00D1B21A;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #00D1B2;
}
.act-variable-order-Customer-satisfaction span {
    font-weight: 700;
}
.act-variable-order-sold {
    border-radius: 1000px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    background: #0B61FF0F;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #0B61FF;
}
.act-variable-order-sold span {
    font-weight: 700;
}
.act-variable-order-1st {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.act-variable-order-1st .act-hor-bor, .act-variable-order-1st .act-hor-bor::before {}
.act-variable-order-1st .act-account-order-main-title {
    color: var(--act-dark);
}
.act-variable-order-1st .act-variable-order-main-card {}
.act-variable-order-1st .act-variable-order-main-card::before {
    background: var(--act-grad);
}
.act-variable-order-1st .act-variable-order-main-card-inner {
    background: var(--act-white);
}
.act-variable-order-1st .act-variable-order-main-card-tick {}
.act-variable-order-1st .act-variable-order-main-card.active .act-variable-order-main-card-tick {
    background: var(--act-green);
}
.act-variable-order-1st .act-variable-order-main-card-tick svg {
    color: var(--act-white);
}
.act-variable-order-1st .act-variable-order-main-card-text-box p {
    color: var(--act-dark);
}
.act-variable-order-main {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.act-variable-order-main-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #0B1530;
}
.act-variable-order-main-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #0B153094;
}
.act-variable-order-main-carousel {
    width: 100%;
}
.act-variable-order-main-carousel-but-l, .act-variable-order-main-carousel-but-r {
    display: none;
}
.act-variable-order-main-carousel .swiper-slide {
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    margin-left: 12px !important;
}
.act-variable-order-main-card {
    width: 291px;
    height: 74px;
    border-radius: 16px;
    padding: 1px;
    background: #0B15301A;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-variable-order-main-card::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0B1530 0%, #0B61FF 142.59%);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.act-variable-order-main-card-inner {
    border-radius: 15px;
    padding: 15px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 72px;
    z-index: 1;
}
.act-variable-order-main-card-tick {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #0B15300A;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-variable-order-main-card-tick svg {
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
.act-variable-order-main-card-text-box p {
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    color: #0B1530;
}
.act-variable-order-main-card-text-box span {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #0B153094;
}
.act-variable-order-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.act-variable-order-footer-right {
    display: flex;
    align-items: center;
    gap: 16px;
}
.act-variable-order-footer-right button, .act-summary-box-but-buy-box button {
    border-radius: 16px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    background: #FFFFFF;
    border: 1px solid #00D1B2;
    color: #00D1B2;
}
.act-variable-order-footer-btn-1 {
    width: 210px;
    background: #00D1B2;
    gap: 8px;
    color: #0B1530;
}
.act-variable-order-footer-btn-1 div {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #F7FAFF66;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-variable-order-footer-btn-1 svg {
    width: 18px;
    height: 18px;
}
.act-variable-order-footer-btn-2 {
    width: 186px;
    padding: 8px 24px !important;
}
.act-summary-box-but-buy-box button {
    height: 48px;
}
.act-variable-order-footer-right button:hover, .act-summary-box-but-buy-box button:hover {
    background: #00D1B2;
    color: #0B1530;
}
.act-variable-order-footer-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.act-variable-order-footer-qtt {
    display: flex;
    flex-direction: column;
    width: 33px;
    height: 60px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #0B15301A;
    align-items: center;
    justify-content: center;
    position: relative;
}
.act-variable-order-footer-qtt button {
    color: #0B153094;
    height: 17px;
    width: 33px;
    position: absolute;
}
.act-variable-order-footer-qtt-plus {
    top: 0;
    border-bottom: 1px solid #EDEDEE;
}
.act-variable-order-footer-qtt-min {
    bottom: 0;
    border-top: 1px solid #EDEDEE;
}
.act-variable-order-footer-qtt-inp {
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #0B1530;
    -moz-appearance: textfield;
    appearance: textfield;
}
.act-variable-order-footer-qtt-inp::-webkit-inner-spin-button, .act-variable-order-footer-qtt-inp::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.act-variable-order-main-card.active:before, .act-variable-order-main-card:hover::before {
    opacity: 1;
    visibility: visible;
}
.act-variable-order-main-card.active .act-variable-order-main-card-tick {
    background: #00D1B2;
}
.act-variable-order-main-card.active .act-variable-order-main-card-tick svg {
    opacity: 1;
    visibility: visible;
}
/* act-variable-product end */
/* archive-blogs start */
.act-archive-blogs-1st {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.act-archive-blogs-head {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    flex-wrap: wrap;
}
.act-archive-blogs-head p {
    color: #0B1530;
}
.act-archive-blogs-head-item {
    color: #8990A0;
    transition: 0.4s
}
.act-archive-blogs-head-item:hover, .act-archive-blogs-head-item.active {
    color: #0B61FF;
}
.act-archive-blogs-main {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    justify-items: center;
    align-items: center;
}
.act-archive-blogs-card {
    height: 380px;
    width: 100%;
}
.act-archive-blogs-card-inner {
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.act-archive-blogs-card-img {
    width: 100% !important;
    height: 156px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
}
.act-2line {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    align-self: auto;
}
/* archive-blogs end */
/* act filter start  */
.act-filter-box-1st {
    position: relative;
    width: 305px;
    min-height: 484px;
    margin: 50px auto;
}
.act-filter-box-1st-bg {
    position: absolute;
    width: 100%;
    top: 0;
    color: #fff;
}
.act-filter-box-head {
    z-index: 2;
    position: relative;
    width: 95% !important;
    height: 60px;
}
.dp-remove-filters {
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 93px;
    height: 34px;
    background: #E5FAF7;
    border-radius: 40px;
    cursor: pointer;
    display: none;
}
.dp-remove-filters.active {
    display: flex !important;
}
.dp-filter-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #00D1B2;
}
.dp-remove-filters-x {
    color: #00D1B2;
}
.act-filter-box-head-text {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #00D1B2;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    padding-right: 16px;
}
.act-filter-box-head-text svg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.act-filter-box-main {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 16px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #0B15300F;
    border-top: none;
    border-radius: 0px 0px 24px 24px;
    padding-top: 0;
    margin-top: 25px;
    margin-right: 1px;
    width: 304px;
}
.act-bg-hover {
    position: relative;
    transition: 0.4s;
    background: #E7E8EA;
    border-radius: 16px;
    padding: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.act-bg-hover::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0B1530 0%, #0B61FF 142.59%);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.act-bg-hover.active:before, .act-bg-hover:hover::before {
    opacity: 1;
    visibility: visible;
}
.act-bg-hover-inner {
    width: 100%;
    z-index: 1;
    height: 100%;
    background: #ffffff;
    border-radius: 15px;
}
.act-filter-box-main-blogs-filter {
    width: 100%;
    height: 72px;
}
.act-filter-box-main-blogs-filter-inner {
    display: flex;
    padding: 14px;
    align-items: center;
    gap: 12px;
}
.act-filter-box-main-blogs-filter-right {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #E5FAF7;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-filter-box-main-blogs-filter-text-box {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.act-filter-box-main-blogs-filter-text-box p {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0B1530;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    align-self: auto;
}
.act-filter-box-main-blogs-filter-text-box span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #E7E8EA;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    align-self: auto;
}
.act-filter-but {
    width: 150px;
    height: 46px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    border-radius: 16px;
    background: #00D1B2;
    display: none;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #0B1530;
    z-index: 9;
}
/* act filter end  */
/*  pagination start */
.navigation.pagination {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
}
.navigation.pagination .nav-links {
    height: 56px;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #F0F1F3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 20px;
    gap: 12px;
    overflow: hidden;
}
.navigation.pagination .nav-links .page-numbers {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #F9FAFB;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8F93A0;
    transition: 0.4s;
    position: relative;
}
.navigation.pagination .nav-links .page-numbers::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background: #00D1B2;
    transition: 0.4s;
    bottom: -8px;
    transform: translateY(4px);
}
.navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers:hover {
    color: #00D1B2;
    background: #E5FAF7;
}
.navigation.pagination .nav-links .page-numbers:hover::before, .navigation.pagination .nav-links .page-numbers.current::before {
    transform: translateY(0px);
}
.navigation.pagination .nav-links .next.page-numbers, .navigation.pagination .nav-links .prev.page-numbers {
    display: none !important;
}
.navigation.pagination .nav-links .page-numbers.dots {
    cursor: context-menu;
}
.navigation.pagination .nav-links .page-numbers.dots:before {
    display: none;
}
.act-pagination-arrows {
    display: flex;
    align-items: center;
    gap: 12px;
}
.act-pagination-arrows a {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    padding: 16px;
    background: #E1F6F9;
    transition: 0.4s;
    color: #00D1B2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-pagination-arrows a svg {
    width: 24px;
    height: 24px;
}
.act-pagination-arrows a:hover {
    background: #00D1B2;
    color: #F5F9FF;
}
.navigation.pagination .act-vb {
    height: 32px;
}
/*  pagination end */
/* breadcrumb start */
.rad-breadcrumb.rad-woo-bread {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.kp-pl {
    color: #0B1530;
}
.sep {
    color: #DEE2EA;
}
.kp-pn {
    color: #8F93A0;
}
/* breadcrumb end */
/* login start */
.act-login-sign-up-1st {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--act-light);
    z-index: 999999999999;
    width: 100%;
    height: 100%;
}
.act-login-sign-up-1st-img-top {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.act-login-sinup-inner {
    width: 492px;
    height: 614px;
    border-radius: 32px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 9;
    border: 1px solid var(--act-extra-light);
    padding: 35px 45px;
    background: var(--act-white);
}
#act_login_form, #act_register_form {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    max-width: 380px;
    margin: 0 auto;
    bottom: 60px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    transition: 0.4s;
    height: 444px;
    justify-content: flex-start;
}
#act_register_form {
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
}
#act_login_form.dp-register-hide {
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
}
#act_login_form.dp-register-visible {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
#act_register_form.dp-register-hide {
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
}
#act_register_form.dp-register-visible {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.act-login-sign-up-logo {
    width: 157px !important;
    height: 56px !important;
    object-fit: contain !important;
}
.act-login-title {
    display: flex;
    align-items: center;
    gap: 6px;
}
.act-login-title-borders {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.act-login-title-borders div {
    width: 2px;
    height: 24px;
    border-radius: 1000px;
}
.act-login-title-borders div.act-login-title-border1 {
    background: var(--act-green);
}
.act-login-title-borders div.act-login-title-border2 {
    background: var(--act-dark);
    opacity: 8%;
}
.act-login-title-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.act-login-title-text p {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: var(--act-blue);
}
.act-login-title-text span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: var(--act-dark);
    opacity: 10%;
}
.act-login-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    color: var(--act-gray);
}
#act_login_step_user, #act_register_step_info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
#act_login_step_user.active, #act_register_step_info.active {
    opacity: 1;
    visibility: visible;
}
.act-login-reg-form-input-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.act-login-reg-form-input-group label {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-gray);
}
.act-login-reg-form-input-bg {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    padding: 1px;
    background: var(--act-extra-light);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-login-reg-form-input-bg::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: var(--act-grad);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.act-login-reg-form-input-bg.active::before, .act-login-reg-form-input-bg:hover::before {
    opacity: 1;
    visibility: visible;
}
.act-login-reg-form-input-bg input {
    width: 100%;
    height: 100%;
    background: var(--act-white);
    border-radius: 9px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-dark);
    padding: 16px 12px;
    z-index: 1;
}
.act-login-reg-form-input-bg input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-extra-light);
}
.act-btn-send {
    width: 100%;
    height: 48px;
    border-radius: 12px;
    padding: 8px 4px;
    background: var(--act-green);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: var(--act-dark);
}
.act-login-footer-but {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-gray);
    margin-top: 10px;
}
.act-login-footer-but span {
    font-weight: 600;
    color: var(--act-blue);
    cursor: pointer;
}
#act_login_step_otp, #act_register_step_otp {
    position: absolute;
    top: 0px;
    height: 366px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--act-white);
    z-index: 2;
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
#act_login_step_otp.active, #act_register_step_otp.active {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.act-login-message {
    width: 492px;
    height: 50px;
    border-radius: 32px;
    position: absolute;
    right: 0;
    top: -60px;
    left: 0;
    margin: auto;
    z-index: 9;
    border: 1px solid var(--act-extra-light);
    background: var(--act-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: var(--act-dark);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
.act-login-message.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.act-login-form-edit-number {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--act-blue);
    cursor: pointer;
}
.act-login-reg-code-form {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.act-login-reg-code-form-card {
    width: 56px;
    height: 68px;
    border-radius: 10px;
    padding: 1px;
    background: var(--act-extra-light);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}
.act-login-reg-code-form-card::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: var(--act-grad);
    transition: 0.4s;
}
.act-login-reg-code-form-card.active::before, .act-login-reg-code-form-card:hover::before {
    opacity: 1;
    visibility: visible;
}
.act-login-reg-code-form-card input {
    width: 100%;
    height: 100%;
    background: var(--act-white);
    border-radius: 9px;
    text-align: center;
    color: #0B1530;
    font-size: 24px;
    font-weight: 700;
    z-index: 1;
    direction: ltr;
}
/* login end */
/* act 2line-title start */
.act-2line-title-1st {
    gap: 12px;
}
.act-2line-title-divs {
    gap: 2px;
}
.act-2line-title-divs div {
    width: 3px;
    height: 32px;
    border-radius: 1000px;
}
.act-2line-title-div-1 {
    background: #00D1B2;
}
.act-2line-title-div-2 {
    background: #0B153014;
}
.act-2line-title-text-1 {
    font-weight: 300;
    font-size: 22px;
    line-height: 34px;
    color: #0B153075;
}
.act-2line-title-text-1 strong {
    font-weight: 700;
    color: #0B61FF;
}
.act-2line-title-text-2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    color: #0B15301A;
}
/* act 2line-title end */
/* Simillar Blogs start */
.Simillar-Blogs-card_1st {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.Simillar-Blogs-card {
    width: 305px;
    height: 129px;
}
.Simillar-Blogs-card .act-bg-hover-inner {
    padding: 11px;
}
.Simillar-Blogs-card-top {
    gap: 12px;
}
.Simillar-Blogs-card-top img {
    width: 56px !important;
    height: 56px !important;
    border-radius: 8px !important;
    object-fit: cover;
}
.Simillar-Blogs-card-top .gp-blog-card-two-title {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #0B1530;
}
.Simillar-Blogs-card .act-blog-card-link {
    border: 1px solid #00D1B2;
    background: #ffffff;
    color: #00D1B2;
    transition: 0.4s;
}
.Simillar-Blogs-card:hover .act-blog-card-link {
    background: #00D1B2;
    color: #ffffff;
}
/* Simillar Blogs end */
/* act-blog-page-title start */
.act-blog-page-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}
.act-blog-page-title::before {
    content: '';
    height: 4px;
    width: 24px;
    border-radius: 1000px;
    display: flex;
}
/* act-blog-page-title end */
/* act-blog-tags start */
.act-blog-tags-1st {
    gap: 20px;
}
.act-blog-tags-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #8F93A0;
}
.act-blog-tags-main {
    gap: 16px;
}
.act-blog-tags-item {
    height: 32px;
    border-radius: 1000px;
    padding: 8px 12px;
    background: #EEF4FF;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: #0B61FF;
}
.act-blog-tags-item:nth-child(2n-2) {
    background: #E5FAF7;
    color: #00D1B2;
}
/* act-blog-tags ens */
/* Article specifications start */
.act-Article-specifications_1st {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-wrap: wrap;
}
.act-Article-specifications {
    width: 160px;
    height: 103px;
    border-radius: 12px;
}
.act-Article-specifications-bg {
    color: #ffffff;
}
.act-Article-specifications-bg-border {
    color: #E7E8EA;
}
.act-Article-specifications-icon-box {
    width: 48px;
    height: 48px;
    top: 15px;
    left: 15px;
    border-radius: 12px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #00D1B2;
}
.act-Article-specifications-text-box {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.act-Article-specifications-text-box p {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #0B1530;
}
.act-Article-specifications-text-box span {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #8F93A0;
}
/* Article specifications end */
/* shop start */
.act-elementor-shop-widget {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.act-shop-filters {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    flex-wrap: wrap;
}
.act-shop-filters-label {
    color: #0B1530;
}
.act-shop-filter-form {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.act-shop-btn-filter {
    color: #8990A0;
    transition: 0.4s;
}
.act-shop-btn-filter:hover, .act-shop-btn-filter.active {
    color: #0B61FF;
}
.act-shop-products-grid {
    display: flex;
    gap: 20px;
    justify-items: start;
    align-items: center;
    flex-wrap: wrap;
}
.act-shop-products-grid .no-products {
    background: #ffffff;
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 36px;
    color: #0B1530;
}
.act-shop-card {
    width: 305px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) .act-shop-card a.button {
    display: flex !important;
    width: 52px;
    height: 52px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #00D1B2;
    position: relative;
    padding: 0;
    color: #ffffff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) .act-shop-card a.button::after {
    display: none !important;
}
/* shop end */
/* product table title start */
.act-product-title-bg {
    border-radius: 24px;
    height: 98px;
    background: linear-gradient(180deg, #0B1530 0%, #0B61FF 142.59%);
    padding: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gp-product-tabs-nav {
    background: #ffffff;
    border-radius: 23px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.gp-tab-btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #8F93A0;
    transition: 0.4s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.gp-tab-btn .gp-btn-title-icon {
    background: #F9FAFB;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}
.gp-tab-btn:hover, .gp-tab-btn.active {
    color: #00D1B2;
}
.gp-tab-btn:hover .gp-btn-title-icon, .gp-tab-btn.active .gp-btn-title-icon {
    background: #E5FAF7;
}
/* product table title end */
/* product table  start */
.gp-product-tabs-content {
    display: flex;
    flex-direction: column;
    gap: 42px;
}
.gp-tab-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.gp-tab-content-inner {
    background: #FFFFFF;
    padding: 24px;
    border-radius: 24px;
}
.gp-tab-content-inner-head {
    position: relative;
    height: 94px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.gp-tab-content-inner-head-svg {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
}
.gp-tab-content-inner-head-text-box {
    width: 100%;
    max-width: 519px;
    display: flex;
    justify-content: center;
}
.gp-tab-content-inner-head-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    color: #0B153075;
    max-width: 365px;
    text-align: justify;
}
.gp-tab-content-inner-head-text strong {
    color: #0B61FF;
}
.gp-tab-content-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    text-align: justify;
    color: #0B153075;
}
.gp-tab-content-inner-takmili-inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
    counter-reset: sep-singular-ol-counter;
}
.gp-tab-content-inner-takmili-inner-item {
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    text-align: justify;
    color: #0B153075;
    border: 1px solid #E7E8EA;
    border-radius: 12px;
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.gp-tab-content-inner-takmili-inner-item-counter {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    padding: 9px 16px 5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E5FAF7;
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    color: #00D1B2;
}
.gp-tab-content-inner-takmili-inner-item:nth-child(2n-2) div {
    background: #EEF4FF;
    color: #0B61FF;
}
.gp-tab-content-inner-takmili-inner-item-counter::before {
    counter-increment: sep-singular-ol-counter;
    content: counter(sep-singular-ol-counter);
}
.gp-tab-content.gp-commnets-tab-content .gp-tab-content-inner-head-text-box {
    max-width: 287px;
}
.gp-tab-content-inner-customer-rew {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.act-product-reviews {
    width: 100%;
    max-width: 955px;
}
.act-act-cost-rew-box {
    width: 305px;
    height: 545px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.act-act-cost-rew-box-bg-icon {
    color: #ffffff;
    position: absolute;
    z-index: -1;
}
.act-act-cost-rew-box-bg-icon-2 {
    color: #0B61FF12;
}
.act-act-cost-rew-box .act-variable-order-star-rating {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}
.act-variable-order-star-rating-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}
.act-variable-order-star-rating-icon {
    width: 112px;
    height: 112px;
    border-radius: 128px;
    padding: 32px;
    background: #F0F6FF;
    color: #0B61FF;
}
.act-variable-order-star-rating-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #0B1530;
}
.act-variable-order-star-rating-text-inner {
    width: 233px;
    height: 46px;
    border-radius: 8px;
    padding: 12px 24px;
    background: #F9FAFB;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.act-variable-order-star-rating-text-inner span {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #8F93A0;
}
.act-act-cost-rew-box .act-variable-order-star-rating .act-variable-order-comments-num {
    display: flex;
    align-items: center;
    font-size: 16px;
}
.act-act-cost-rew-box .act-variable-order-sold {
    width: 100%;
    max-width: 233px;
    margin-top: 32px;
    margin-bottom: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.act-act-cost-rew-box .act-variable-order-Customer-satisfaction {
    width: 100%;
    max-width: 233px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    gap: 4px;
}
.woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before, .woocommerce #reviews #comments .commentlist > li::before {
    display: none !important;
}
.woocommerce #reviews #comments ol.commentlist li {
    background: #FFFFFF;
    border-radius: 24px;
    padding: 30px;
    margin-bottom: 16px;
    overflow: hidden;
}
.woocommerce #reviews #comments ol.commentlist ul.children {
    margin: 0;
    margin-right: 197px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 96px;
    height: 96px;
    border-radius: 16px;
    position: static;
    float: unset;
    padding: 0;
    border: none;
    object-fit: cover;
}
.act-comment-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.act-comment-head-right {
    display: flex;
    gap: 20px;
}
.act-comment-head-right-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 6px 0;
}
.act-comment-author {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.act-comment-author-name {
    font-weight: 400;
    font-size: 16px;
    color: #0B1530;
}
.act-comment-author-role {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #0B153075;
}
.act-comment-rating {
    display: flex;
    align-items: center;
    gap: 16px;
}
.act-comment-rating svg {
    color: #FDD63B;
}
.act-comment-rating-starts {
    display: flex;
    gap: 4px;
}
.act-comment-ratdiv {
    width: 1px;
    height: 20px;
    background: #0B15301A;
}
.act-comment-rating-num {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #0B153075;
}
.act-comment-left {
    width: 102px;
    height: 48px;
    border-radius: 12px;
    background: #00D1B2;
    position: relative;
}
.act-comment-left a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 16px;
    padding-top: 5px;
    z-index: 2;
    position: relative;
}
.act-comment-left div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7FAFF66;
    color: #0B1530;
    top: 4px;
    right: 4px;
}
.act-comment-date {
    display: none;
}
.act-comment-content {
    position: relative;
    border-radius: 16px;
    padding: 16px;
    background: #F9FAFB;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #0B153075;
    z-index: 1;
}
.act-comment-content::before {
    position: absolute;
    content: '“';
    font-family: Playfair Display;
    font-weight: 500;
    font-size: 49.99px;
    line-height: 0px;
    color: #0B61FF;
    bottom: 10px;
    left: 10px;
}
.act-comment-svg {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #0B61FF12;
}
.woocommerce #reviews #comments ol.commentlist li .act-hor-bor {
    margin: 25px 0 25px 4px;
}
.woocommerce #reviews #comments ol.commentlist .children li {
    overflow: visible;
}
.woocommerce #reviews #comments ol.commentlist li .act-comment-replay-svg {
    position: absolute;
    right: -121px;
    top: -8px;
}
.woocommerce #reviews #comments ol.commentlist .children li .act-comment-svg {
    display: none;
}
.act-review-form {
    position: relative;
    width: 100%;
    height: 372px;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.act-review-form-bg {
    color: #ffffff;
    position: absolute;
    z-index: -1;
}
.act-review-form .act-special-carousel-head {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 15px;
}
.act-review-form .act-special-carousel-head::before {
    content: '';
    height: 4px;
    width: 24px;
    border-radius: 1000px;
    display: flex;
    background: #00D1B2;
}
.act-review-form .act-special-carousel-head h3 {
    font-weight: 300;
    font-size: 32px;
    line-height: 56px;
    color: #0B153075;
}
.act-review-form .act-special-carousel-head h3 strong {
    color: #0B61FF;
    font-weight: 700;
}
.woocommerce #review_form #respond {
    width: 100%;
    max-width: 891px;
    padding-bottom: 30px;
}
.woocommerce #review_form #respond::after, .woocommerce #review_form #respond::before {
    display: none;
}
.woocommerce #review_form #respond .comment-form-cookies-consent, .woocommerce #review_form #respond .comment-notes, .woocommerce #review_form #respond .logged-in-as {
    display: none;
}
.act-comments-rating-box {
    display: flex;
    border: 1px solid #E7E8EA;
    height: 40px;
    padding: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #8F93A0;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: 0.4s;
}
.act-rating-list {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    z-index: 2;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: 0.4s;
}
.act-comments-rating-box:hover .act-rating-list {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.act-rating-list li {
    width: 100%;
    height: 100%;
    transition: 0.4s;
}
.act-rating-list li.active {
    color: #00D1B2;
}
.act-rating-list a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.act-rating-max {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}
.act-rating-max::before {
    content: '';
    width: 1px;
    height: 24px;
    background: #E7E8EA;
    display: flex;
}
.act-rating-max-label {
    color: #E7E8EA;
}
.woocommerce #review_form #respond .comment-form {
    display: flex;
    gap: 20px;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
}
.act-form-field {
    display: flex;
    flex-direction: column;
    gap: 14px;
    justify-content: center;
    width: 100%;
}
.act-form-field label {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #8F93A0;
}
.act-form-field input, .act-form-field textarea {
    border: 1px solid #E7E8EA;
    height: 40px;
    padding: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #E7E8EA;
    border-radius: 10px;
}
.act-form-field input::placeholder, .act-form-field textarea::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #E7E8EA;
}
.act-form-field textarea {
    height: 204px !important;
}
.woocommerce #review_form #respond p {
    margin: 0 !important;
}
.act-form-field-form {
    width: 100%;
    max-width: 435px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.act-form-textarea {
    position: relative;
}
.act-form-textarea .form-submit {
    position: absolute;
    bottom: 11px;
    left: 11px;
}
.act-sabt-didgah {
    width: 124px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00D1B2;
    /*margin-bottom: 13px;*/
}
.woocommerce-noreviews {
    background: #FFFFFF;
    padding: 24px;
    border-radius: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #0B153094;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
    margin-bottom: 24px;
    border: 1px solid #f1f1f3;
}
/* product table  end */
/* act-product-rating start */
.act-product-rating-head .gp-stars.act-variable-order-star-rating .gp-star {
    margin: 0;
}
.act-product-rating-head .gp-stars.act-variable-order-star-rating .gp-star svg {
    margin: 0;
}
.act-product-rating-head .gp-stars.act-variable-order-star-rating .gp-star.empty svg {
    stroke: #FDD63B;
    fill: none;
}
.act-product-rating-head .gp-stars.act-variable-order-star-rating .gp-star.full svg {
    stroke: #FDD63B;
    fill: #FDD63B;
}
/* act-product-rating end */
/* act-product-page-banner start */
.act-product-page-banner-1st {
    width: 413px;
    position: relative;
}
.act-product-page-banner-2nd {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    height: calc(100% - 90px);
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
}
.act-product-page-banner-1st-svg {
    width: 100%;
    color: #ffffff;
}
.act-product-page-banner-content {
    width: 95%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
}
.act-product-page-banner-content-img-box {
    width: 188px;
    height: 188px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #F0F6FF;
}
.act-product-page-banner-content-img-box img {
    width: 92px;
    height: 92px;
}
.act-product-page-banner-content-text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.act-product-page-banner-content-text-box span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 45.09px;
    line-height: 78.91px;
    text-align: center;
    background: linear-gradient(180deg, rgba(11, 97, 255, 0.07) 0%, rgba(240, 255, 253, 0.07) 125%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.act-product-page-banner-content-text-box p {
    font-weight: 300;
    font-size: 40px;
    line-height: 56px;
    color: #0B153075;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.act-product-page-banner-content-text-box p strong {
    font-weight: 700;
    color: #0B61FF;
}
.act-product-page-banner-1st-icon {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 2;
}
.act-product-page-banner-1st-icon-top {
    top: 0
}
.act-product-page-banner-1st-icon-botton {
    bottom: 0;
}
/* act-product-page-banner end */
/* shop-filters-items start */
.shop-filters-items {
    border-radius: 12px;
    width: 265px;
}
.shop-filters-items .act-bg-hover-inner {
    border-radius: 11px;
    padding: 11px;
}
.shop-filters-items-head {
    gap: 8px;
}
.act-selected-filters-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #8F93A0;
    padding: 0 8px;
}
.act-selected-filter-tag {}
.shop-filters-items-head-right {
    display: flex;
    align-items: center;
    gap: 12px;
}
.shop-filters-items-head-right-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #E5FAF7;
    color: #00D1B2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.shop-filters-items-head-right-icon-box div {
    width: 12px;
    height: 12px;
    border-radius: 809.84px;
    background: #00D1B2;
    border: 0.81px solid #ffffff;
    position: absolute;
    top: -2px;
    right: -2px;
    transition: 0.4s;
    transform: scale(0);
}
.shop-filters-items-head-right-icon-box svg {
    width: 24px;
    height: 24px;
}
.shop-filters-items-head-right-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.shop-filters-items-head-right-text p {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #0B1530;
}
.shop-filters-items-head-right-text span {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #E7E8EA;
}
.shop-filters-items-head-left {
    width: 36px;
    height: 36px;
    border: 1px solid #00D1B2;
    color: #00D1B2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shop-filters-items-head-left svg {
    transition: 0.4s;
}
.shop-filters-items-head.collapsed .shop-filters-items-head-left svg {
    transform: rotate(0deg);
}
.shop-filters-items-head-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #8F93A0;
}
.shop-filters-items-main-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.shop-filters-items-main-content .act-hor-bor {
    margin-top: 10px;
    margin-bottom: 2px;
}
.shop-filters-items-main-item {
    width: 100%;
    border-radius: 12px;
}
.shop-filters-items-main-item .act-bg-hover-inner {
    border-radius: 11px;
    padding: 10px 14px;
    display: flex;
    gap: 8px;
    align-items: center;
}
.shop-filters-items-main-item-tick {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #F5F6F7;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s
}
.shop-filters-items-main-item-tick svg {
    opacity: 0;
    color: #ffffff;
    transition: 0.4s
}
.shop-filters-items-main-item-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    line-height: 14px;
}
.shop-filters-items-main-item-text-1 {
    font-weight: 600;
    color: #0B1530;
}
.shop-filters-items-main-item-text-2 {
    font-weight: 400;
    color: #8F93A0;
}
.shop-filters-items-main-item.active::before {
    opacity: 1;
}
.shop-filters-items-main-item.active .shop-filters-items-main-item-tick {
    background: #00D1B2;
}
.shop-filters-items-main-item.active .shop-filters-items-main-item-tick svg {
    opacity: 1;
}
.shop-filters-items.active .shop-filters-items-head-right-icon-box div {
    transform: scale(1);
}
.shop-filters-items-head .shop-filters-items-head-left svg {
    transform: rotate(180deg);
}
.act-price-filter-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.act-price-filter-inputs {
    display: flex;
    align-items: center;
    gap: 12px;
}
.act-price-sep {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #8F93A0;
}
.act-price-filter-inputs-inner {
    display: flex;
    align-items: center;
    border: 1px solid #E7E8EA;
    border-radius: 12px;
    padding: 10px 14px;
    gap: 8px;
    position: relative;
    width: 100%;
}
.act-price-filter-inputs-inner input {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    color: #dbdbdb;
    width: 85%;
}
.act-price-filter-inputs-inner input[type="number"]::-webkit-inner-spin-button, .act-price-filter-inputs-inner input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.act-price-filter-inputs-inner input[type="number"] {
    -moz-appearance: textfield;
}
.act-price-filter-inputs-inner-border {
    width: 1px;
    height: 26px;
    background: #0B15301A;
}
.act-price-filter-inputs-inner-text {
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: #8B91A0;
    transform: rotate(270deg);
    position: absolute;
    left: 8px;
}
.act-price-filter-btns .act-price-reset {
    width: 100%;
    background: #EEF4FF;
    padding: 5px;
    border-radius: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #0B61FF;
}
/* shop-filters-items end */
/*act-see-more-option-1st start*/
.act-see-more-option-link {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #00D1B2;
    font-family: 'IRANYekanFN';
}
.act-see-more-option-svg {
    background: #E5FAF7;
    display: flex;
    align-items: center;
    width: 28px;
    height: 28px;
    justify-content: center;
    border-radius: 9px;
    padding: 4px;
    color: #00D1B2;
}
.gp-tab-content-inner-takmili-inner-item:nth-child(n+5) {
    display: none;
}
/*act-see-more-option-1st end*/
/* act-variable-order-product-page start */
.act-variable-order-1st .act-variable-order-main-carousel .swiper-slide {
    margin: 0px 0px 0px 10px;
}
.act-variable-order-1st .act-variable-order-main-card {
    width: 100%;
    min-width: 184px;
    min-height: 56px;
    height: 100%;
}
.act-variable-order-1st .act-variable-order-main-card-inner {
    width: 100%;
    height: 100%;
    max-width: 395px;
}
.act-variable-order-1st .act-variable-order-main-card-inner .act-variable-order-main-card-text-box {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
/* act-variable-order-product-page end */
/* act-product-page-price-box start */
.act-product-page-price-box {
    border-radius: 16px;
    background: #F9FAFB;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 182px;
    justify-content: flex-end;
}
.act-product-page-price-box-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.act-product-page-price-box-top-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #0B1530;
}
.act-product-page-price-box-top .act-product-price-box {
    align-items: flex-end;
}
.act-product-page-price-box-top .act-product-price-box .act-product-price-box-top .act-product-price-off-price {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}
.act-product-page-price-box-top .act-product-price-box .act-product-price-box-top .act-product-price-off-percent {
    font-size: 14px;
    height: 20px;
}
.act-product-page-price-box-top .act-product-price-box .act-product-price {
    font-weight: 700;
    font-size: 32px;
    line-height: 20px;
    color: #0B61FF;
}
.act-product-page-price-box-top .act-product-price-box .act-product-price .act-product-price span {
    color: #8F93A0;
    font-size: 12px;
    line-height: 12px;
    bottom: 6px;
    left: -12px;
}
.act-product-page-price-box-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.act-product-page-price-box-bottom .act-variable-order-footer-btn-1 {
    width: 100%;
    max-width: 591px;
    height: 48px;
    color: #00D1B2;
    background-color: #f9fafb;
    border-radius: 16px;
    padding: 8px 8px 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    border: 1px solid #00D1B2;
}
.act-product-page-price-box-bottom .act-variable-order-bottom-qtt {
    display: flex;
    flex-direction: row-reverse;
    width: 140px;
    height: 48px;
}
.act-product-page-price-box-bottom .act-variable-order-bottom-qtt button {
    height: 48px;
    width: 36px;
    position: static;
    border: none;
}
.act-product-page-price-box-bottom .act-variable-order-bottom-qtt .act-variable-order-footer-qtt-min {
    border-right: 1px solid #E7E8EA;
}
.act-product-page-price-box-bottom .act-variable-order-bottom-qtt .act-variable-order-footer-qtt-plus {
    border-left: 1px solid #E7E8EA;
}
.act-product-page-price-box-bottom .act-variable-order-bottom-qtt .act-variable-order-footer-qtt-inp {
    max-width: 68px;
    font-size: 22px;
    line-height: 22px;
}
/* act-product-page-price-box end */
/* copy-like-singular-box start*/
.copy-like-singular-box {
    gap: 24px;
    align-items: center;
    flex-wrap: wrap;
}
.copy-like-singular-box-inner {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.copy-like-singular-box-inner .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor, .copy-like-singular-box-inner .copy-link-button, .button-container {
    display: flex;
    align-items: center;
    gap: 8px;
}
.copy-like-singular-box-inner .yith-add-to-wishlist-button-block a img, .copy-like-singular-box-inner .copy-link-button .copy-link-button-svg, .button-container .button-svg {
    padding: 8px;
    border: 1px solid #F0F1F3;
    max-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: #00d1b2;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
    transition: 0.4s;
}
.copy-like-singular-box-inner .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor:hover img, .copy-like-singular-box-inner .copy-link-button:hover .copy-link-button-svg, .button-container:hover .button-svg {
    opacity: 1;
}
.copy-like-singular-box-inner .yith-add-to-wishlist-button-block a span, .copy-like-singular-box-inner .copy-link-button .copy-like-singular-box-text, .button-container .copy-like-singular-box-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #8990A0;
}
.copy-like-singular-box-inner .copy-link-button .copy-link-button-svg {
    padding: 0px;
}
.blog-links-brdr {
    width: 1px;
    height: 40px;
    background: #DEE2EA;
}
.blog-links-brdr:last-child {
    display: none;
}
.button-container {
    display: flex;
    align-items: center;
    gap: 8px;
}
.yith-wcwl-feedback-messages-container {
    display: none !important;
}
/* copy-like-singular-box end*/
/* cart start */
.act-cart-1st .rad-breadcrumb.rad-woo-bread {
    margin: 42px 0;
}
.act-cart-1st .rad-breadcrumb.rad-woo-bread .kp-pl {
    color: var(--act-dark);
}
.act-cart-1st .rad-breadcrumb.rad-woo-bread .sep {
    color: #DEE2EA;
}
.act-cart-1st .rad-breadcrumb.rad-woo-bread .kp-pn {
    color: var(--act-gray)
}
.act-cart-forming {
    display: flex;
    justify-content: space-between;
    margin-bottom: 105px;
    gap: 20px;
}
.act-cart-form {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 74.45%;
}
.act-cart-form .shop_table {
    background: var(--act-white);
    border: 1px solid var(--act-extra-light);
    border-radius: 24px;
    padding: 24px 24px 120px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.act-woo-coupon {
    background: var(--act-white);
    border: 1px solid var(--act-extra-light);
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.act-cart-collaterals {
    width: 305px;
    background: var(--act-white);
    border: 1px solid var(--act-extra-light);
    border-radius: 24px;
    padding: 24px;
    height: 100%;
}
.act-woo-title-1 {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-start;
}
.act-woo-title-1-divs {
    display: flex;
    width: 3px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
.act-woo-title-1-divs div {
    width: 3px;
    height: 32px;
    border-radius: 1000px;
}
.act-woo-title-1-div1 {
    background: var(--act-green);
}
.act-woo-title-1-div2 {
    background: rgba(11, 21, 48, 0.08);
}
.act-woo-title-1-content h5 {
    color: var(--act-dark);
    font-size: 22px;
    font-weight: 300;
    line-height: 34px;
}
.act-woo-title-1-content strong {
    color: var(--act-blue);
    font-weight: 700;
}
.act-woo-title-1-content p {
    color: #0B15301A;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
}
.act-cart-items-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.act-cart-items-list .woocommerce-cart-form__cart-item {
    width: 100%;
    min-height: 100px;
    height: auto;
    border-radius: 16px;
    background: var(--act-extra-light3);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-thum-name {
    display: flex;
    align-items: center;
    gap: 14px;
}
.product-thum-name .product-thumbnail {
    width: 68px;
    height: 68px;
    border-radius: 16px;
    padding: 9.36px;
    background: #EEF4FF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-thum-name .product-thumbnail a img {
    width: 40px;
    height: 40px;
}
.product-thum-name .product-name {
    max-width: 155px;
}
.act-cart-variation {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 15px;
    flex-wrap: wrap;
}
.act-cart-variation .variation-inner {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #8990A0;
}
.product-thum-name .product-name a {
    font-weight: 300;
    font-size: 16px;
    line-height: 100%;
    color: var(--act-gray);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.product-thum-name .product-name a strong {
    font-weight: 700;
    color: var(--act-blue);
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    align-self: auto;
}
.act-cart-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-gray);
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-price, .act-cart-items-list .woocommerce-cart-form__cart-item .product-subtotal {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-price .woocommerce-Price-amount bdi, .act-cart-items-list .woocommerce-cart-form__cart-item .product-subtotal .woocommerce-Price-amount bdi {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-dark);
    position: relative;
    min-width: 85px;
    display: flex;
    padding-left: 15px;
    height: 32px;
    align-items: flex-end;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-price .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .act-cart-items-list .woocommerce-cart-form__cart-item .product-subtotal .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: var(--act-gray);
    position: absolute;
    left: -7px;
    bottom: 8px;
    transform: rotate(270deg);
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .product-remove {
    position: absolute;
    left: 8px;
    bottom: 8px;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .product-remove.show-remove {
    opacity: 1;
    visibility: visible;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .product-remove .remove {
    width: 16px;
    height: 16px;
    font-size: 0;
    color: var(--act-gray) !important;
    background: transparent;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .quantity {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    border-radius: 8px;
    background: var(--act-white);
    border: 1px solid var(--act-extra-light);
    width: 104px;
    height: 32px;
    justify-content: space-between;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .quantity button {
    color: var(--act-gray);
    stroke: var(--act-gray);
    width: 32px;
    height: 100%;
    transition: 0.4s;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .quantity button svg {
    transition: 0.4s;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .quantity button.plus {
    border-left: 1px solid var(--act-extra-light);
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .quantity button.minus {
    border-right: 1px solid var(--act-extra-light);
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .quantity input {
    width: 34px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    color: var(--act-dark);
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .quantity input[type="number"]::-webkit-inner-spin-button, .act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .quantity input[type="number"] {
    -moz-appearance: textfield;
}
.act-cart-items-list .woocommerce-cart-form__cart-item .product-quantity .quantity button.dp-mincart svg {
    opacity: 0;
    visibility: hidden;
}
.act-cart-coupon-head {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}
.act-cart-coupon-head::before {
    content: '';
    width: 16px;
    height: 2px;
    border-radius: 8px;
    background: var(--act-blue);
}
.act-cart-coupon-head h5 {
    font-weight: 400;
    font-size: 16px;
    color: var(--act-dark);
}
.act-woo-coupon-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.act-woo-coupon-inner input {
    border: 1px solid var(--act-extra-light);
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-gray);
    padding: 9px 14px;
    width: 100%;
    max-width: 266px;
}
.act-woo-coupon-inner label {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: var(--act-dark);
}
.act-woo-coupon-inner button {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--act-green);
}
.act-cart-collaterals .cart_totals {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.act-goto-checkout-but {
    width: 100%;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--act-green);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--act-dark);
}
.act-cart-items-box {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.act-cart-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}
.act-cart-item-head {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    display: flex;
}
.act-cart-item-name {
    color: var(--act-dark);
}
.act-cart-item-qty {
    color: var(--act-gray);
}
.act-cart-item-price {
    position: relative;
    display: flex;
    align-items: center;
}
.act-cart-item-price-value bdi {
    padding-left: 25px;
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;
    color: var(--act-blue);
}
.act-cart-item-price-value .woocommerce-Price-currencySymbol {
    display: none !important;
}
.act-cart-item-price-unit {
    position: absolute;
    left: 0;
    transform: rotate(270deg);
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: var(--act-gray);
}
.act-cart-item-discount {
    width: 100%;
    border-radius: 12px;
    background: var(--act-blue);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-white);
    flex-wrap: wrap;
}
.act-cart-item-discount bdi {
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;
    position: relative;
    padding-left: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.act-cart-item-discount .woocommerce-Price-currencySymbol {
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    transform: rotate(270deg);
    left: 0;
}
.act-cart-summary-row.act-cart-summary-row-total {
    height: 78px;
    border-radius: 8px;
    background: var(--act-extra-light3);
    padding: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.act-summary-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-dark);
}
.act-summary-value bdi {
    padding-left: 25px;
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;
    color: var(--act-blue);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.act-summary-value .woocommerce-Price-currencySymbol {
    position: absolute;
    left: 0;
    transform: rotate(270deg);
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: var(--act-gray);
}
.act-cart-is-emp {
    height: 400px;
    border-radius: 14px;
    margin-bottom: 120px;
    border: 1px solid var(--act-extra-light);
    padding: 20px 25px;
    background: var(--act-white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 42px;
    flex-direction: column;
}
.act-cart-is-emp .act-notif {
    max-width: unset;
    border-radius: unset;
    margin: unset;
    border: unset;
    padding: unset;
    background: unset;
    display: unset;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--act-dark);
}
.act-cart-is-emp a {
    width: 100%;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--act-green);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--act-dark);
    max-width: 238px;
}
/* cart end */
/* act-notif start */
.act-notif {
    width: 100%;
    max-width: 1280px;
    min-height: 72px;
    border-radius: 14px;
    margin: 32px auto;
    border: 1px solid var(--act-extra-light);
    padding: 20px 25px;
    background: var(--act-white);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--act-dark);
    gap: 14px;
}
.act-notif-error {
    flex-wrap: wrap;
}
/* act-notif end */
/* checkout start */
.act-checkout-forming {
    display: flex;
    justify-content: space-between;
    margin-bottom: 105px;
    gap: 20px;
    flex-wrap: wrap;
}
.act-checkout-forming .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    width: 100%;
}
.act-checkout-forming #customer_details {
    display: flex;
    flex-direction: column;
    width: 74.45%;
    gap: 24px;
}
.act-checkout-forming #customer_details wc-order-attribution-inputs {
    display: none !important;
}
.act-checkout-forming #order_review {
    width: 305px;
    border: 1px solid var(--act-extra-light);
    background: var(--act-white);
    border-radius: 24px;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.act-checkout-forming #order_review .shop_table.woocommerce-checkout-review-order-table {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.act-checkout-form-textbox {
    border: 1px solid var(--act-extra-light);
    background: var(--act-white);
    border-radius: 24px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.woocommerce .woocommerce-billing-fields::after, .woocommerce .woocommerce-billing-fields::before, .woocommerce .woocommerce-shipping-fields::after, .woocommerce .woocommerce-shipping-fields::before, .woocommerce-page .woocommerce-billing-fields::after, .woocommerce-page .woocommerce-billing-fields::before, .woocommerce-page .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-shipping-fields::before, .woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before {
    display: none;
}
form .form-row, .woocommerce form .form-row {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 438px;
    justify-content: flex-end;
}
form .form-row label, .woocommerce form .form-row label {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-gray);
    transition: 0.4s;
}
form .form-row .required, .woocommerce form .form-row .required {
    display: none !important;
}
form .form-row .input-text, .woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    border: 1px solid var(--act-extra-light);
    height: 42px;
    border-radius: 10px;
    padding: 14px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    background: var(--act-white);
    color: var(--act-dark);
    transition: 0.4s;
    text-align: right;
}
.woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
    border-color: var(--act-blue);
}
.woocommerce form .form-row.woocommerce-invalid label {
    color: var(--act-blue);
}
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus {
    border-color: var(--act-green);
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
    background-color: var(--act-white);
    border: 1px solid var(--act-extra-light);
    border-radius: 10px;
    padding: 14px 12px;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 15px;
}
.select2-container .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-search--dropdown .select2-search__field {
    color: var(--act-gray) !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    padding: 0 !important;
}
.select2-container .select2-selection--single .select2-selection__placeholder {
    color: var(--act-gray) !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--act-extra-light);
    border-radius: 10px;
    height: 32px;
    margin-bottom: 10px;
    padding: 10px !important;
}
.select2-results__option {
    margin: 0;
    color: var(--act-gray) !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    border-radius: 10px;
    margin-bottom: 10px;
    transition: 0.2s;
    padding: 9px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--act-green);
    color: var(--act-white) !important;
}
.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
    border-color: var(--act-green) !important;
}
.woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border-color: var(--act-green);
}
#add_payment_method .checkout .checkout-inline-error-message, .woocommerce-cart .checkout .checkout-inline-error-message, .woocommerce-checkout .checkout .checkout-inline-error-message {
    color: var(--act-blue);
}
.act-checkout-form-textbox .woocommerce-shipping-fields {
    display: none;
}
.act-checkout-form-textbox .woocommerce-additional-fields__field-wrapper #order_comments_field {
    max-width: 100%;
}
.act-checkout-form-textbox .woocommerce-additional-fields__field-wrapper #order_comments {
    height: 100px;
}
.act-checkout-box, .woocommerce-additional-fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}
.act-checkout-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-gray) !important;
}
.act-checkout-text {
    border: 1px solid var(--act-extra-light);
    background: var(--act-white);
    border-radius: 10px;
    padding: 14px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent !important;
    border-radius: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    text-align: unset !important;
    padding: 0 !important;
    border-bottom: none !important;
    margin: 0 !important;
    list-style: none outside !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding: 0 !important;
    max-width: 100% !important;
}
#add_payment_method #payment ul.payment_methods::after, #add_payment_method #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::before, .woocommerce-checkout #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::before, #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before {
    display: none !important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: unset !important;
}
.act-goto-checkout-but {
    width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--act-green) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 100% !important;
    color: var(--act-dark) !important;
}
.act-payment-method {
    display: flex;
    align-items: center;
}
.act-payment-method label {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-dark);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}
.form-check-input {
    box-shadow: none !important;
    cursor: pointer;
    margin: 0 0 0 8px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    background-color: #0B15300A !important;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
}
.form-check-input:checked[type=radio], .form-check-input:checked[type=checkbox], .form-check-input:checked {
    background: url("../img/ticked.svg") center no-repeat !important;
    background-color: var(--act-green) !important;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background: var(--act-extra-light3);
    border: 1px solid var(--act-extra-light);
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    position: static;
    color: var(--act-gray);
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    display: none !important;
}
/* checkout end */
/* thank you start */
.woocommerce-order {
    background: var(--act-white);
    border: 1px solid var(--act-extra-light);
    border-radius: 24px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 180px;
}
.woocommerce-order .woocommerce-notice {
    display: none !important;
}
.act-thankyou-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.act-thankyou-li {
    position: relative;
    width: 285px;
    height: 195px;
}
.act-thankyou-li-content {
    position: absolute;
    bottom: 25px;
    right: 25px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: var(--act-dark);
}
.act-thankyou-li-content strong {
    font-size: 18px;
    line-height: 36px;
    color: #0B153075;
}
.act-thancks-list-item-bg {
    color: var(--act-white);
}
.act-thancks-list-item-bg-border {
    color: #0B15300F;
}
.act-thankyou-li-icon {
    width: 64px;
    height: 64px;
    background: var(--act-extra-light2);
    color: var(--act-green);
    border-radius: 16px;
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-order-customer-info {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.act-order-customer-info-item {
    width: 100%;
    max-width: 595px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.act-order-customer-info-item p {
    color: var(--act-gray);
}
.act-order-customer-info-item-inner {
    border: 1px solid var(--act-extra-light);
    height: 42px;
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    border-radius: 10px;
    padding: 14px 12px;
    color: var(--act-dark);
    align-items: center;
    justify-content: flex-start;
}
.act-order-customer-info-item-inner.number-col {
    direction: ltr;
    justify-content: flex-end;
}
.act-thanks-products-summary {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.act-thanks-products-summary-title {
    display: flex;
    border: 1px solid var(--act-extra-light);
    background: var(--act-blue);
    height: 48px;
    border-radius: 12px;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-white);
    padding: 0 50px;
}
.act-thanks-products-summary-title div {
    width: 25%;
}
.act-thanks-products-summary-table {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.act-thanks-products-summary-item {
    display: flex;
    border: 1px solid var(--act-extra-light);
    background: var(--act-extra-light3);
    min-height: 48px;
    border-radius: 12px;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-dark);
    padding: 7px 35px;
}
.act-thanks-products-summary-item .product-name {
    width: 25%;
}
.act-thanks-products-summary-item .product-quantity {
    text-align: center;
    width: 9%;
}
.act-thanks-products-summary-item .product-price {
    width: 40%;
    text-align: center;
}
.act-thanks-products-summary-total {
    display: flex;
    align-items: center;
    height: 48px;
    background: #F3F7FF;
    border: 1px solid #EEF4FF;
    border-radius: 12px;
    padding: 0px 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-dark);
}
.act-thanks-products-summary-total div {
    width: 25%;
}
.act-thanks-products-summary .woocommerce-Price-amount {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    color: var(--act-dark);
    padding-left: 21px;
}
.act-thanks-products-summary .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    position: absolute;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    left: 0;
    transform: rotate(270deg);
    color: var(--act-gray);
}
.act-thanks-products-link {
    width: 257px;
    height: 48px;
    border-radius: 12px;
    padding: 8px 4px;
    background: var(--act-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--act-dark);
    margin: 0 auto 0 0;
}
/* thank you end */
/* my account start */
.act-my-account-main, .gp-my-acc-main {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.gpx-my-acc-list-1st {
    width: 305px;
    min-height: 706px;
    border-radius: 24px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 30px;
    padding: 1px;
    background: var(--act-grad);
}
.act-myacc-nav-inner, .gpx-my-acc-list-1st-inner {
    width: 100%;
    min-height: 704px;
    height: 100%;
    background: var(--act-white);
    border-radius: 23px;
    padding: 23px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: unset;
    width: 100%;
    z-index: 2;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: unset;
    width: 1063px;
    min-height: 770px;
    border-radius: 24px;
    border: 1px solid var(--act-extra-light);
    background: var(--act-white);
    padding: 30px;
    padding-right: 120px;
    position: relative;
}
.act-my-account-main-bg-img {
    width: 137px !important;
    height: 119px !important;
    position: absolute;
}
.act-my-account-main-bg-img-top {
    top: 0;
    left: 0;
}
.act-my-account-main-bg-img-bottom {
    bottom: 0;
    right: 0;
}
.act-myacc-nav-user-prof {
    height: 72px;
}
.act-my-acc-nav-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.act-my-acc-nav-list-item {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-gray);
    transition: 0.4s;
}
.act-my-acc-nav-list-item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.act-my-acc-nav-list-item-link-inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}
.act-my-acc-nav-list-item-link-inner::before {
    content: '';
    width: 2px;
    height: 24px;
    border-radius: 8px;
    background: var(--act-extra-light);
    transition: 0.4s;
}
.act-my-acc-nav-list-item-item-icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #F8F8F9;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-my-acc-nav-list-item:hover, .act-my-acc-nav-list-item.is-active {
    color: var(--act-green);
}
.act-my-acc-nav-list-item:hover .act-my-acc-nav-list-item-link-inner::before, .act-my-acc-nav-list-item.is-active .act-my-acc-nav-list-item-link-inner::before {
    background: var(--act-green);
}
.act-my-acc-nav-list-item:hover .act-my-acc-nav-list-item-item-icon, .act-my-acc-nav-list-item.is-active .act-my-acc-nav-list-item-item-icon {
    background: var(--act-extra-light2);
    color: var(--act-green);
}
.woocommerce-MyAccount-navigation-link--customer-logout {
    background: transparent;
    color: var(--act-dark);
}
.woocommerce-MyAccount-navigation-link--customer-logout a .act-my-acc-nav-list-item-link-inner {
    position: static;
}
.woocommerce-MyAccount-navigation-link--customer-logout a .act-my-acc-nav-list-item-link-inner::before {
    display: none !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout a .act-my-acc-nav-list-item-item-icon {
    background: transparent !important;
    width: 24px;
    height: 24px;
}
.woocommerce-MyAccount-navigation-link--customer-logout a svg:last-child {
    display: none !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout a .act-my-acc-nav-list-item-item-icon svg {
    display: block !important;
}
.gpx-login-sing-menu-head {
    display: flex;
    align-items: center;
    gap: 16px;
}
.gpx-login-sing-menu-head-bg {
    display: none;
}
.gpx-login-sing-menu-head-img {
    width: 72px;
    height: 72px !important;
    border-radius: 16px !important;
    object-fit: cover;
}
.gpx-login-sing-menu-head-content-inner {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.gpx-login-sing-menu-head-content-inner p {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: var(--act-dark);
}
.gpx-login-sing-menu-head-content-inner span {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-gray);
    display: flex;
    align-items: center;
    gap: 4px;
}
.woocommerce-orders-table {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.act-my-acc-cat {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}
.act-my-acc-cat-but {
    height: 34px;
    border-radius: 12px;
    padding: 8px 12px;
    background: var(--act-extra-light2) font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-gray);
    display: flex;
    align-items: center;
    gap: 4px;
    transition: 0.4s;
}
.act-my-acc-cat-but span {
    width: 18px;
    height: 18px;
    border-radius: 1000px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--act-gray);
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    color: var(--act-light);
    transition: 0.4s;
}
.act-my-acc-cat-but:hover, .act-my-acc-cat-but.active {
    background: #0B61FF0F;
    color: var(--act-blue);
}
.act-my-acc-cat-but:hover span, .act-my-acc-cat-but.active span {
    background: var(--act-blue);
    color: var(--act-light);
}
.act-my-acc-table {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.act-my-acc-table-head {
    display: flex;
    width: 100%;
    height: 56px;
    border-radius: 16px;
    background: var(--act-blue);
    border: 1px solid var(--act-extra-light);
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-white);
    padding: 0 30px;
}
.act-my-acc-table-head > * {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.woocommerce-pagination.woocommerce-pagination--without-numbers.act-pagination-arrows {
    margin-top: 50px;
    justify-content: flex-end;
}
.act-my-acc-table-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.act-my-acc-table-main > * {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--act-extra-light);
    background: var(--act-extra-light3);
    border-radius: 12px;
    padding: 15px 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--act-dark);
}
.act-my-acc-table-main > * > * {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dp-tickets-head.dp-tickets-body .button {
    color: var(--act-blue);
}
.act-my-acc-table-main > * .woocommerce-orders-table__cell .woocommerce-Price-amount {
    position: relative;
    font-weight: 600;
    padding-left: 20px;
    display: flex;
    align-items: center;
}
.act-my-acc-table-main > * .woocommerce-orders-table__cell .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    left: 0;
    transform: rotate(270deg);
    color: var(--act-gray);
}
.act-my-acc-table-main > * .woocommerce-orders-table__cell .view {
    color: var(--act-green);
}
.act-my-acc-table-main > *:nth-child(2n-2) {
    background: #EEF4FF;
    border-color: #EEF4FF;
}
.act-my-acc-table-main > *:nth-child(2n-2) .woocommerce-orders-table__cell .view {
    color: var(--act-blue);
}
.act-myacc-emp-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    height: 80%;
    justify-content: center;
}
.act-myacc-emp-box div {
    width: 132px;
    height: 132px;
    border-radius: 96px;
    padding: 34px;
    background: #F8F8F9;
    color: var(--act-gray);
}
.act-myacc-emp-box p {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-gray);
}
.woocommerce-MyAccount-downloads-file {
    width: 88px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--act-blue);
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-white);
}
.woocommerce-order-downloads-table .act-my-acc-table-head {
    background: var(--act-green);
}
.woocommerce-order-downloads-table .act-my-acc-table-main > * {
    padding: 7px 30px;
}
.dp-downloads-card-part {
    gap: 12px;
}
.woocommerce-MyAccount-downloads-file-delete {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    padding: 6px;
    background: #E1F6F9;
    color: var(--act-green);
}
.act-form-edit-account-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
}
.act-form-edit-account-inner .form-row {
    max-width: 449.5px;
}
.act-form-edit-pass {
    display: flex;
    align-items: center;
    gap: 12px;
}
.act-form-edit-pass .form-row {
    position: relative;
}
.act-pass-but {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: var(--act-extra-light2);
    position: absolute;
    left: 5px;
    bottom: 5px;
    color: var(--act-green);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.act-pass-but-dshow {
    display: none;
}
.act-pass-but.show .act-pass-but-show {
    display: none;
}
.act-pass-but.show .act-pass-but-dshow {
    display: block;
}
.woocommerce-password-hint {
    display: none !important;
}
.woocommerce-password-strength {
    font-weight: 400 !important;
    padding: 0 !important;
    font-size: 10px !important;
    position: absolute !important;
    left: 4px !important;
    border-color: transparent !important;
    background-color: transparent !important;
    color: var(--act-gray);
    top: 3px;
}
.act-acc-save-1st {
    text-align: left;
}
.act-acc-save {
    width: 200px;
    height: 48px;
    border-radius: 12px;
    background: var(--act-green);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--act-dark);
}
.dp-user-pic-uploader {
    width: 100%;
    height: 120px;
    border-radius: 16px;
    background: #F3F7FF;
    border: 1px dashed var(--act-blue);
    display: flex;
    align-items: center;
    justify-content: center;
}
.dp-user-pic-uploader-inner {
    display: flex;
    gap: 16px;
    align-items: center;
}
.act-profile-file-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: var(--act-dark);
}
.logout-section {
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    color: var(--act-green);
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}
.woocommerce-EditAccountForm .act-woo-title-1 {
    order: 0;
}
.woocommerce-EditAccountForm .act-hor-bor-1 {
    order: 2;
}
.woocommerce-EditAccountForm .act-form-edit-account-inner {
    order: 3;
}
.woocommerce-EditAccountForm .act-hor-bor-2 {
    order: 4;
}
.woocommerce-EditAccountForm .act-form-edit-pass {
    order: 5;
}
.woocommerce-EditAccountForm .dp-user-pic-uploader {
    order: 1;
}
.woocommerce-EditAccountForm .act-acc-save-1st {
    order: 6;
}
.dp-my-address-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    border-radius: 13px;
    border: 1px solid var(--act-extra-light);
    padding: 15px;
    margin: 16px 0;
    flex-wrap: wrap;
}
.dp-my-address-card a {
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--act-green);
}
.dp-my-address-card a svg {
    margin-bottom: 4px;
}
.dp-my-address-address {
    width: 100%;
    display: flex;
    gap: 12px;
}
.dp-empty-address {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: var(--act-dark);
}
.dp-my-address-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
    margin: auto 0;
}
.dp-my-address-content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-gray);
}
.dp-my-address-content p span {
    color: var(--act-green);
}
.woocommerce-address-fields__field-wrapper, .woocommerce-address-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    margin: 20px 0;
}
.woocommerce form .woocommerce-address-fields__field-wrapper .form-row, .woocommerce-address-fields .form-row {
    max-width: 449.5px;
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
    float: unset;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
}
.act-subscriptions-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 20px;
}
.act-subscription-card {
    position: relative;
    min-height: 384px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.act-subscription-card-bg {
    color: var(--act-light);
    position: absolute;
    top: 0;
    width: 100%;
}
.act-subscription-content {
    display: flex;
    z-index: 2;
    min-height: 325px;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 16px;
    border: 1px solid var(--act-extra-light);
    border-top: none;
    background: var(--act-light);
    border-radius: 16px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 15px;
    padding-top: 0;
    margin-top: 60px;
}
.act-subscription-card:nth-child(2n-2) .act-subscription-card-bg {
    fill: var(--act-white);
}
.act-subscription-card:nth-child(2n-2) .act-subscription-content {
    background: var(--act-white);
}
.act-subscription-content-top {
    display: flex;
    width: 100%;
    position: absolute;
    top: 5px;
    right: 15px;
}
.act-subscription-content-top-right {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: var(--act-gray);
    display: flex;
    align-items: center;
    gap: 8px;
    width: 30%;
}
.act-subscription-content-top-left {
    font-weight: 300;
    font-size: 20px;
    line-height: 100%;
    position: relative;
    color: var(--act-gray);
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
}
.act-subscription-content-top-left::before {
    content: '';
    height: 4px;
    width: 24px;
    border-radius: 1000px;
    display: block;
    background: var(--act-green);
}
.act-subscription-content-top-left p {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}
.act-subscription-content-top-left strong {
    font-weight: 700;
    color: var(--act-blue);
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}
.act-subscription-cart-main-inner {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.act-subscription-right {
    width: 221px;
    height: 308px;
    border-radius: 12px;
    background: var(--act-white);
    border: 1px solid var(--act-extra-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}
.act-subscription-right .act-subscription-right-img {
    width: 92px;
    height: 92px;
    border-radius: 128px;
    padding: 24px;
    background: #F0F6FF;
}
.act-subscription-right-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.act-subscription-right-inner span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    background: linear-gradient(180deg, rgba(11, 97, 255, 0.07) 0%, rgba(240, 255, 253, 0.07) 125%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.act-subscription-right-inner p {
    font-weight: 300;
    font-size: 20px;
    line-height: 36px;
    color: #0B153075;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.act-subscription-right-inner strong {
    font-weight: 700;
    color: var(--act-blue);
}
.act-subscription-left {
    display: flex;
    gap: 12px;
    max-width: 642px;
    flex-wrap: wrap;
}
.act-subscription-left .act-sub-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.act-subscription-left .act-sub-info span {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-gray);
}
.act-subscription-left .act-sub-info .act-sub-value {
    border: 1px solid var(--act-extra-light);
    background: var(--act-white);
    width: 315px;
    min-height: 42px;
    border-radius: 10px;
    padding: 14px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-dark);
}
.gp-default-content {
    height: 100%;
}
.gp-notifications {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}
.dp-ma-dashboard-notifs-card {
    border: 1px solid var(--act-extra-light);
    border-radius: 16px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.dp-ma-dashboard-notifs-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.dp-ma-dashboard-notifs-top-right {
    display: flex;
    align-items: center;
    gap: 16px;
}
.dp-ma-dashboard-notifs-icon {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    background: var(--act-extra-light2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--act-green);
}
.dp-ma-dashboard-notifs-title {
    gap: 8px;
}
.dp-ma-dashboard-notifs-title .act-woo-title-1-divs div {
    width: 2px;
    height: 24px;
}
.dp-ma-dashboard-notifs-title .act-woo-title-1-content h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    color: var(--act-dark);
}
.dp-ma-dashboard-notifs-title .act-woo-title-1-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    color: #0B15301A;
    font-family: 'YekanBakh';
}
.dp-ma-dashboard-notifs-top-left {
    color: var(--act-green);
    margin-top: 8px;
}
.gp-ma-dashboard-notifs-text {
    background: var(--act-extra-light3);
    border-radius: 16px;
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    text-align: justify;
    color: var(--act-dark);
    position: relative;
}
.gp-ma-dashboard-notifs-text::before {
    content: '“';
    position: absolute;
    font-weight: 500;
    font-size: 49.99px;
    line-height: 42.28px;
    color: var(--act-blue);
    left: 10px;
    bottom: -15px;
}
.act-sub-card {
    position: relative;
    z-index: 1;
}
.act-sub-card .act-subscription-card-bg {
    z-index: -1;
}
.act-sub-card .act-sub-header {
    position: absolute;
}
.act-sub-card .act-sub-content {
    display: flex;
    min-height: 127px;
    gap: 16px;
    border: 1px solid var(--act-extra-light);
    border-top: none;
    background: var(--act-light);
    border-radius: 16px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 15px;
    padding-top: 0;
    margin-top: 57px;
    align-items: center;
    justify-content: flex-start;
}
.act-sub-state-1st-img {
    width: 100px;
    height: 100px;
    border-radius: 16px;
    padding: 9.36px;
    background: var(--act-white);
}
.act-sub-content-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    width: 75%;
}
.act-sub-content-inner .act-sub-info-sub-state {
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: var(--act-blue);
    display: flex;
    gap: 8px;
}
.act-sub-content-inner .act-sub-info-sub-state strong {
    font-weight: 600;
}
.act-sub-content-inner .act-sub-info {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.act-sub-content-inner .act-sub-info::before {
    content: '';
    height: 2px;
    width: 12px;
    border-radius: 1000px;
    display: flex;
    background: var(--act-gray);
}
.act-sub-content-inner .act-sub-info span {
    margin-right: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-gray);
    margin-left: 8px;
}
.act-sub-content-inner .act-sub-info strong {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-dark);
}
.act-sub-content-inner .act-sub-info strong .woocommerce-Price-amount {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-dark);
    position: relative;
}
.act-sub-content-inner .act-sub-info strong .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    margin: 0;
    position: absolute;
    left: -22px;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    transform: rotate(270deg);
}
.act-btn-primary.act-sub-action {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #E1F6F9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--act-green);
    position: absolute;
    left: 29px;
    top: 9px;
}
.act-ready-account-box {
    background: var(--act-white);
    border: 1px solid var(--act-extra-light);
    width: 100%;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.act-ready-account-box h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    position: relative;
    color: var(--act-dark);
    display: flex;
    align-items: center;
    gap: 8px;
}
.act-ready-account-box h5::before {
    content: '';
    display: flex;
    width: 16px;
    height: 2px;
    border-radius: 1000px;
    background: var(--act-blue);
}
.act-ready-account-box-inner {
    display: flex;
    align-items: center;
    gap: 12px;
}
.act-ready-account-box-inner div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.act-ready-account-box-inner span {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-gray);
}
.act-ready-account-box-inner p {
    width: 100%;
    height: 42px;
    border-radius: 10px;
    padding: 14px 12px;
    border: 1px solid var(--act-extra-light);
    position: relative;
}
.act-ready-account-box-inner .act-hidden-toggle {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: #E5FAF7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--act-green);
    cursor: pointer;
}
.act-sub-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}
.act-sub-actions p {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #8F93A0;
}
.act-sub-actions a {
    max-width: 380px;
    width: 100%;
    height: 48px;
    border-radius: 12px;
    padding: 8px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--act-green);
    color: var(--act-dark);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
}
.act-my-acc-filter-but {
    background: var(--act-green);
    color: var(--act-dark);
}
/* my account end */
/* wish list start */
.dp-product-wishlist form {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
.yith-wcwl-form {
    background: var(--act-white);
    border: 1px solid var(--act-extra-light);
    padding: 29px;
    width: 100%;
    max-width: 1280px;
    margin: 50px auto;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before, .wishlist-title-container {
    display: none;
}
.wishlist-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
.act-wish-item {
    width: 289px;
    height: 281px;
    border-radius: 16px;
    border: 1px solid var(--act-extra-light);
    padding: 15px;
    background: var(--act-white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.act-wish-item .product-remove {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    padding: 8px;
    position: absolute;
    top: 15px;
    left: 15px;
    border: 1px solid #F0F1F3;
    background: var(--act-white);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--act-green);
}
.act-wish-item .product-thumbnail a {
    width: 96px;
    height: 96px;
    border-radius: 16px;
    padding: 9.36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0B61FF0D;
}
.act-wish-item .product-thumbnail a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.act-wish-item .product-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: var(--act-dark);
}
.act-wish-item .product-stock-status {
    display: none !important;
}
.act-wish-item-buy-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
/* wish list end */
/* tickets start */
.wast-wrapper.dp-tickets {
    height: 100%;
}
.dp-add-ticket-but {
    width: 223.5px;
    height: 48px;
    border-radius: 12px;
    padding: 8px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--act-green);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: var(--act-dark);
}
.act-myacc-emp-box .dp-add-ticket-but {
    margin-top: 22px;
}
.gp-ticket-head .dp-add-ticket-but {
    width: 200px;
}
.dp-back-to-ticket {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    padding: 8px;
    background: var(--act-extra-light2);
    color: var(--act-green);
}
.act-add-new-ticket-bg {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.rad-tickets-table-1st {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}
.rad-tickets-table-1st .gp-reply-ticket-main-data {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.rad-tickets-table-1st .gp-reply-ticket-main-data span {
    width: 100%;
    height: 42px;
    border-radius: 10px;
    padding: 14px 12px;
    border: 1px solid var(--act-extra-light);
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
}
.kp-new-ticket-bg {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.act-tick-fg-p {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.act-tick-fg-p .rad-ticket-form-part{
    width: 100%;
}
.rad-ticket-form-part {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.rad-ticket-form-part label {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-gray);
}
.rad-ticket-form-part input {
    width: 100%;
    height: 42px;
    border-radius: 10px;
    border: 1px solid var(--act-extra-light);
    padding: 14px 12px;
}
.rad-tickoptions, .rad-tickoptionss {
    position: absolute;
    background: var(--act-white);
    border: 1px solid var(--act-extra-light);
    z-index: 999;
    width: 100%;
    top: 50px;
    right: 0;
    left: 0;
    padding: 12px;
    border-radius: 10px;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 200px;
    overflow: auto;
}
.rad-tickcustom-select.open .rad-tickoptions, .rad-tickcustom-select.open .rad-tickoptionss {
    opacity: 1;
    visibility: visible;
    transform: translateY(-5px);
}
.rad-tickcustom-select {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 42px;
    border-radius: 10px;
    border: 1px solid var(--act-extra-light);
    padding: 14px 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-dark);
}
.rad-tickcustom-select .dp-tickcustom-select-svg svg {
    transition: transform 0.2s ease;
}
.act-ticket-form-part {
    display: flex;
    gap: 12px;
}
.rad-tick-selected {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    right: 15px;
}
.rad-ticket-form-part-1 .rad-tick-selected {
    color: var(--act-gray);
}
.dp-tickcustom-select-svg {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F1F3;
    position: absolute;
    left: 5px;
    color: var(--act-gray);
}
.kp-new-ticket-bg .act-hor-bor {
    width: 100%;
}
.rad-ticket-form-part-textarea textarea {
    width: 100%;
    min-height: 133px;
    border-radius: 16px;
    background: #F9FAFB;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    color: #8990A0;
    padding: 16px;
}
.act-info-for-ticket {
    height: 40px;
    width: fit-content;
    border-radius: 12px;
    padding: 12px 28px;
    display: flex;
    background: #0B61FF0F;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--act-blue);
}
.act-laghv-ticket {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: var(--act-blue);
}
.radform-textarea textarea {
    width: 100%;
    height: 133px;
    border-radius: 16px;
    background: #F9FAFB;
    padding: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    color: var(--act-gray);
}
.rad-submit-new-ticket-part button {
    margin-top: 16px;
}
.box_answer_war_wpyar_ticket {
    height: auto;
    overflow: auto;
    max-height: 567px;
}
.rad-tick-answer-card {
    max-width: 736px;
    width: 100%;
    min-height: 197px;
    border-radius: 16px;
    background: #F9FAFB;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    margin: 16px 0;
}
.rad-tick-answer-card.kp-replay-ticket {
    float: left;
}
.rad-tick-answer-card .ticket-text {
    color: var(--act-dark);
    min-height: 112px;
}
.rad-tick-answer-card .gp-ticket-reply-top-user-date {
    color: #8990A0;
    display: flex;
    align-items: center;
    gap: 8px;
}
/* tickets end */
/* ====================================================================babazadeh start */
/* strat messenger */
.act-messenger-first {
    display: flex;
    gap: 14px;
}
.act-messenger {
    background-color: #00D1B214;
    opacity: 0.8;
    width: 52px;
    height: 52px;
    display: flex;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
}
.act-messenger-icon {
    width: 24px;
    height: 24px;
}
/* end messenger */
/* Back to top */
.act-back-to-top {
    display: flex;
    width: 183px;
    height: 52px;
    border: 1px solid #00D1B2;
    border-radius: 16px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    cursor: pointer;
}
.act-back-to-top-icon {
    width: 24px;
    height: 24px;
}
.act-back-to-top span {
    font-weight: 600;
    color: #00D1B2;
}
/* Back to top end */
/* support start */
.act-support {
    width: 211px;
    height: 44px;
    border-radius: 12px;
    background-color: #00D1B2;
    padding: 21px 24px;
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
}
.act-support span {
    font-weight: 400;
}
/* support end */
/* express :start */
.act-express {
    width: 100%;
    height: 84px;
    border-radius: 12px;
    background-color: #FFFFFF1F;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 16px;
}
.act-express-icon {
    width: 52px;
    height: 52px;
    background: #FFFFFF;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-express-text {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.act-express-text p {
    font-size: 18px;
    font-weight: 700;
}
.act-express-text span {
    font-weight: 400;
}
/* express end */
/* enemad strat  */
.act-enemad {
    width: 87px;
    height: 84px;
    background: #F7F8FD;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}
.act-enemad img {
    width: 100% !important;
    height: 100% !important;
}
.act-enemad-icon {
    width: 73px;
    height: 56.250709533691406px;
}
/* enemad end */
/* copyright start */
.act-copy {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: #F5F9FF;
}
.act-copy svg {
    min-width: 18px;
    min-height: 18px;
    margin-top: 8px;
}
.act-copy p {
    font-weight: 400;
    line-height: 36px;
}
/* copyright end */
/* footer menu start */
.act-footer-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.act-footer-menu strong {
    color: #0B61FF;
    font-weight: 700;
}
.act-footer-menu p {
    font-weight: 400;
    font-size: 22px;
    line-height: 47.45px;
    color: #F5F9FF;
}
.act-footer-menu ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.act-footer-menu ul li a {
    color: #F5F9FF;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    position: relative;
    padding-right: 16px;
}
.act-footer-menu ul li a::before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    aspect-ratio: 1/1;
    background: #00D1B2;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 100%;
    margin: auto 0;
    z-index: 2;
}
/* footer menu end */
/* act parent atagory  start */
.act-parent-catagory {
    display: flex;
    gap: 40px;
    align-items: center;
}
.act-product-swiper .swiper-slide {
    width: auto;
}
/* act parent catagory end */
/* catagory title start */
.act-catagory-title {
    display: flex;
    gap: 12px;
}
.act-catagory-title-text {
    font-size: 22px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.act-catagory-title-text strong {
    font-weight: 700;
    color: #0B61FF;
}
.act-catagory-title-text h5 {
    font-weight: 300;
    color: rgba(11, 21, 48, 0.58);
}
.act-catagory-title-see-more {
    color: #00D1B2;
    width: 100%;
    text-decoration: underline;
}
.act-catagory-title-see-more svg {
    width: 20px;
    height: 20px;
}
.act-catagor-title-see-more {
    display: flex;
    align-items: center;
}
.act-catagory-title-right-hand {
    width: 3px;
    height: 32px;
    background-color: rgba(11, 21, 48, 0.08);
    margin-bottom: 3px;
}
.act-catagory-title-right-hand:first-child {
    background-color: #00D1B2;
}
.act-catagory-title-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 123px;
}
/* catagory title end */
/* cat nav start */
.act-product-nav-left {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: none;
    background: linear-gradient(270deg, rgba(245, 249, 255, 0) -11.29%, #F5F9FF 83.99%);
    align-items: center;
    justify-content: flex-end;
    width: 60px;
    height: 100px;
    color: #0B61FF;
    cursor: pointer;
}
/* cat nav end */
/* catagory card start */
.act-catagory-card {
    padding: 1px;
    border-radius: 16px;
    background: #0B15300F;
    width: 204px;
    height: 100px;
    position: relative;
    transition: 0.4s;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.act-catagory-card::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0B1530 0%, #0B61FF 142.59%);
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.act-catagory-card:hover::before {
    opacity: 1;
    visibility: visible;
}
.act-catagory-card-inner {
    display: flex !important;
    padding: 15px;
    flex-direction: column;
    gap: 16px;
    border-radius: 15px;
    position: relative;
    transition: 0.4s;
    background: #FFF;
    width: 100%;
    height: 100%;
}
.act-catagory-card-mobile-blur {
    display: flex;
    width: 145px;
    height: 100px;
    padding: 0 113px 0 8px;
    align-items: center;
    position: absolute;
    background: linear-gradient(270deg, rgba(245, 249, 255, 0.00) -11.29%, #F5F9FF 83.99%);
    left: -45px;
    z-index: 2;
    display: none;
}
.act-catagory-card:hover .act-catagory-card-img {
    background: #00D1B2;
    color: #F5F9FF;
}
.act-catagory-card-name h2 {
    color: #0B1530;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.act-catagory-card-product {
    display: flex;
    align-items: center;
    height: 13px;
    position: absolute;
    top: 45px;
}
.act-catagory-card-product::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    aspect-ratio: 1/1;
    background: #0B61FF;
    border-radius: 100%;
    top: 4px;
    right: 0;
}
.act-catagory-card-product span {
    color: #0B61FF;
    font-size: 14px;
    font-weight: 300;
    padding-right: 10px;
}
.act-catagory-card-product strong {
    font-weight: 600;
    line-height: normal;
}
.act-catagory-card-img {
    background: rgba(0, 209, 178, 0.08);
    color: #00D1B2;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transition: 0.4s;
    position: absolute;
    bottom: 12px;
    left: 12px;
    overflow: hidden;
}
.act-cat-svg-stop-col-1 {
    transition: 0.4s;
    stop-color: #00D1B2;
}
.act-cat-svg-stop-col-2 {
    transition: 0.4s;
    stop-color: #F0FFFD;
}
.act-catagory-card:hover .act-cat-svg-stop-col-1 {
    transition: 0.4s;
    stop-color: #F5F9FF;
}
.act-catagory-card:hover .act-cat-svg-stop-col-2 {
    transition: 0.4s;
    stop-color: #F5F9FF;
}
.act-catagory-card-img:hover {
    background: #00D1B2;
}
/* catagory card end */
/* order box start */
.act-order-box {
    display: flex;
    gap: 20px;
}
.act-order-box-title {
    display: flex;
    height: 130px;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 24px;
    border: 1px solid rgba(11, 21, 48, 0.10);
    min-width: 240px;
}
.act-order-box-title span {
    color: rgba(11, 21, 48, 0.58);
    font-size: 22px;
    font-weight: 400;
    line-height: 48px; /* 218.182% */
}
.act-order-box-title span strong {
    color: #0B61FF;
    font-weight: 700;
    line-height: 48px;
}
.act-order-box-steps-inner {
    border-radius: 23px;
    position: relative;
    background: #FFF;
    display: flex;
    padding: 15px;
    flex-direction: row;
    gap: 24px;
    width: 238px;
    height: 128px;
    flex-wrap: wrap;
    transition: 0.4s;
    justify-content: space-between;
}
.act-order-box-steps {
    border-radius: 24px;
    width: 240px;
    height: 130px;
    transition: 0.4s;
    padding: 1px;
    background: rgba(11, 21, 48, 0.06);
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.act-order-box-steps::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(rgb(11, 21, 48) 0%, rgb(11, 97, 255) 142.59%);
    transition: 0.4s;
    z-index: -1;
}
.act-order-box-steps-icon {
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: #F9FAFB;
    transition: 0.4s;
}
.act-order-box-steps-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.act-box-steps-number {
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(11, 97, 255, 0.07) 0%, rgba(240, 255, 253, 0.07) 125%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.act-box-steps-number span {
    font-size: 80px;
    font-weight: 700;
    line-height: 78.909px; /* 98.636% */
}
.act-order-box-steps p {
    color: #0B1530;
    text-align: right;
    font-size: 18px;
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    align-self: auto;
}
.act-order-box-steps:hover::before {
    opacity: 1;
    visibility: visible;
}
.act-order-box-steps:hover .act-order-box-steps-icon {
    background: #0B61FF;
    color: #fff;
}
.act-border-nav-left {
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 3;
    left: 0px;
    bottom: 60px;
    display: none;
}
.act-order-swiper .swiper-slide {
    width: auto;
}
.act-order-card-mobile-blur {
    display: flex;
    width: 145px;
    height: 100px;
    padding: 0 113px 0 8px;
    align-items: center;
    position: absolute;
    background: linear-gradient(270deg, rgba(245, 249, 255, 0.00) -11.29%, #F5F9FF 83.99%);
    left: -56px;
    z-index: 2;
    display: none;
    bottom: 0;
}
/* order box end */
/* border start */
.act-horizontal-border {
    background-color: #0B15301A;
    width: 100%;
    height: 1px;
    position: relative;
}
.act-horizontal-border::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #0B15301A;
    left: 0;
    top: -3px;
}
/* border end */
/* abous us start */
.act-about-us {
    display: flex;
    width: 100%;
    padding: 32px 24px 24px 24px;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 24px;
    border: 1px solid rgba(11, 21, 48, 0.06);
    background: #FFF;
    height: 415px;
    align-items: flex-start;
}
.act-about-us-title {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    width: 100%;
}
.act-about-us-title::before {
    width: 20px;
    height: 4px;
    content: "";
    border-radius: 1000px;
    background: #00D1B2;
}
.act-about-us-title-text {
    color: rgba(11, 21, 48, 0.58);
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
}
.act-about-us-title-text strong {
    color: #0B61FF;
    text-align: right;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
}
.act-about-us-description {
    text-align: justify;
}
.act-about-us-description span {
    color: rgba(11, 21, 48, 0.58);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}
.act-about-us-description strong {
    color: #0B61FF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}
.act-about-us-call-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    align-self: stretch;
}
.act-about-us-call {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
}
.act-about-us-call span {
    width: 210px;
    color: #0B1530;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.act-about-us-call-number span {
    color: #0B1530;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.act-about-us-call-number strong {
    color: #0B61FF;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}
.act-about-us-more {
    display: flex;
    height: 56px;
    padding: 21px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    border: 1px solid #00D1B2;
    background: #00D1B2;
    width: 100%;
}
/* about us end */
/* customer start */
.act-customers-box {
    width: 629px;
    height: 415px;
    padding: 16px;
    border-radius: 24px;
    border: 1px solid rgba(11, 21, 48, 0.06);
    background: #FFF;
    position: relative;
    margin: auto;
}
.customers-count strong {
    color: #0B61FF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}
.act-customers-happy-count {
    width: 94px;
    height: 34px;
    display: flex;
    flex-direction: column;
}
.act-customers-happy-count span {
    color: var(--dark-gray, rgba(11, 21, 48, 0.58));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.customers-count span {
    color: #00D1B2;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}
.act-customers-happy {
    position: absolute;
    top: 4%;
    right: 3%;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 201px;
    height: 40px;
}
.act-customers-happy-img {
    width: 96px;
    height: 40px;
    aspect-ratio: 1/1;
    border-radius: 1000px;
    border: 3.5px solid #FFF;
    display: flex;
    position: relative;
    top: 0;
    right: 0;
}
.act-customers-happy-img img:first-child {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}
.act-customers-happy-img img:last-child {
    position: absolute;
    top: 0;
    left: 0;
}
.act-customers-box-img {
    width: 597px;
    height: auto;
    mask-image: url(../img/customer-img-mask.svg);
    -webkit-mask-image: url(../img/customer-img-mask.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.act-customers-happy-img img {
    width: 100% !important;
    border-radius: 1000px !important;
    border: 3.5px solid #FFF;
}
.act-customers-happy svg {
    width: 40px !important;
    height: 40px !important;
    aspect-ratio: 1/1;
    fill: #00D1B2;
    stroke-width: 3.5px;
    stroke: #FFF;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
}
.act-customers-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.act-customers-happy-img img {
    width: 40px !important;
    height: 40px !important;
}
/* customer end */
/* small banner start */
.act-small-banner {
    width: 100%;
    height: 289px;
    position: relative;
}
.act-small-banner p {
    color: #F5F9FF;
    text-align: right;
    font-size: 24px;
    font-weight: 300;
    line-height: 48px;
}
.act-small-banner strong {
    font-weight: 700;
}
.act-small-banner img {
    mask-image: url(../img/small-banner-mask.svg);
    -webkit-mask-image: url(../img/small-banner-mask.svg);
    width: 100%;
    height: 100% !important;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-clip: border-box;
    mask-clip: border-box;
}
.act-small-banner-text-box {
    width: 314px;
    height: 175px;
    position: absolute;
    bottom: 42px;
    display: flex;
    right: 46px;
    flex-direction: column;
    justify-content: space-between;
}
.act-small-banner-link {
    display: flex;
    padding: 21px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: #F5F9FF;
    width: 221px;
    height: 48px;
}
/* small banner end */
/* contact us start */
.act-contact-us-card {
    padding: 0 16px;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    display: flex;
    background-color: #fff;
    width: 100%;
    min-height: 84px;
    border-radius: 20px;
    border: 1px solid rgba(11, 21, 48, 0.10);
}
.act-contact-us-card-icon {
    display: flex;
    width: 52px;
    height: 52px;
    padding: 9.364px;
    justify-content: center;
    align-items: center;
    gap: 18.727px;
    aspect-ratio: 1/1;
    border-radius: 12px;
    background: #F9FAFB;
}
.act-contact-us-card-icon svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.act-contact-us-card-text {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 49px;
    width: 100%;
}
.act-contact-us-card-text-title {
    color: #0B1530;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.act-contact-us-card-text-title strong {
    color: #0B61FF;
    font-weight: 600;
}
.act-contact-us-card-text-inner {
    color: rgba(11, 21, 48, 0.58);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.act-contact-us-title {
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
}
.act-contact-us-title::before {
    content: "";
    height: 4px;
    border-radius: 1000px;
    background: #00D1B2;
    width: 24px;
}
.act-contact-us-title-text {}
.act-contact-us-title-text p {
    color: rgba(11, 21, 48, 0.58);
    text-align: right;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
}
.act-contact-us-title-text strong {
    color: #0B61FF;
    font-style: normal;
    font-weight: 700;
}
/* contact us end */
/* main menu end */
/* comment start */
.act-comments-1st-carousel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
}
.act-comment-swiper {
    width: 100%;
}
.act-comment-swiper .swiper-slide {
    width: auto;
}
.act-comment-box {
    display: flex;
    width: 413px;
    height: 283px;
    padding: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    border-radius: 24px;
    border: 1px solid rgba(11, 21, 48, 0.06);
    background: #FFF;
    margin-left: 20px;
}
.act-comment-box-detail {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.act-comment-box-detail-img {
    width: 96px;
    height: 96px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 16px;
    background: lightgray 50% / cover no-repeat;
}
.act-comment-box-detail-img img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 16px !important;
}
.act-comment-box-detail-members {
    width: 184px;
    height: 96px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.act-comment-box-detail-members p {
    color: #0B1530;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.act-comment-box-detail-members span {
    color: rgba(11, 21, 48, 0.58);
    text-align: right;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ac-mb-10 {
    margin-bottom: 10px;
    color: rgba(11, 21, 48, 0.58);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.act-comment-box-detail-members-stars {
    display: flex;
    align-items: center;
    gap: 16px;
}
.act-comment-box-detail-members-stars-svg {
    display: flex;
    gap: 4px;
    flex-direction: row-reverse;
}
.act-comment-box-detail-members-stars .star.full path {
    fill: #FDD63B;
    stroke: #FDD63B;
}
 .act-comment-box-detail-members-stars .star.empty path {
    stroke: #FDD63B;
}

.act-comment-brdr {
    width: 1px;
    height: 20px;
    background: rgba(11, 21, 48, 0.10);
}
.act-comment-box-discription {
    display: flex;
    height: 131px;
    padding: 16px;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 16px;
    background: #F9FAFB;
    position: relative;
    padding-left: 30px;
}
.act-comment-box-discription p {
    color: rgba(11, 21, 48, 0.58);
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
}
.act-comment-box-discription-quote {
    color: #0B61FF;
    text-align: right;
    font-family: "Playfair Display";
    font-size: 49.995px;
    font-style: normal;
    font-weight: 500;
    line-height: 42.281px; /* 84.571% */
    position: absolute;
    left: 10px;
    bottom: 10.822px;
    width: 21.998px;
    height: 11.999px;
}
.act-comment-button {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 124px;
    height: 56px;
}
.act-comment-button-but {
    display: flex;
    width: 56px;
    height: 56px;
    padding: 11.029px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 12px;
    background: #00D1B2;
    transition: 0.4s;
    color: #fff;
}
.act-comment-button .swiper-button-disabled {
    background: rgba(0, 209, 178, 0.08);
    color: #00D1B2;
    transition: 0.4s;
}
/* comment end */
/* messenger start */
.act-messenger {
    display: flex;
    width: 52px;
    height: 52px;
    padding: 9.364px;
    justify-content: center;
    align-items: center;
    gap: 18.727px;
    aspect-ratio: 1/1;
    border-radius: 12px;
    background: rgba(0, 209, 178, 0.08);
}
.act-messenger svg {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}
/* messenger end */
/* act-insta-banner start */
.act-insta-banner {
    width: 100%;
    height: 223px;
    position: relative;
}
.act-banner-right {
    position: absolute;
    bottom: 29px;
    display: flex;
    flex-direction: column;
    align-items: center;
    right: 32px;
    gap: 12px;
}
.act-banner-right span {
    color: rgba(249, 250, 251, 0.24);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 22.258px;
    font-weight: 600;
}
.act-banner-right img {
    width: 143px;
    object-fit: contain;
    height: 168px !important;
}
.act-banner-main {
    position: absolute;
    bottom: 65px;
    right: 387px;
    width: 506px;
}
.act-banner-main p {
    color: #F5F9FF;
    font-size: 36px;
    font-weight: 300;
    line-height: 64px;
    text-align: center;
}
.act-banner-main p strong {
    color: #F5F9FF;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
}
.act-banner-link {
    position: absolute;
    left: 52px;
    bottom: 83px;
    display: inline-flex;
    height: 56px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #F5F9FF;
}
.act-banner-link span {
    color: #0B61FF;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    width: 130px;
}
.act-insta-banner .act-banner-desk {
    mask-image: url(../img/insta-bh.svg);
    -webkit-mask-image: url(../img/insta-bh.svg);
    width: 100%;
    height: 100% !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-clip: border-box;
    mask-clip: border-box;
}
.act-insta-banner .act-banner-mob {
    mask-image: url(../img/insta-bh-mobile.svg);
    -webkit-mask-image: url(../img/insta-bh-mobile.svg);
    width: 100%;
    height: 100% !important;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-clip: border-box;
    mask-clip: border-box;
    display: none;
}
/* act-insta-banner end */
/* questions start */
.act-faq-1st {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: auto;
}
.act-faq-svg-bg {
    color: #ffffff;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    right: 0;
    left: 0;
}
.act-faq-svg-mobile-bg {
    color: #ffffff;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    right: 0;
    left: 0;
    display: none;
}
.act-faq-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 914px;
    margin: auto;
    margin-left: 0;
    padding: 24px;
    width: 100%;
}
.act-faq-head-title {
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
    color: rgba(11, 21, 48, 0.58);
    font-size: 32px;
    font-weight: 300;
}
.act-faq-head-title::before {
    content: "";
    height: 4px;
    border-radius: 1000px;
    background: #00D1B2;
    width: 24px;
}
.act-faq-head-title strong {
    color: #0B61FF;
    font-weight: 700;
}
.act-faq-but {
    display: flex;
    height: 56px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    border: 1px solid #00D1B2;
    color: #00D1B2;
    font-size: 16px;
    font-weight: 400;
}
.act-faq-main {
    display: flex;
    position: relative;
    gap: 20px;
    padding: 0 30px 20px;
    background: #ffffff;
    border: 1px solid #0B15300F;
    border-top: none;
    border-radius: 0px 0px 24px 24px;
    margin-top: 20px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.act-faq-main-col {
    display: flex;
    gap: 20px;
    width: 100%;
    max-width: 49%;
    flex-direction: column;
}
.act-faq-item {
    width: 100%;
}
.act-questions {
    width: 100%;
    height: 64px;
    display: flex;
    padding: 8px 20px 8px 10px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 16px;
    background: #FFFFFF;
    justify-content: space-between;
    border: 1px solid #00D1B2;
    cursor: pointer;
    transition: 0.4s;
}
.act-questions.collapsed {
    background: #F8FAFB;
    transition: 0.4s;
    border: 1px solid #F8FAFB;
}
.act-questions p {
    color: #0B1530;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-right: 18px;
    transition: 0.4s;
    line-height: 21px;
}
.act-questions p::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    aspect-ratio: 1/1;
    background: #00D1B2;
    border-radius: 100%;
    transition: 0.4s;
    right: 0;
    top: 2px;
}
.act-questions.collapsed p {
    padding-right: 0;
}
.act-questions.collapsed p::before {
    opacity: 0;
}
.act-questions-flash {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
    border-radius: 10px;
    color: #00D1B2;
    background: transparent;
    transition: 0.4s;
}
.act-questions.collapsed .act-questions-flash {
    background: #00D1B2;
    color: #FFFFFF;
}
.act-questions-flash svg {
    transition: 0.4s;
    transform: rotate(180deg);
}
.act-questions.collapsed .act-questions-flash svg {
    transform: rotate(0deg);
}
.act-answer-content {
    padding: 20px 32px;
    border-radius: 16px;
    border: 1px solid rgba(11, 21, 48, 0.10);
    color: rgba(11, 21, 48, 0.58);
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    margin-top: 16px;
    background: #ffffff;
}
/* questions end */
/* act plan start */
.act-price-plans-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.act-price-plans {
    position: relative;
    width: 413px;
    height: 558px;
    transition: 0.4s;
}
.act-price-plans-svg-desktop {
    color: #ffffff;
}
.pplans-brdr-st {
    stop-color: #0B15300F;
    transition: 0.4s;
}
.pplans-brdr-end {
    stop-color: #0B15300F;
    transition: 0.4s;
}
.act-price-plans:hover .pplans-brdr-st {
    stop-color: #0B61FF;
}
.act-price-plans:hover .pplans-brdr-end {
    stop-color: #0B1530;
}
.act-price-plans-time {
    position: absolute;
    top: 0;
    right: 46px;
    color: var(--Green, #00D1B2);
    text-align: right;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
}
.act-price-plans-icon {
    top: 16px;
    left: 16px;
    display: flex;
    width: 72px;
    height: 72px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 12px;
    background: #F9FAFB;
    position: absolute;
    transition: 0.4s;
}
.act-price-plans-buy {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 96px;
    right: 0;
    left: 0;
    margin: auto;
    gap: 32px;
    width: 349px;
}
.act-price-plans-buy p {
    color: var(--Secoundry, #0B1530);
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.act-price-plans-buy p span {
    color: var(--dark-gray, rgba(11, 21, 48, 0.58));
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.act-price-plans-buy a {
    display: flex !important;
    width: 349px;
    height: 56px;
    padding: 21px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: #F9FAFB;
    gap: 8px;
    transition: 0.4s;
}
.act-price-plans-discriptions {
    display: flex;
    flex-direction: column;
    gap: 22px;
    position: absolute;
    right: 32px;
    bottom: 23px;
}
.act-price-plans-discriptions p {
    display: flex;
    gap: 8px;
    color: rgba(11, 21, 48, 0.58);
    font-size: 18px;
    font-weight: 400;
    align-items: center;
    justify-content: flex-start;
}
.act-price-plans-discriptions p svg {
    color: #00D1B2;
    width: 20px;
    height: 20px;
}
.act-plans-border {
    background-color: #0B15301A;
    width: 100%;
    height: 1px;
    position: relative;
    margin: auto;
}
.act-price-plans-icon svg {
    fill: #8C919E;
    transition: 0.4s;
}
.act-price-plans:hover .act-price-plans-buy a {
    background-color: #00D1B2;
}
.act-price-plans:hover .act-price-plans-icon {
    background: #0B61FF;
}
.act-price-plans:hover .act-price-plans-icon svg {
    fill: #fff;
}
/* act plan start */
.act-plan-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.act-plane-box {
    position: relative;
}
.act-plane-box .act-price-header-svg {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    margin: auto;
    bottom: 15px;
    z-index: -1;
    transition: 0.4s;
}
.act-plan-header-r p {
    color: rgba(11, 21, 48, 0.58);
    font-size: 22px;
    font-weight: 300;
}
.act-plan-header-r p strong {
    color: #0B61FF;
    font-weight: 700;
}
.act-plan-header-r span {
    color: rgba(11, 21, 48, 0.10);
    font-size: 22px;
    font-weight: 600;
}
.act-plan-header-l {
    display: flex;
    gap: 24px;
    align-items: center;
}
.act-plan-header-l-text {
    color: rgba(11, 21, 48, 0.58);
    font-size: 16px;
    font-weight: 400;
    max-width: 334px;
    line-height: 34px;
}
.act-plan-header-l-text strong {
    color: #0B61FF;
}
.act-plan-button {
    display: flex;
    gap: 12px;
}
.act-plan-button-r {
    width: 56px;
    height: 56px;
}
.act-plan-button-l {
    width: 56px;
    height: 56px;
}
.act-price-plans-swiper .swiper-slide {
    width: 416px !important;
}
.act-price-plans-svg-mobile {
    display: none;
}
/* act plan end */
/* ====================================================================babazadeh end */
/*footer start*/
@media (max-width: 1024px) {
    .act-footer-bg {
        background: #0B1530;
    }
}
@media (max-width: 768px) {
    .act-footer-bg {
        background: inherit;
    }
}
/*footer end*/
/* اسپینر دایره‌ای */
#spinner, #loading-spinner, .act-ajax-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    background: rgb(0 0 0 / 6%);
    backdrop-filter: blur(3px);
    z-index: 9;
}
#spinner .spinner, #loading-spinner .spinner, .act-spinner {
    width: 50px;
    padding: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #0B61FF;
    --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}
@keyframes l3 {
    to {
        transform: rotate(1turn)
    }
}
/*  لودینگ ایجکس عمومی پایان */
@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
        top: 0;
        z-index: 999;
    }
}
.act-our-services-card-content h4, .act-our-services-card-content p, .act-product-title, .act-product-text, .act-plan-header-l-text, .act-questions p, .act-blogs-head-content-text {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    align-self: auto;
}
/*subscription account thank you start*/
.woocommerce-order-section {
    display: flex;
    flex-direction: column;
    /* gap: 30px; */
    justify-content: space-around;
    border: 1px solid #E7E8EA;
    border-radius: 12px;
    padding: 7px 35px;
    width: 1218px;
    background: #F9FAFB;
}
.woocommerce-order-section-title {
    position: relative;
    display: flex;
    gap: 5px;
}
.woocommerce-order-section-title::before {
    position: relative;
    content: "";
    width: 16px;
    height: 2px;
    right: unset;
    top: 10px;
    background: rebeccapurple;
}
.woocommerce-order-section-detail {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.woocommerce-order-section-detail-first {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.woocommerce-order-section-detail-first span {}
.woocommerce-order-section-detail-first-detail {
    width: 550px;
    height: 49px;
    display: flex;
    border-radius: 11px;
    align-items: center;
    border: 1px solid #E7E8EA;
    justify-content: center;
}
.woocommerce-order-section-detail-first-detail span {
    margin-right: 5px;
}
/*subscription account thank you end*/
/*transition start*/
.act-variable-order-footer-btn-1, .act-variable-order-footer-btn-1 {
    border: 1px solid #00D1B2;
}
.act-variable-order-footer-btn-1, .act-variable-order-footer-btn-2, .act-variable-order-footer-btn-1, .act-variable-order-footer-btn-2 {
    transition: 0.4s;
}
/*transition end*/
/*copy-success start*/
.copy-success-message {
    color: #0B61FF;
    margin-right: 10px;
}
/*copy-success end*/