@import url("./main_font.css");

/*==================body=================*/
body {
    direction: rtl;
    background: var(--white);
    font-family: "PeydaWebRegular";
}

.pagination {
    width: 100%;
    margin: 40px auto 30px auto;
    max-width: 869px;
    height: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.pagination li {
    height: 38px;
    border-left: 1px solid #f1f1f1;
}
.pagination li .page-link {
    width: max-content;
    height: 100%;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    color: #55626a;
    text-align: center;
    font-size: 19px;
    font-family: "PeydaWebBold";
    outline: 0;
    box-shadow: unset;
}
.pagination .page-item:not(:first-child) .page-link {
    margin-left: 0;
}
.pagination li:first-child .page-link,
.pagination li:last-child .page-link {
    color: var(--color1);
}
.pagination li:last-child {
    border-left: none;
}
.pagination li a span {
    font-size: 25px;
}
.pagination .disabled > .page-link,
.pagination .page-link.disabled {
    background: transparent;
    opacity: 0.6;
}
.pagination .active .page-link,
.pagination .active .page-link.active,
.pagination li .page-link:hover,
.pagination li:first-child .page-link:hover,
.pagination li:last-child .page-link:hover {
    color: var(--hover-color);
    background: transparent;
}

.prdcutSec .prdctInfoBtm .item_Num_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    background: transparent;
}
.prdcutSec .prdctInfoBtm .item_Num_box span {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.item_Num_box span:before,
.item_Num_box span:after {
    display: inline-block;
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background-color: #b4b4b4;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    opacity: 1;
}
.item_Num_box span.plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.item_Num_box span:hover:before,
.item_Num_box span:hover:after {
    background: var(--color1);
}
.item_Num_box input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    height: 100%;
    border: none;
    color: #626262;
    text-align: center;
    font-size: 16px;
}
.item_Num_box button {
    border: none;
    background: transparent;
    color: #fe4a2b;
    width: 35px;
    font-size: 15px;
    padding: 0 6px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item_Num_box button:hover {
    color: var(--color1);
}

.rateBox {
    direction: ltr;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.rateBox p {
    color: #c7c7c7;
    font-size: 10px;
    letter-spacing: 0.1px;
}
.starRate {
    direction: ltr;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
}
.starRate .star {
    position: relative;
    line-height: 1;
    color: #dbdbdb;
}
.starRate .star span {
    font-size: 12px;
}
.starRate .icon-star-3:before {
    color: #dbdbdb;
}
.starRate .star:before {
    font-family: "icomoon" !important;
    content: "\e954";
    position: absolute;
    left: 0;
    top: 0;
    color: #dbdbdb;
    font-size: 12px;
}
.starRate .star.half:before {
    width: 50%;
    overflow: hidden;
    color: var(--yellow);
}
.starRate .star.full:before {
    width: 100%;
    color: var(--yellow);
}

.timeContainer .wrapper {
    direction: ltr;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.timeContainer .wrapBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}
.timeContainer .wrapBox i {
    color: var(--text1);
    font-size: 12px;
}
.timeContainer .colon {
    color: var(--gray4);
    font-size: 24px;
    list-style: 1;
}
.timeContainer .digits {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}
.timeContainer .digits p {
    width: 21px;
    height: 26px;
    border-radius: 2px;
    background: var(--gray9);
    color: var(--text1);
    font-family: "PeydaWebMedium";
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.timeContainer .digits.seconds p {
    background: var(--color1);
    color: var(--white);
}

/*==================header=================*/
header {
    background: var(--white);
    border-bottom: 1px solid var(--white-300);
}
.headerSec {
    background: var(--white);
}
.headerSec.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.04);
}
.headerBox {
    padding: 20px 0;
}
header .headrTop {
    width: 100%;
    background: var(--color1);
}
header .headrTop .hdrTopRow {
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .hdrTopRow ul,
header .hdrTopRow li,
header .hdrTopRow div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
header .hdrTopRow ul {
    gap: 25px;
}
header .hdrTopRow li,
header .hdrTopRow div {
    gap: 5px;
    color: var(--white);
}
header .hdrTopRow p {
    text-align: right;
    font-size: 13px;
    letter-spacing: 1.95px;
    padding-top: 2px;
}
header .hdrTopRow span {
    font-size: 17px;
}
.headerSec {
    background: var(--white);
    box-shadow: 1px 14px 12px 2px rgba(231, 231, 231, 0.6);
}
.headerSec .headerBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.headerSec .headerBox .hdrCatBox {
    z-index: 15;
    padding: 30px 25px;
}
.headerSec .hdrCatBox .sideTopRow {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}
.headerSec .hdrCatBox .sideTopRow a {
    display: block;
    width: 135px;
    height: auto;
}
.headerSec .hdrCatBox .sideTopRow img {
    width: 100%;
    height: auto;
}
.headerSec .hdrCatBox .sideTopRow span {
    display: block;
    cursor: pointer;
    font-size: 20px;
    color: var(--color1);
}
.headerSec .hdrCatBox .sideTopRow span:hover {
    color: var(--hover-color);
}
.headerSec .hdrCatBox .sideMnuLnk {
    width: 100%;
    display: none;
    color: #6e6e6e;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 12px;
    letter-spacing: 0.12px;
    border-bottom: 1px solid var(--text8);
    padding: 0 0 12px 0;
    margin-bottom: 12px;
}
.headerSec .hdrCatBox .sideMnuLnk:hover {
    color: var(--color1);
}
.headerSec .hdrCatBox .catContent {
    position: relative;
}
.headerSec .hdrCatBox .hdrCatUl {
    width: 200px;
    height: 100%;
    overflow: auto;
    /* border-left: 1px solid #d0d0d0; */
}
.headerSec .hdrCatBox .hdrCatLi {
    width: 100%;
    margin-bottom: 10px;
}
.headerSec .hdrCatBox .hdrCatLnk {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: #6e6e6e;
    cursor: pointer;
}
.headerSec .hdrCatBox .hdrCatLnk img {
    width: 31px;
    height: auto;
}
.headerSec .hdrCatBox .hdrCatLnk p {
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 12px;
    letter-spacing: 0.12px;
}
.headerSec .hdrCatBox .hdrCatLi:hover .hdrCatLnk {
    color: var(--color1);
}
.headerSec .hdrCatBox .hdrCatTtl {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.headerSec .hdrCatBox .hdrCatTtl a {
    color: #6e6e6e;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 12px;
    letter-spacing: 0.12px;
}
.headerSec .hdrCatBox .hdrCatTtl span {
    color: #6e6e6e;
    font-size: 10px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.headerSec .hdrCatBox .hdrCatTtl.active a {
    color: var(--color1);
}
.headerSec .hdrCatBox .hdrCatTtl.active span {
    color: var(--color1);
    transform: rotate(180deg);
}
.headerSec .hdrCatBox .hdrSubBx::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.headerSec .hdrSubBx .allPrdctLnk {
    width: 100%;
    margin-bottom: 22px;
}
.headerSec .hdrSubBx .allPrdctLnk {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: var(--color1);
}
.headerSec .hdrSubBx .allPrdctLnk p {
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 12px;
    letter-spacing: 0.12px;
}
.headerSec .hdrSubBx .allPrdctLnk span {
    font-size: 9px;
}
.headerSec .hdrSubBx .allPrdctLnk :hover {
    color: var(--hover-color);
}
.headerSec .hdrSubBx .hdrSubTitl {
    width: 177px;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 12px;
    margin-bottom: 10px;
}
.headerSec .hdrSubBx .hdrSubTitl a {
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: #515151;
}
.headerSec .hdrSubBx .hdrSubTitl a i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color1);
    display: block;
}
.headerSec .hdrSubBx .hdrSubTitl a p {
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 12px;
    letter-spacing: 0.12px;
}
.headerSec .hdrSubBx .hdrSubTitl a span {
    font-size: 8px;
}
.headerSec .hdrSubBx .hdrSubTitl a:hover {
    color: var(--color1);
}
.headerSec .hdrSubBx .hdrSubLink {
    display: none;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.headerSec .hdrSubBx .hdrSubLink a {
    display: block;
    color: #6e6e6e;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 12px;
    letter-spacing: 0.12px;
}
.headerSec .hdrSubBx .hdrSubLink span {
    display: block;
    color: #6e6e6e;
    cursor: pointer;
    font-size: 8px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.headerSec .hdrSubBx .hdrSubLink.active a {
    color: var(--color1);
}
.headerSec .hdrSubBx .hdrSubLink.active span {
    transform: rotate(180deg);
    color: var(--color1);
}
.headerSec .hdrCatBox .hdrSubBx {
    display: none;
}
.headerSec .hdrCatBox .hdrSubBx.active {
    color: var(--color1);
}
.headerSec .hdrCatBox .hdrSubList a {
    color: #6e6e6e;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 11px;
    letter-spacing: 0.11px;
}
.headerSec .hdrCatBox .hdrSubList a:hover {
    color: var(--color1);
}

.headerSec .headrRight {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.headerSec .headrLogo {
    display: block;
    width: 135px;
    height: auto;
}
.headerSec .headrLogo img {
    width: 100%;
    height: auto;
}
.headerSec .opnSideMnu {
    display: none;
    cursor: pointer;
    font-size: 20px;
    color: var(--color1);
}
.headerSec .hdrCatLink {
    width: max-content;
    height: 40px;
    padding: 0 20px;
    border-radius: 6px;
    background: var(--color1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    color: var(--white);
}
.headerSec .hdrCatLink span {
    font-size: 19px;
}
.headerSec .hdrCatLink p {
    font-family: "PeydaWebMedium";
    font-size: 13px;
}
.headerSec .hdrCatLink:hover,
.headerSec .hdrCatLink.clicked {
    background: var(--hover-color);
}
.headerSec .relatdRsult {
    position: absolute;
    left: 0;
    top: 46px;
    width: 100%;
    border-radius: 0 0 12px 12px;
    background: var(--white);
    padding: 15px;
    box-shadow: 0px 6px 4px 1px rgba(0, 0, 0, 0.08),
    6px 10px 16px 0px rgba(0, 0, 0, 0.06);
    display: none;
    z-index: 5;
}
.headerSec .relatdRsult .rltdResltLst {
    max-height: 400px;
    overflow: auto;
    padding: 0 3px;
}
.headerSec .relatdRsult .rltdResltLst::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #fff;
}
.headerSec .relatdRsult .rltdResltLst::-webkit-scrollbar-thumb {
    border-radius: 35px;
    background-color: rgba(0, 0, 0, 0.2);
    --webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.headerSec .relatdRsult a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
}
.headerSec .relatdRsult .imgDiv {
    width: 60px;
    min-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff;
    padding: 4px;
}
.headerSec .relatdRsult .imgDiv img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.headerSec .relatdRsult .titleDiv {
    text-align: right;
}
.headerSec .relatdRsult .titleDiv p {
    color: #445059;
    font-size: 14px;
    margin-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.headerSec .relatdRsult a:hover {
    background: #ffcdc4;
}

.headerSec .hdrSrchBx .hdrSrchFrm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 361px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid rgba(227, 227, 227, 0.4);
    background: var(--white);
}
.headerSec .hdrSrchBx .hdrSrchFrm .rmvSrchInpt {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #445059;
    font-size: 18px;
    cursor: pointer;
    display: none;
}
.headerSec .hdrSrchBx .hdrSrchFrm .rmvSrchInpt:hover {
    color: var(--color1);
}
.headerSec .hdrSrchBx input {
    border: none;
    border-radius: 5px 0 0 5px;
    height: 100%;
    width: 100%;
    padding-right: 0;
}
.headerSec .hdrSrchBx button {
    min-width: 40px;
    height: 100%;
    font-size: 17px;
    padding: 0;
    color: var(--gray5);
    border: none;
    border-radius: 0 5px 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headerSec .hdrSrchBx button:hover {
    color: var(--color1);
}
.headerSec .hdrSrchBx .hdrSrchFrm:has(input:focus) {
    border-color: var(--color1);
}
.headerSec .headrLft {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}
.headerSec .headrLft .hdrUserBx {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.headerSec .headrLft .hdrUserBx .name {
    text-align: left;
}
.headerSec .headrLft .hdrUserBx strong {
    color: var(--color2);
    font-family: "PeydaWebBold";
    font-size: 11px;
    display: block;
    margin-bottom: 1px;
}
.headerSec .headrLft .hdrUserBx p {
    color: #858585;
    font-family: "PeydaWebMedium";
    font-size: 11px;
}
.headerSec .headrLft .hdrUserBx .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: var(--color2);
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.09);
    font-size: 23px;
    color: var(--white);
}
.headerSec .headrLft .hdrCartBx {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.09);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #858585;
    border: 1px solid var(--white);
}
.headerSec .headrLft .hdrCartBx i {
    right: 8px;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color1);
    z-index: 2;
}
.headerSec .headrLft .hdrCartBx:hover {
    border-color: var(--hover-color);
}
.headerSec .headrLft .hdrSprtLnk {
    width: 40px;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: var(--color1);
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.09);
    font-size: 23px;
    color: var(--white);
}
.headerSec .headrLft .hdrSprtLnk:hover {
    background: var(--hover-color);
}

/*==================topSec=================*/
.topSec {
    margin: 40px 0;
}
.topSec .topSecRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.topSec .topSecRght {
    width: calc(100% - 302px);
    padding-left: 25px;
}
.topSec .topSecRght .topSlider1 {
    width: 100%;
    height: 367px;
}
.topSecRght .topSlider1 .layerOne,
.topSecRght .topSlider1 .layerTwo {
    position: absolute;
    border-radius: 15px;
    height: 88px;
}
.topSecRght .topSlider1 .layerOne {
    width: calc(100% - 34px);
    left: 17px;
    top: calc(100% - 110px);
    z-index: 2;
    background: var(--pink1);
}
.topSecRght .topSlider1 .layerTwo {
    width: calc(100% - 68px);
    left: 34px;
    top: calc(100% - 94px);
    z-index: 1;
    background: var(--pink2);
}
.topSecRght .topSlider1 .swiper {
    z-index: 3;
    width: 100%;
    /* height: 100%; */
    border-radius: 15px;
}
.topSecRght .topSlider1 .swiper-slide {
    width: 100%;
    height: 330px;
    border-radius: 15px;
    /* background: var(--color1); */
}
.topSecRght .topSlider1 .topSwprCvr {
    z-index: 1;
    width: 100%;
    height: 50%;
    border-radius: 15px;
}
.topSecRght .topSlider1 .topSwprCrd {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 15px;
    overflow: hidden;
}
.topSecRght .topSlider1 .topSwprImg {
    width: 307px;
    height: auto;
    max-height: 100%;
    overflow: hidden;
}
.topSecRght .topSlider1 .topSwprImg img {
    width: 102%;
    height: auto;
    max-height: 100%;
    transform: translate3d(26px, 10px, 10px) rotate(25deg);
}
.topSecRght .topSlider1 .topSwprInfo {
    width: calc(100% - 307px);
    padding: 20px 0 20px 20px;
}
.topSecRght .topSwprInfo .title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.topSecRght .topSwprInfo .title .name {
    color: var(--white);
    text-align: right;
    font-family: "PeydaWebBold";
    display: block;
}
.topSecRght .topSwprInfo .title h2 {
    font-size: 19px;
    margin-bottom: 6px;
}
.topSecRght .topSwprInfo .title p {
    font-size: 10px;
}
.topSecRght .topSwprInfo .title .logo {
    display: block;
    width: 107px;
    height: auto;
}
.topSecRght .topSwprInfo .title .logo img {
    width: 100%;
    height: auto;
}
.topSecRght .topSwprInfo .feature {
    margin: 70px 0 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px 18px;
    flex-wrap: wrap;
    color: var(--white);
    padding: 8px 0;
}
.topSecRght .topSwprInfo .feature strong {
    font-family: "PeydaWebBold";
    font-size: 15px;
}
.topSecRght .topSwprInfo .feature ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px 17px;
    flex-wrap: wrap;
    list-style: disc;
}
.topSecRght .topSwprInfo .feature li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}
.topSecRght .topSwprInfo .feature li span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--white);
    display: block;
}
.topSecRght .topSwprInfo .feature li p {
    text-align: right;
    font-size: 14px;
}
.topSecRght .topSwprInfo .text {
    color: var(--white);
    text-align: right;
    font-size: 12px;
    letter-spacing: 0.12px;
}
.topSecRght .topSwprInfo .viewBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.topSecRght .topSwprInfo .view {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
.topSecRght .topSwprInfo .view div {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: var(--color1);
    box-shadow: 3px 2px 4px 0px rgba(0, 0, 0, 0.17);
    color: var(--white);
}
.topSecRght .topSwprInfo .view p {
    color: var(--white);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 12px;
    letter-spacing: 0.12px;
}
.topSecRght .topSwprInfo .view:hover div {
    background: var(--hover-color);
}
.topSecRght .topSwprInfo .viewBox .logo {
    width: 90px;
    height: auto;
    display: none;
}
.topSecRght .topSwprInfo .logo img {
    width: 100%;
    height: auto;
}
.topSecRght .topSlider1 .swiprBtn {
    opacity: 0;
    z-index: 2;
}
.topSecRght .topSlider1 .swiper-rtl .swiper-button-prev,
.topSecRght .topSlider1 .swiper-rtl .swiper-button-next {
    top: calc(100% - 90px);
    color: var(--white);
    opacity: 1;
}
.topSecRght .topSlider1 .swiper-button-next.swiper-button-disabled,
.topSecRght .topSlider1 .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
}
.topSecRght .topSlider1 .swiper-rtl .swiper-button-prev {
    right: auto;
    left: 50px;
}
.topSecRght .topSlider1 .swiper-rtl .swiper-button-next {
    left: 20px;
}
.topSecRght .topSlider1 .swiper-rtl .swiper-button-next:after,
.topSecRght .topSlider1 .swiper-rtl .swiper-button-prev:after {
    font-family: "icomoon";
    font-size: 20px;
}
.topSecRght .topSlider1 .swiper-rtl .swiper-button-next:after {
    content: "\e956";
}
.topSecRght .topSlider1 .swiper-rtl .swiper-button-prev:after {
    content: "\ea19";
}
.topSec .topSecLeft {
    width: 302px;
    height: 331px;
    border-radius: 16px;
    background: var(--white);
    box-shadow: 30px 0px 32px 0px rgba(0, 0, 0, 0.07);
}
.sideSwiper {
    width: 100%;
    height: 351px;
    border-radius: 16px;
    background: var(--white);
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.07);
}
.topSec .topSecLeft .topSlider2,
.sideSwiper .topSlider2 {
    width: 100%;
    height: 100%;
}
.topSlider2 .swiper-slide {
    padding: 25px;
}
.topSlider2 .imgBox {
    width: 100%;
    height: 152px;
    margin: 20px 0;
}
.topSlider2 .imgBox img {
    width: auto;
    height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.topSlider2 .swiper-slide .name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    color: #445059;
}
.topSlider2 .swiper-slide h2 {
    width: max-content;
    min-width: 159px;
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topSlider2 .swiper-slide .name span {
    width: 100%;
    height: 1px;
    background: #edf0f4;
}
.topSlider2 .swiper-slide a:hover {
    color: var(--color1);
}
.topSlider2 .adToCrtRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}
.topSlider2 .adToCrtRow button {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--color1);
    box-shadow: 3px 4px 11px 0px rgba(0, 0, 0, 0.15);
    font-size: 20px;
    color: var(--white);
    border: none;
}
.topSlider2 .adToCrtRow button:hover {
    background: var(--hover-color);
}
.topSlider2 .adToCrtRow .price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
}
.topSlider2 .adToCrtRow .price strong {
    color: var(--color1);
    font-family: "PeydaWebBold";
    font-size: 19px;
    display: block;
}
.topSlider2 .adToCrtRow .price p {
    color: var(--white);
    font-family: "PeydaWebBold";
    font-size: 10px;
    letter-spacing: 0.8px;
    border-radius: 20px;
    background: var(--color1);
    padding: 2px 3px 1px 3px;
    display: block;
}
.topSlider2 .adToCrtRow .left span {
    display: block;
    color: #8e9aa3;
    text-align: left;
    font-family: "PeydaWebBold";
    font-size: 11px;
}
.topSecLeft .topSlider2 .swiper-pagination,
.sideSwiper .topSlider2 .swiper-pagination {
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: max-content;
    height: max-content;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
}
.topSecLeft .topSlider2 .swiper-pagination-bullet,
.sideSwiper .topSlider2 .swiper-pagination-bullet {
    display: block;
    width: 14px;
    height: 5px;
    border-radius: 5px;
    background: #a3adb9;
    opacity: 1;
}
.topSecLeft .topSlider2 .swiper-pagination-bullet-active,
.sideSwiper .topSlider2 .swiper-pagination-bullet-active {
    width: 23px;
    background: var(--color1);
}

/*==================secHeader=================*/
.secHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}
.secHeader h1,
.secHeader strong {
    min-width: max-content;
    color: var(--color1);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 20px;
    letter-spacing: 0.2px;
    display: block;
}
.secHeader i {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--gray6);
}
.secHeader a,
.crdTabSec .tabHeader .tabMorLink {
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.secHeader a p,
.crdTabSec .tabHeader .tabMorLink p {
    color: var(--text3);
    font-size: 12px;
    font-family: "PeydaWebBold";
    letter-spacing: 0.12px;
}
.secHeader a div,
.crdTabSec .tabHeader .tabMorLink div {
    width: 20px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 2px 2px 10px;
    background: #f5f5f5;
    font-size: 10px;
    color: #515151;
}
.secHeader a:hover div,
.crdTabSec .tabHeader .tabMorLink:hover div {
    background: var(--color1);
    color: var(--white);
}
.swiperSec .swiperBtn {
    display: none;
}
.swiperSec:hover .swiperBtn {
    display: block;
}
.cardSwipr .swiper-button-prev,
.cardSwipr .swiper-button-next {
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
    width: 18px;
    height: 29px;
}
.cardSwipr .swiper-button-prev:after,
.cardSwipr .swiper-button-next:after {
    font-size: 25px;
    color: var(--color1);
}
.cardSwipr .swiper-button-prev {
    right: auto;
    left: -20px;
}
.cardSwipr .swiper-button-next {
    left: auto;
    right: -20px;
}
.cardSwipr .swiper-button-next:hover,
.cardSwipr .swiper-button-prev:hover {
    color: var(--hover-color);
}

/*==================bestSllrSec=================*/
.bestSllrSec {
    margin: 30px 0;
}
.bestSllrSec .lastView {
    color: var(--color1);
    text-align: center;
    font-family: "PeydaWebBold";
    font-size: 33px;
    margin-bottom: 30px;
}
.cardSwipr .swiper-slide {
    width: max-content;
    padding: 15px 8px 20px 8px;
}
.cardSwipr .swprCrdBg {
    width: 276px;
}
.swprCrdBg {
    padding: 1px;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f6a192 100%);
    box-shadow: 0px 9px 20px 2px rgba(0, 0, 0, 0.05);
}
.swiperCard {
    width: 100%;
    border-radius: 14px;
    border: 1px solid #0000000e;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
}
.swiperCard:hover {
    border-color: var(--color1);
    box-shadow: 0px 9px 10px 6px rgba(0, 0, 0, 0.05);
}
.swiperCard .swprCrdImg {
    width: 100%;
    height: 191px;
    border-radius: 14px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
}
.swiperCard .swprCrdImg img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 14px;
}
.swiperCard .swprCrdBdy .swprCrdTtl {
    color: var(--text3);
    display: block;
}
.swiperCard .swprCrdTtl h2 {
    font-size: 13px;
    letter-spacing: 0.13px;
    text-align: center;
    font-family: "PeydaWebBold";
    overflow: hidden;
    height: 40px;
    line-height: 1.6;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiperCard .swprCrdBdy .swprCrdTtl:hover {
    color: var(--color1);
}
.swiperCard .swprCrdBdy .swprCrdRate {
    margin: 3px auto 20px auto;
}
.swiperCard .swprCrdFtr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.swiperCard .swprCrdFtr button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    gap: 5px;
    color: var(--white);
    width: max-content;
    height: 31px;
    border-radius: 6px;
    background: var(--color1);
    box-shadow: 3px 4px 11px 0px rgba(0, 0, 0, 0.15);
    padding: 0 10px;
}
.swiperCard .swprCrdFtr button span {
    font-size: 14px;
}
.swiperCard .swprCrdFtr button i {
    font-size: 11px;
}
.swiperCard .swprCrdFtr button:hover {
    background: var(--hover-color);
}
.swiperCard .swprCrdFtr .price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    font-family: "PeydaWebBold";
    color: var(--text3);
}
.swiperCard .swprCrdFtr .price strong {
    font-size: 17px;
}
.swiperCard .swprCrdFtr .price p {
    font-size: 12px;
}

/*==================catgorySec=================*/
.catgorySec {
    margin: 50px 0;
    box-shadow: 0px 0px 60px 2px rgba(231, 231, 231, 0.5);
}
.catgorySec .catSwiper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}
.catgorySec .catSwprCrd {
    color: #939ca6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}
.catgorySec .catSwprCrd img {
    width: 72px;
    height: auto;
}
.catgorySec .catSwprCrd p {
    text-align: center;
    font-family: "PeydaWebBold";
    font-size: 12px;
}
.catgorySec .catSwprCrd:hover {
    color: var(--color1);
}

/*==================bannerSec=================*/
.bannerSec {
    margin: 30px 0;
}

/*==================bannerSec=================*/
.bannerSec {
    margin: 30px 0;
}
.bannerSec .bannrsRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1px;
}
.bannerSec .bannrsRow a {
    width: 50%;
    height: auto;
    display: block;
}
.bannerSec .bannrsRow a img {
    width: 100%;
    height: auto;
}
.bannerSec .bannrsRow a:hover {
    transform: translateY(-2px);
}

/*==================blogCrdSec=================*/
.blogCrdSec {
    margin-bottom: 40px;
}
.blogCrdSec .swiper-slide {
    width: max-content;
    padding: 15px 10px 20px 10px;
}
.swprBlgCrd {
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.32);
    display: block;
}
.blogCrdSec .swprBlgCrd {
    width: 276px;
    height: 321px;
}
.swprBlgCrd .swprBlgImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    border-radius: 14px;
}
.swprBlgCrd .swprBlgImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 14px;
}
.swprBlgCrd .swprBlgCvr {
    width: 100%;
    height: 205px;
    z-index: 2;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    gap: 15px;
    color: var(--white);
    padding: 20px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(246, 161, 146, 0) 0%, #f6a192 100%);
}
.swprBlgCrd .swprBlgCvr h2 {
    color: var(--white);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 20px;
    letter-spacing: 0.2px;
}
.swprBlgCrd .swprBlgCvr ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.swprBlgCrd .swprBlgCvr ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}
.swprBlgCrd .swprBlgCvr span {
    font-size: 18px;
}
.swprBlgCrd .swprBlgCvr i {
    font-family: "PeydaWebMedium";
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.11px;
}
.swprBlgCrd .swprBlgCvr p {
    font-size: 14px;
    letter-spacing: 0.14px;
}

/*==================featureSec=================*/
.featureSec {
    margin-top: 30px;
    padding: 20px 0 40px 0;
}
.featureSec ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}
.featureSec ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}
.featureSec ul img {
    width: 47px;
    height: auto;
    display: block;
}
.featureSec ul p {
    color: var(--text3);
    font-family: "PeydaWebBold";
    font-size: 13px;
}

/*==================offersSec=================*/
.offersSec {
    margin: 50px 0 130px 0;
}
.offersSec .shapeImg {
    position: absolute;
    top: -22px;
    width: 412px;
    height: auto;
    display: block;
    z-index: 1;
}
.offersSec .offersRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 2;
}
.offersSec .offersRow .popularBox {
    width: 290px;
}
.offersSec .popularBox .popularHed {
    color: var(--color1);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 25px;
}
.offersSec .popularBox .popularCrd {
    display: block;
    margin-top: 35px;
}
.offersSec .popularCrd .shapeDiv {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    border-radius: 20px;
    background: var(--color1);
    z-index: 1;
}
.offersSec .popularCrd .populrCntnt {
    position: relative;
    z-index: 2;
}
.offersSec .popularCrd img {
    width: 228px;
    max-height: 238px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.offersSec .popularCrd h2 {
    color: var(--white);
    text-align: center;
    font-family: "PeydaWebBold";
    font-size: 15px;
    margin: 18px auto 22px auto;
}
.offersSec .popularCrd .populrCrdFtr {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.offersSec .popularCrd .priceBox {
    width: 207px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
    border-radius: 4px;
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.17);
}
.offersSec .popularCrd .priceBox p {
    font-family: "PeydaWebBold";
    font-size: 13px;
}
.offersSec .popularCrd .priceBox div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}
.offersSec .popularCrd .priceBox strong {
    font-family: "PeydaWebBold";
    font-size: 13px;
}
.offersSec .popularCrd .priceBox span {
    font-size: 10px;
}
.offersSec .popularCrd .cart {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--color1);
    width: 37px;
    height: 37px;
    border-radius: 6px;
    background: #f0f0f0;
    font-size: 18px;
    box-shadow: 3px 4px 11px 0px rgba(0, 0, 0, 0.15);
}
.offersSec .popularCrd .cart:hover {
    background: var(--hover-color);
    color: var(--white);
}
.offersSec .offersRow .offersBox {
    width: calc(100% - 290px);
    padding-right: 20px;
}
.offersSec .offersBox .ofersBxHed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 30px;
}
.offersSec .offersBox .ofersBxHed h2 {
    color: var(--color1);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 20px;
    min-width: max-content;
}
.offersSec .offersBox .ofersBxHed a {
    display: none;
}
.offersSec .ofersBxHed .ofrsSwprBtn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: max-content;
    height: 22px;
}
.offersSec .ofersBxHed .ofrsSwprBtn div {
    width: 20px;
    height: 22px;
    background: #f5f5f5;
    position: static;
    margin-top: 0;
}
.offersSec .ofrsSwprBtn .swiper-button-next {
    border-radius: 2px 10px 10px 2px;
}
.offersSec .ofrsSwprBtn .swiper-button-prev {
    border-radius: 10px 2px 2px 10px;
}
.offersSec .ofersBxHed .ofrsSwprBtn div:hover {
    background: var(--color1);
}
.offersSec .ofersBxHed .swiper-button-prev:after,
.offersSec .ofersBxHed .swiper-button-next:after {
    font-size: 12px;
    color: #515151;
}
.offersSec .ofersBxHed .ofrsSwprBtn div:hover:after {
    color: var(--white);
}
.afterOffer {
    position: relative;
    z-index: 2;
}

/*==================footer=================*/
footer {
    border-top: 2px solid var(--color1);
    background: #f4f4f4;
}
footer .rowOne {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px 0 20px 0;
}
footer .rowOne .logoCol {
    width: 338px;
}
footer .rowOne .logoCol .ftrLgoLnk {
    width: 150px;
    height: auto;
    display: block;
    margin-bottom: 10px;
}
footer .rowOne .logoCol .ftrLgoLnk img {
    width: 100%;
    height: auto;
}
footer .rowOne .logoCol p {
    color: var(--text3);
    text-align: right;
    font-size: 14px;
    line-height: 27px;
}
footer .rowOne .logoCol ul {
    display: none;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-top: 15px;
}
footer .rowOne .logoCol ul a {
    font-size: 19px;
    color: #7c7c7c;
    display: block;
    width: max-content;
    line-height: 1;
}
footer .rowOne .logoCol ul a:hover {
    color: var(--color1);
}
footer .ftrCntctCol {
    padding-right: 10px;
}
footer .ftrCntctCol .ftrCntctTtl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
footer .ftrCntctCol .ftrCntctTtl span {
    font-size: 17px;
    color: var(--color1);
}
footer .ftrCntctCol .ftrCntctTtl strong {
    color: var(--text3);
    text-align: right;
    font-size: 18px;
    line-height: 27px;
}
footer .ftrCntctCol .ftrCntctTxt {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 15px;
    max-width: 364px;
}
footer .ftrCntctCol .ftrCntctTxt:last-child {
    margin-bottom: 0;
}
footer .ftrCntctCol .ftrCntctTxt p {
    color: var(--text3);
    text-align: right;
    font-size: 15px;
    line-height: 27px;
}
footer .ftrCntctCol .ftrCntctTxt i {
    color: var(--text3);
    display: block;
    line-height: 27px;
}
footer .rowOne .namadCol {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 15px;
    width: max-content;
}
footer .rowOne .namadCol a {
    height: auto;
    display: block;
}
footer .rowOne .namadCol a.namad {
    width: 130px;
}
footer .rowOne .namadCol a.samandehi {
    width: 150px;
}
footer .rowOne .namadCol img {
    width: 100%;
    height: auto;
}
footer .rowOne .namadCol a:hover {
    transform: translateY(-2px);
}
footer .rowTwo {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
footer .rowTwo .text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
footer .rowTwo .text i {
    font-size: 52px;
    color: var(--color1);
}
footer .rowTwo .text p {
    color: var(--gray1);
    text-align: right;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
}
footer .rowTwo .footrSrch {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    max-width: 333px;
    height: 45px;
    background: var(--gray7);
    border-radius: 7px;
    border: 1px solid transparent;
}
footer .rowTwo .footrSrch input {
    height: 100%;
    border-radius: 0 7px 7px 0;
    text-align: right;
    font-size: 17px;
    color: var(--text1);
    background: transparent;
    border: none;
}
footer .rowTwo .footrSrch button {
    width: 102px;
    height: 100%;
    border-radius: 5px;
    background: var(--color1);
    color: var(--white);
    text-align: center;
    font-size: 17px;
    line-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer .rowTwo .footrSrch button:hover {
    background: var(--hover-color);
}
footer .rowTwo .footrSrch:has(input:focus) {
    border-color: var(--hover-color);
}
footer .lastRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 25px 0;
}
footer .lastRow .socialCol {
    width: 283px;
}
footer .lastRow .socialCol strong {
    color: var(--color1);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 16px;
    line-height: 27px;
}
footer .lastRow .socialCol p {
    color: #4e4e4e;
    text-align: right;
    font-size: 13px;
    line-height: 27px;
    margin: 5px 0 12px 0;
}
footer .lastRow .socialCol ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    height: 74px;
    border-radius: 10px;
    background: var(--gray7);
}
footer .lastRow .socialCol a {
    font-size: 27px;
    color: var(--text3);
    line-height: 1;
    display: block;
}
footer .lastRow .socialCol a:hover {
    color: var(--color1);
}
footer .lastRow .lstRowCol .lstRowTtl {
    color: var(--text3);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 16px;
    line-height: 27px;
    padding-right: 18px;
    margin-bottom: 15px;
}
footer .lastRow .lstRowCol .lstRowTtl:before {
    content: url("../img/icon/three-dots.svg");
    position: absolute;
    right: 0;
    top: 0px;
    width: 14px;
    height: 13px;
    background-size: 14px 13px;
}
footer .lastRow .lstRowCol a {
    color: var(--text3);
    text-align: right;
    display: block;
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 10px;
}
footer .lastRow .lstRowCol a:hover {
    color: var(--color1);
}
footer .foterBtm {
    background: var(--gray7);
    color: var(--text3);
    text-align: center;
    font-size: 15px;
    line-height: 27px;
}
footer .foterBtm p {
    padding: 12px 0;
}
footer .foterBtm a {
    color: var(--text3);
}
footer .foterBtm a:hover {
    color: var(--color1);
}

/*==================floatMenu=================*/
.floatMenu {
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: max-content;
    z-index: -10;
    position: fixed;
    padding: 3px 8px;
    opacity: 0;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
}
.floatMenu.fixed {
    position: fixed;
}
.floatMenu .openFltrBx {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
    color: var(--white);
    font-size: 18px;
    background: var(--color1);
}
.floatMenu .openFltrBx:hover {
    background: var(--hover-color);
}
.floatMenu ul {
    width: 100%;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    padding: 0 35px;
    background: var(--color1);
}
.floatMenu li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    color: var(--white);
}
.floatMenu li a span {
    font-size: 17px;
}
.floatMenu li a p {
    font-family: "PeydaWebMedium";
    font-size: 16px;
}
.floatMenu li a:hover {
    opacity: 0.8;
}

/*==================trendSec=================*/
.trendSec {
    margin: 50px 0 10px 0;
}
.trendSec .trendSecTtl {
    color: var(--color1);
    text-align: center;
    font-family: "PeydaWebBold";
    font-size: 45px;
    margin-bottom: 35px;
}
.trendSec .trendSecLst,
.crdTabSec .trendSecLst {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px 12px;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.blogCard {
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    display: block;
}
.trendSec .trendSecLst .blogCard,
.crdTabSec .trendSecLst .blogCard {
    width: 270px;
}
.trendSec .trendSecLst .blogCard:hover,
.crdTabSec .trendSecLst .blogCard:hover {
    transform: translateY(-2px);
}
.blogCard .blgCrdImg .image_parent {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 14px 14px 0 0;
}
.blogCard .blgCrdImg .image_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px 14px 0 0;
}
.blogCard .blgCrdImg .image_parent:after {
    content: "";
    display: block;
    padding-top: 66%;
}
.blogCard .blgCrdImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px 14px 0 0;
}
.blogCard .blgCrdBdy {
    padding: 20px;
}
.blogCard .blgCrdBdy .blgCrdTtl {
    margin-bottom: 15px;
}
.blogCard .blgCrdBdy .blgCrdTtl h2 {
    color: #36434c;
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 13px;
    letter-spacing: 0.13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.blogCard .blgCrdBdy .blgCrdTtl p {
    color: var(--text6);
    text-align: justify;
    font-size: 11px;
    line-height: 25px;
    letter-spacing: -0.22px;
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blogCard .blgCrdBdy .blgCrdFtr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blogCard .blgCrdBdy .blgCrdInfo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: #757f8b;
}
.blogCard .blgCrdBdy .blgCrdInfo span {
    font-size: 17px;
}
.blogCard .blgCrdBdy .blgCrdInfo p {
    font-family: "PeydaWebMedium";
    font-size: 10px;
}
.blogCard .blgCrdBdy .blgCrdFtr .moreLink {
    width: max-content;
    height: 29px;
    padding: 0 15px;
    border-radius: 4px;
    background: var(--color1);
    color: var(--white);
    font-size: 11px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blogCard .blgCrdBdy .moreLink:hover {
    background: var(--hover-color);
}
.seeMoreBtn {
    color: var(--white);
    font-family: "PeydaWebBold";
    font-size: 17px;
    width: 100%;
    max-width: 350px;
    height: 60px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px auto 40px auto;
    background: var(--color1);
    box-shadow: 0px 0px 14px 3px rgba(246, 161, 146, 0.41);
}
.seeMoreBtn:hover {
    background: var(--hover-color);
}
.trendSec hr {
    width: 100%;
    height: 1px;
    background: #e9edf0;
}

/*==================sugestdSec=================*/
.sugestdSec {
    margin: 50px 0;
}
.sugestdSec .sugestdHed {
    color: var(--text3);
    text-align: center;
    font-family: "PeydaWebBold";
    font-size: 45px;
    margin: 0 15px 30px 15px;
}
.sugestdSec .sugestdHed span {
    color: var(--color1);
}
.sugestdSec .swiper-slide {
    width: max-content;
    padding: 15px 10px 20px 10px;
}
.sugestdSec .swprBlgCrd {
    width: 276px;
    height: 321px;
}
.sugestdSec .cardSwipr .swiper-button-next {
    right: 5px;
}
.sugestdSec .cardSwipr .swiper-button-prev {
    left: 0;
}
.sugestdSec .cardSwipr .swiper-button-prev:after,
.sugestdSec .cardSwipr .swiper-button-next:after {
    color: #545454;
}

/*==================newsSec=================*/
.newsSec {
    margin: 20px 0 40px 0;
}
.newsSec .newsHeadr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #e9edf0;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.newsSec .newsHeadr h2 {
    color: var(--color1);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 15px;
}
.newsSec .newsHeadr h2:before {
    position: absolute;
    content: "";
    right: 0;
    top: calc(100% + 11px);
    width: 100%;
    height: 1px;
    background: var(--color1);
}
.newsSec .newsHeadr a {
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.newsSec .newsHeadr a p {
    color: var(--text3);
    font-size: 12px;
    font-family: "PeydaWebBold";
    letter-spacing: 0.12px;
}
.newsSec .newsHeadr a div {
    width: 20px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 2px 2px 10px;
    background: #f5f5f5;
    font-size: 10px;
    color: #515151;
}
.newsSec .newsHeadr a:hover div {
    background: var(--hover-color);
    color: var(--white);
}
.newsSec .newsSecRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 35px;
}
.newsSec .newsSecRow .newLinks {
    width: 50%;
    padding-left: 20px;
}
.newsSec .newLinks a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-radius: 7px;
    background: var(--gray8);
    width: 100%;
    padding: 20px;
    margin-bottom: 12px;
}
.newsSec .newLinks a:last-child {
    margin-bottom: 0;
}
.newsSec .newLinks a div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
}
.newsSec .newLinks a strong {
    color: #727b8a;
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 13px;
    line-height: 24px;
}
.newsSec .newLinks a h2 {
    color: #36434c;
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 13px;
    line-height: 1.6;
}
.newsSec .newLinks a p {
    min-width: max-content;
    color: var(--text5);
    font-size: 10px;
}
.newsSec .newLinks a span {
    font-size: 8px;
    color: #606060;
    display: none;
}
.newsSec .newsSecRow .newsCrds {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 50%;
    gap: 12px;
}
.newsSec .newsCrds .blogCard {
    width: 50%;
}

/*==================crdTabSec=================*/
.crdTabSec {
    margin: 40px 0 0 0;
}
.crdTabSec .tabHeader {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #e9edf0;
    background: var(--white);
}
.crdTabSec .tab-content {
    padding: 30px 0 20px 0;
}
.crdTabSec .tabLstSwpr {
    display: flex;
    align-items: center;
    position: relative;
    width: max-content;
    max-width: 100%;
    overflow: hidden;
    cursor: grab;
}
.crdTabSec .tabHeader .tabSwprUl {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    direction: rtl;
}
.crdTabSec .tabHeader .tabSwprUl .nav-pills {
    flex-wrap: nowrap;
    gap: 15px;
    width: 100%;
    display: flex;
    padding: 0;
    margin: 0;
    transition: transform 0.3s ease-in-out;
    direction: ltr;
}
.crdTabSec .tabHeader .tabSwprUl li {
    direction: rtl;
}
.crdTabSec .tabLstSwpr .swipBtn {
    display: none;
    font-size: 13px;
    color: #b5b5b5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}
.crdTabSec .tabLstSwpr .swipBtn:hover {
    color: var(--color1);
}
.crdTabSec .tabLstSwpr .right {
    right: 0px;
}
.crdTabSec .tabLstSwpr .left {
    left: 0px;
}

.crdTabSec .tabHeader button {
    width: max-content;
    color: var(--text3);
    font-family: "PeydaWebBold";
    font-size: 15px;
}
.crdTabSec .tabHeader .tabMorLink {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.crdTabSec .tabHeader .nav-pills .nav-link {
    border-radius: 0;
    border-bottom: 1px solid transparent;
    padding: 12px 8px;
}
.crdTabSec .tabHeader .nav-pills .nav-link.active,
.crdTabSec .tabHeader .nav-pills .show > .nav-link {
    color: var(--color1);
    border-color: var(--color1);
    background: transparent;
}
.crdTabSec .tabHeader .tabMorLink {
    padding: 9px 0;
}

/*==================relatedSec=================*/
.relatedSec {
    background-image: linear-gradient(1deg, #f9f9f9, #f9f9f9);
    background-position: bottom;
    background-size: 100% 205px;
    background-repeat: no-repeat;
}
.relatedSec .blogCard {
    width: 276px;
}

/*==================commntSec=================*/
.commntSec {
    background: #f9f9f9;
    margin-bottom: 40px;
    padding: 40px 0;
}
.commntSec .cmntSecHed {
    margin-bottom: 35px;
}
.commntSec .cmntSecHed h2 {
    color: #36434c;
    min-width: max-content;
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 20px;
    letter-spacing: 0.2px;
    display: block;
}
.commntSec .cmntSecHed p {
    color: #36434c;
    text-align: left;
    font-family: "PeydaWebBold";
    font-size: 12px;
    letter-spacing: 0.12px;
    min-width: max-content;
}
.cmntSecBx {
    border-radius: 14px;
    background: var(--white);
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));
    margin-bottom: 20px;
}
.commntSec .pagination,
.pTabcontent .pagination {
    max-width: 550px;
}
.cmntSecBx.sndCmntBx {
    padding: 20px;
    margin-top: 45px;
}
.cmntSecBx .cmntDiv {
    padding: 20px 82px 20px 20px;
}
.cmntSecBx .cmntRplyDiv {
    border-top: 1px solid #d5d5d5;
}
.cmntSecBx .commntTop,
.blogPgSec .blgAuthor .authorTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cmntSecBx .cmntUser,
.blogPgSec .blgAuthor .authorUser {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    position: relative;
    right: -52px;
}
.cmntSecBx .cmntUser img {
    width: 42px;
    height: 42px;
    border-radius: 3px;
    object-fit: cover;
    object-position: center;
}
.blogPgSec .blgAuthor .authorUser img {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.cmntSecBx .cmntUser p,
.blogPgSec .blgAuthor .authorUser p {
    color: #36424d;
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 15px;
}
.cmntSecBx .commntTop .left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.cmntSecBx .commntTop .cmntPoint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 50px;
    color: var(--white);
    background: var(--color1);
    min-width: max-content;
    height: 22px;
    padding: 0 12px;
}
.cmntSecBx .commntTop .cmntPoint span {
    font-size: 14px;
}
.cmntSecBx .commntTop .cmntPoint p {
    font-family: "PeydaWebMedium";
    font-size: 10px;
}
.cmntSecBx .comntDate,
.blogPgSec .blgAuthor .writeDate {
    color: #89929b;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 11px;
}
.cmntSecBx .cmntCntnt,
.blogPgSec .blgAuthor .authorCmnt {
    color: #454e57;
    text-align: justify;
    font-family: "PeydaWebMedium";
    font-size: 15px;
    margin: 20px 0 30px 0;
}
.cmntSecBx .commntBtm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cmntSecBx .cmntRplyBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 139px;
    height: 50px;
    border: none;
    background: #f5f9fc;
    color: var(--color1);
    border-radius: 3px;
}
.cmntSecBx .cmntRplyBtn span {
    font-size: 22px;
}
.cmntSecBx .cmntRplyBtn p {
    font-family: "PeydaWebMedium";
    font-size: 15px;
}
.cmntSecBx .cmntRplyBtn:hover {
    background: var(--color1);
    color: var(--white);
}
.cmntSecBx .reactionBtn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 160px;
    height: 50px;
    border-radius: 3px;
}
.cmntSecBx .reactionBtn button {
    background: #f5f9fc;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 50%;
    height: 100%;
    color: #acb5c0;
    border: none;
}
.cmntSecBx .reactionBtn .like {
    border-radius: 0 3px 3px 0;
    border-left: 1px solid #e9e9e9;
}
.cmntSecBx .reactionBtn .dislike {
    border-radius: 3px 0 0 3px;
}
.cmntSecBx .reactionBtn span {
    font-size: 15px;
}
.cmntSecBx .reactionBtn p {
    font-size: 14px;
}
.cmntSecBx .reactionBtn button:hover {
    background: var(--color1);
    color: var(--white);
}
.sndCmntFrm input {
    height: 51px;
}
.sndCmntFrm textarea {
    min-height: 120px;
}
.sndCmntFrm .cmnFrmInpt {
    width: 100%;
    border-radius: 7px;
    border: 1px solid #e3e3e3;
    color: var(--text1);
    font-family: "PeydaWebMedium";
    font-size: 15px;
}
.sndCmntFrm .cmnFrmInpt:focus {
    border-color: var(--hover-color);
}
.sndCmntFrm button {
    width: 128px;
    height: 44px;
    border-radius: 5px;
    background: var(--color1);
    color: var(--white);
    font-family: "PeydaWebMedium";
    font-size: 15px;
    border: none;
    margin: 0 auto 0 0;
    float: left;
}
.sndCmntFrm button:hover {
    background: var(--hover-color);
    color: var(--white);
}
.sndCmntFrm.cntctFrm label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.sndCmntFrm.cntctFrm label span {
    font-size: 20px;
    color: var(--color1);
}
.sndCmntFrm.cntctFrm label p {
    color: #4e4e4e;
    text-align: right;
    font-size: 13px;
}
.sndCmntFrm.cntctFrm .cmnFrmInpt {
    background: #fafafa;
}
.prdctCmnt .givPoints {
    margin-top: 0;
}
.prdctCmnt .givPoints p {
    display: block;
    color: #222;
    font-size: 15px;
    font-family: "PeydaWebMedium";
}
.prdctCmnt .givPoints p i {
    font-size: 20px;
}
.prdctCmnt .scoreInput {
    width: 100%;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 7px;
    border: 1px solid #e3e3e3;
    padding: 0 12px;
}
.prdctCmnt .scoreInput i {
    color: #222;
    font-size: 15px;
    font-family: "PeydaWebMedium";
}
.prdctCmnt.sndCmntFrm textarea {
    min-height: 187px;
}

/*==================blogPgSec=================*/
.blogPgSec {
    margin: 25px 0;
    position: relative;
}
.blogPgSec .blogPgBg {
    position: absolute;
    opacity: 0.18;
    filter: blur(32px);
    width: 100%;
    height: 348px;
    z-index: 1;
    left: 0;
    top: 100px;
}
.blogPgSec .blgPgCntnt {
    z-index: 2;
    width: 100%;
    max-width: 753px;
    margin: 0 auto;
    padding-top: 40px;
}
.blogPgSec .blgPgCntnt .dotsRow {
    letter-spacing: 10px;
    color: #a9a9a9;
    font-size: 20px;
    text-align: center;
    margin-bottom: 35px;
}
.blogPgSec .blgPgCntnt .blgCrdShape {
    width: 100%;
    height: auto;
    margin: 20px auto;
    display: block;
}
.blogPgSec .blgPgCntnt .blgPgList {
    max-width: 400px;
    margin: 10px auto;
}
.blogPgSec .blgPgCntnt .blgPgList .title {
    width: 224px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
    margin: 0 auto;
}
.blogPgSec .blgPgCntnt .blgPgList .title i {
    width: 100%;
    height: 1px;
    background: #e8e8e8;
}
.blogPgSec .blgPgCntnt .blgPgList .title span {
    color: var(--color1);
    font-size: 16px;
    min-width: max-content;
}
.blogPgSec .blgPgCntnt .blgPgList .title p {
    color: #c5c5c5;
    text-align: center;
    font-family: "PeydaWebMedium";
    font-size: 14px;
}
.blogPgSec .blgPgList .textuality,
.blogPgSec .blgPgList li {
    color: #959595;
    text-align: center;
    font-family: "PeydaWebMedium";
    font-size: 14px;
    padding: 15px 0;
}
.blogPgSec .blgPgList li:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 224px;
    height: 1px;
    background: #e8e8e8;
}
.blogPgSec .blgPgList li:last-child:after {
    display: none;
}
.blogPgSec .blgTopImg {
    width: 100%;
    height: 424px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    margin-bottom: 35px;
    box-shadow: 0px 10px 24px 5px rgba(6, 96, 244, 0.12);
}
.blogPgSec .blgInfoLst {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.blogPgSec .blgInfoLst li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #9fa1a3;
}
.blogPgSec .blgInfoLst li:first-child {
    color: var(--color1);
}
.blogPgSec .blgInfoLst li span {
    font-size: 18px;
}
.blogPgSec .blgInfoLst li p {
    font-family: "PeydaWebBold";
    font-size: 12px;
    letter-spacing: 0.12px;
}
.blogPgSec .blgPgImg {
    width: 100%;
    height: 345px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    margin: 5px auto 32px auto;
}
.blogPgSec .blgPgCntnt h1,
.blogPgSec .blgPgCntnt strong,
.blogPgSec .blgPgCntnt h2 {
    color: #686767;
    text-align: center;
    font-family: "PeydaWebBold";
    font-size: 23px;
    line-height: 1.6;
    margin-bottom: 15px;
}
.blogPgSec .blgPgTxt {
    color: #959595;
    text-align: center;
    font-family: "PeydaWebMedium";
    font-size: 16px;
    margin-bottom: 30px;
}
.blogPgSec .blgPgTxt p {
    line-height: 1.8;
}
.blogPgSec .blgPgCntnt .blgPgQuote {
    width: 100%;
    max-width: 660px;
    padding: 20px 35px 25px 35px;
    border-radius: 10px;
    border: 2px solid var(--color1);
    text-align: center;
    margin: 20px auto 50px auto;
}
.blogPgSec .blgPgCntnt .blgPgQuote h3 {
    color: var(--color1);
    font-family: "PeydaWebBold";
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.blogPgSec .blgPgCntnt .blgPgQuote p {
    color: #717171;
    font-size: 12px;
}
.blogPgSec .blgPgCntnt .blgPgQuote span {
    position: absolute;
    right: 30px;
    bottom: -28px;
    font-size: 53px;
    z-index: 2;
    color: var(--color1);
}
.detailTbl table {
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 30px;
}
.detailTbl table th {
    text-align: center;
    background: var(--color1);
    color: var(--white);
    font-size: 16px;
    border: 1px solid #e9e9e9;
    width: max-content;
    padding: 1rem 0.5rem;
    min-width: 90px;
    font-family: "PeydaWebMedium";
}
.detailTbl table th:first-child {
    border-radius: 0 10px 0 0;
}
.detailTbl table th:last-child {
    border-radius: 10px 0 0 0;
}
.detailTbl table td {
    color: #707070;
    text-align: center;
    font-family: "PeydaWebMedium";
    font-size: 15px;
    border: 1px solid #e9e9e9;
    padding: 1rem 0.5rem;
}
.detailTbl tbody tr:last-child td:first-child {
    border-radius: 0 0 10px 0;
}
.detailTbl tbody tr:last-child td:last-child {
    border-radius: 0 0 0 10px;
}
.detailTbl tbody td:nth-child(2),
.detailTbl tbody td:nth-child(3) {
    min-width: 140px;
}
.tbleScrol {
    width: 100%;
    max-width: 389px;
    height: 43px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 15px;
    border-radius: 5px;
    background: #eee;
    margin: 10px auto;
    color: #494949;
}
.tbleScrol span {
    font-size: 26px;
}
.tbleScrol p {
    font-family: "PeydaWebMedium";
    font-size: 11px;
}

.blogPgSec .blgPgCntnt .blgShortLnk {
    width: 100%;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0;
}
.blogPgSec .blgShortLnk .right {
    text-align: right;
}
.blogPgSec .blgShortLnk .right strong {
    color: #9ea5ae;
    font-family: "PeydaWebBold";
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    width: max-content;
}
.blogPgSec .blgShortLnk .right a {
    color: #9ea5ae;
    font-family: "PeydaWebMedium";
    font-size: 10px;
    display: block;
}
.blogPgSec .blgShortLnk .right a:hover {
    color: var(--color2);
}
.blogPgSec .blgShortLnk .totalVote {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
.blogPgSec .blgShortLnk .totalVote strong {
    color: #9ea5ae;
    font-family: "PeydaWebBold";
    font-size: 13px;
    margin-bottom: 0;
}
.blogPgSec .blgShortLnk .totalVote div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.blogPgSec .blgShortLnk .totalVote p {
    color: var(--color1);
    font-family: "PeydaWebBold";
    font-size: 35px;
}
.blogPgSec .blgShortLnk .totalVote span {
    border-left: 1px solid #9ea5ae;
    color: #9ea5ae;
    font-size: 14px;
    display: block;
    padding-left: 8px;
}
.givPoints {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 5px;
    direction: ltr;
}
.givPoints p {
    display: none;
}
.blogPgSec .blgPgCntnt .givPoints h2 {
    color: #9ea5ae;
    font-family: "PeydaWebBold";
    font-size: 13px;
    margin-bottom: -2px;
}
.givPoints ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.givPoints li {
    position: relative;
}
.givPoints ul span {
    font-size: 19px;
    cursor: pointer;
    display: block;
    transition: all 0.5s;
    width: 19px;
    height: 19px;
    color: #8e9aa3;
}
.givPoints ul span:before {
    content: "\e955";
    font-family: "icomoon";
}
.givPoints .selected span {
    color: var(--hover-color);
}
.givPoints .hoverStar span {
    color: var(--color1);
}
.givPoints .selected span:before,
.givPoints .hoverStar span:before {
    content: "\e954";
    font-family: "icomoon";
}
.blogPgSec .blgPgCntnt .blgAuthor {
    margin: 35px 0 5px 0;
    padding-right: 68px;
}
.blogPgSec .blgAuthor .authorUser p {
    color: var(--color1);
}
.blogPgSec .blgAuthor .authorCmnt {
    color: #9ea5ae;
    margin-bottom: 12px;
}
.blogPgSec .blgAuthor .authorLnks {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
.blogPgSec .blgAuthor .authorLnks a {
    display: block;
    font-size: 21px;
    color: #9ea5ae;
}
.blogPgSec .blgAuthor .authorLnks a:hover {
    color: var(--color1);
}

/*==================prdcutSec=================*/
.prdcutSec {
    margin: 30px 0;
}
.prdcutSec .prductRow {
    width: 100%;
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 25px 16px;
}
.prdcutSec .prductImg {
    width: 377px;
    min-width: 377px;
    padding-left: 20px;
}
.prdcutSec .prductImg .big {
    width: 100%;
    height: 356px;
    border-radius: 11px;
    border: 1px solid #eee;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}
.prdcutSec .prductImg img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
}
.prdcutSec .prductImg .big img {
    border-radius: 11px;
}
.prdcutSec .prductImg .glryRow {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
    margin-top: 25px;
    overflow: hidden;
}
.prdcutSec .prductImg .glryCard {
    width: 66px;
    min-width: 66px;
    height: 66px;
    border-radius: 8px;
    padding: 5px;
    border: 1px solid #eee;
    background: var(--white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prdcutSec .prductImg .glryCard img {
    border-radius: 8px;
}
.prdcutSec .prductImg .glryCard .moreIcon {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: 8px;
    background: var(--color1);
    color: #fff1f1;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prdcutSec .prductInfo {
    width: calc(100% - 377px);
}
.prdcutSec .prductInfo .prdctInfoTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}
.prdcutSec .prdctInfoTop .name {
    text-align: right;
}
.prdcutSec .prdctInfoTop .name h1 {
    color: var(--color1);
    font-family: "PeydaWebBold";
    font-size: 21px;
    margin-bottom: 5px;
}
.prdcutSec .prdctInfoTop .name p {
    color: #a9b2ba;
    font-size: 14px;
}
.prdcutSec .prdctInfoTop .point div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 5px;
}
.prdcutSec .prdctInfoTop .point div i {
    color: #aeaeae;
    font-family: "PeydaWebMedium";
    font-size: 11px;
    line-height: 1;
    margin-top: 2px;
}
.prdcutSec .prdctInfoTop .point div span {
    font-size: 17px;
    color: var(--color3);
}
.prdcutSec .prdctInfoTop .point p {
    color: #7f7f7f;
    text-align: left;
    font-size: 12px;
}
.prdcutSec .prductInfo .prdctText {
    margin-bottom: 28px;
}
.prdcutSec .prdctText p {
    color: #848484;
    text-align: justify;
    font-size: 14px;
}
.prdcutSec .prductInfo .prdctcolor {
    border-radius: 6px;
    border: 1px solid #e8e8e8;
    background: rgba(248, 248, 248, 0);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    padding: 18px;
    margin-bottom: 28px;
}
.prdcutSec .prdctcolor strong {
    color: #333232;
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 13px;
    display: block;
    min-width: max-content;
}
.prdcutSec .prdctcolor .colors {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}
.prdcutSec .prdctcolor .form-check {
    width: max-content;
    height: 26px;
    padding: 0px 23px 0px 5px;
    margin-bottom: 0;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
    background: rgba(255, 255, 255, 0);
}
.prdcutSec .prdctcolor input,
.searchSec .colorFltr .form-check input {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    float: right;
    margin-right: -20px;
    margin-left: auto;
    box-shadow: unset;
    outline: none;
    border: none;
}
.prdcutSec .prdctcolor label p,
.searchSec .colorFltr .form-check p {
    color: #626262;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 12px;
}
.prdcutSec .prdctcolor .blue input,
.prdcutSec .prdctcolor .blue input:checked {
    background-color: #0660f4;
    border: none;
}
.prdcutSec .prdctcolor .mustard input,
.prdcutSec .prdctcolor .mustard input:checked {
    background-color: #dbb540;
}
.prdcutSec .prdctcolor .red input,
.prdcutSec .prdctcolor .red input:checked {
    background-color: #ff4342;
}
.prdcutSec .prdctcolor .purple input,
.prdcutSec .prdctcolor .purple input:checked {
    background-color: #5a005b;
}
.prdcutSec .prdctcolor input:checked {
    box-shadow: unset;
    outline: none;
    border: none;
    border-radius: 2px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.prdcutSec .prductInfo .prductSize {
    margin-bottom: 28px;
    width: 176px;
    height: 39px;
    border-radius: 5px;
}
.prdcutSec .prductSize label {
    background: var(--white);
    color: #333232;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 12px;
    right: 10px;
    top: -11px;
    z-index: 2;
    padding: 2px;
}
.prdcutSec .prductSize select {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
    border: 1px solid #e5e5e5;
    background-color: rgba(248, 248, 248, 0);
    background-position: left 0.75rem center;
    color: #606060;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 12px;
}
.prdcutSec .prductSize select:focus {
    border-color: var(--color1);
}
.prdcutSec .prductInfo .prdctInfoBtm {
    border-top: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}
.prdcutSec .prdctInfoBtm .cart {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.prdcutSec .prdctInfoBtm .item_Num_box {
    width: 74px;
    height: 47px;
    padding-right: 21px;
}
.prdcutSec .prdctInfoBtm .item_Num_box .btns {
    width: 24px;
    height: 100%;
    padding: 2px;
    border-radius: 0 5px 5px 0;
}
.prdcutSec .prdctInfoBtm .item_Num_box span {
    position: absolute;
    right: 0;
    width: 24px;
    height: 50%;
    padding: 0 12px;
}
.prdcutSec .prdctInfoBtm .item_Num_box .plus {
    top: 0;
    border-radius: 0 5px 0 0;
}
.prdcutSec .prdctInfoBtm .item_Num_box .minus {
    bottom: 0;
    border-radius: 0 0 5px 0;
}
.prdcutSec .prdctInfoBtm .item_Num_box input {
    width: 100%;
    border-radius: 5px 0 0 5px;
}
.prdcutSec .prdctInfoBtm .cart .addBtn {
    padding: 0 15px;
    height: 47px;
    border-radius: 5px;
    background: var(--color1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--white);
    border: none;
}
.prdcutSec .prdctInfoBtm .addBtn span {
    font-size: 25px;
}
.prdcutSec .prdctInfoBtm .addBtn p {
    font-family: "PeydaWebMedium";
    font-size: 13px;
}
.prdcutSec .prdctInfoBtm .addBtn:hover {
    background: var(--hover-color);
}
.prdcutSec .prdctInfoBtm .price {
    text-align: left;
}
.prdcutSec .prdctInfoBtm .price del {
    color: #d8d8d8;
    font-family: "PeydaWebBold";
    font-size: 14px;
}
.prdcutSec .prdctInfoBtm .price div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.prdcutSec .prdctInfoBtm .price strong {
    color: var(--color1);
    font-family: "PeydaWebBold";
    font-size: 29px;
    display: block;
    line-height: 1;
}
.prdcutSec .prdctInfoBtm .price p {
    padding: 3px 5px;
    line-height: 1;
    border-radius: 20px;
    background: var(--color1);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
    color: var(--white);
    font-family: "PeydaWebBold";
    font-size: 10px;
    letter-spacing: 0.8px;
    margin-bottom: 4px;
}
.prdcutSec .prdctInfoBtm .price span {
    color: #8e9aa3;
    font-family: "PeydaWebBold";
    font-size: 11px;
    display: block;
}

/*==================prdctTbSec=================*/
.prdctTbSec {
    background: #f9f9f9;
}
.prdctTbSec .productTab {
    padding: 35px 0;
}
.productTab .pTabHeader {
    position: sticky;
    right: 0;
    top: 95px;
    width: 100%;
    background: #f9f9f9;
    z-index: 4;
    margin: 20px 0;
}
.productTab .pTabHeader ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    height: 58px;
    overflow: auto;
    padding-bottom: 5px;
}
.productTab .pTabHeader ul::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.productTab .pTabHeader ul li {
    height: 100%;
    width: max-content;
    min-width: 141px;
}
.productTab .pTabHeader .pTablinks {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    border: 1px solid #d9d9d9;
    background: var(--white);
    color: #aeb7c0;
    text-align: center;
    font-family: "PeydaWebBold";
    font-size: 15px;
}
.productTab .pTabHeader .pTablinks:hover {
    border-color: var(--color1);
}
.productTab .pTabHeader .pTablinks.active {
    color: var(--white);
    background: var(--color1);
    border-color: var(--color1);
}
.prdctDetal {
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-bottom: 30px;
}
.pTabcontent .detailHed {
    color: var(--color1);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 18px;
    margin-bottom: 25px;
}
.prdctDetal ul li {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 10px 12px;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 15px;
    margin-bottom: 10px;
}
.prdctDetal ul span {
    min-width: 200px;
    color: #a1a1a1;
}
.prdctDetal ul p {
    color: #475059;
}
.description {
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-bottom: 30px;
}
.description .text {
    color: #6a6a6a;
    text-align: justify;
    font-family: "PeydaWebMedium";
    font-size: 15px;
    margin-bottom: 20px;
}
.description .descrptionUl {
    margin-bottom: 25px;
    text-align: right;
}
.description .descrptionUl li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}
.description .descrptionUl li div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 5px;
    background: #f6f7f9;
    color: #6a6a6a;
    text-align: center;
    font-family: "PeydaWebBold";
    font-size: 15px;
}
.description .descrptionUl li p {
    color: #6a6a6a;
    font-family: "PeydaWebMedium";
    font-size: 13px;
    margin-top: 7px;
}
.description .listUl .red div {
    color: #ff4343;
    font-size: 15px;
    background: #ffdede;
}
.description .listUl .red p {
    color: #ff4343;
}
.description .listUl .green div {
    color: #127b01;
    font-size: 15px;
    background: #e9ffdf;
}
.description .listUl .green p {
    color: #127b01;
}

/*==================search-page=================*/
.searchSec {
    margin: 45px 0;
}
.searchSec .srchSecRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.searchSec .srchSide {
    width: 277px;
}
.searchSec .srchSide .closFltrBx {
    display: none;
    font-size: 18px;
    color: var(--color1);
    margin: 0 auto 20px 0;
}
.searchSec .srchSide .apliedFltr {
    width: 100%;
    padding: 25px;
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.searchSec .srchSide .apliedFltr .hed {
    color: #39414c;
    font-family: "PeydaWebBold";
    font-size: 12px;
    padding-bottom: 15px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e9ecf1;
}
.searchSec .srchSide .apliedFltr ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
.searchSec .srchSide .apliedFltr ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 110px;
    border: 1px solid #e9ecf1;
    background: rgba(217, 217, 217, 0);
    width: max-content;
    height: 26px;
    padding: 0 9px;
}
.searchSec .srchSide .apliedFltr ul p {
    color: #4b4b4b;
    font-size: 10px;
    font-family: "PeydaWebMedium";
}
.searchSec .srchSide .apliedFltr ul span {
    cursor: pointer;
    color: #d3d3d3;
    font-size: 13px;
}
.searchSec .srchSide .apliedFltr ul li:hover p {
    color: var(--color1);
}
.searchSec .srchSide .apliedFltr ul li:hover span {
    color: #ff484c;
}
.searchSec .srchSide .apliedFltr ul span:hover {
    color: var(--hover-color);
}
.searchSec .srchSide .fltrSwich {
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 25px;
}
.searchSec .srchSide .fltrSwich .form-switch input {
    width: 50px;
    height: 22px;
    border-radius: 30px;
    background-color: #e9edf0;
    box-shadow: none;
    outline: none;
    border: none;
    cursor: pointer;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.searchSec .srchSide .fltrSwich .form-switch input:checked {
    background-color: var(--color1);
    box-shadow: none;
    outline: none;
    border: none;
}
.searchSec .srchSide .fltrSwich label {
    color: #39414c;
    text-align: right;
    font-size: 12px;
    font-family: "PeydaWebBold";
}
.searchSec .srchSide .srchSide {
    width: 100%;
}
.searchSec .srchSide .colorFltr,
.searchSec .sidFltrRang,
.searchSec .filtrCatBox {
    border-radius: 14px;
    background: var(--white);
    padding: 25px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.searchSec .srchSide .colorFltr .hed,
.searchSec .sidFltrRang .hed,
.searchSec .filtrCatBox .hed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 25px;
}
.searchSec .srchSide .colorFltr .hed strong,
.searchSec .sidFltrRang .hed strong,
.searchSec .filtrCatBox .hed strong {
    color: #39414c;
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 12px;
    min-width: max-content;
}
.searchSec .srchSide .colorFltr .hed i,
.searchSec .sidFltrRang .hed i,
.searchSec .filtrCatBox .hed i {
    width: 100%;
    height: 1px;
    background: #e9ecf1;
}
.searchSec .srchSide .colorFltr ul {
    width: 100%;
    height: 240px;
    overflow: auto;
    padding: 0 5px;
}
.searchSec .srchSide .colorFltr ul::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background: linear-gradient(
        270deg,
        rgba(203, 212, 219, 0) 0%,
        #cbd4db 55%,
        rgba(203, 212, 219, 0) 100%
    );
}
.searchSec .srchSide .colorFltr li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    gap: 9px;
}
.searchSec .srchSide .colorFltr li:last-child {
    margin-bottom: 0;
}
.searchSec .srchSide .colorFltr li span {
    width: 7px;
    height: 17px;
    display: block;
    border-radius: 40px;
    background: #c6cfd8;
}
.searchSec .srchSide .colorFltr li span.black {
    background: #000;
}
.searchSec .srchSide .colorFltr li span.pink {
    background: var(--color1);
}
.searchSec .srchSide .colorFltr li span.purple {
    background: #780096;
}
.searchSec .srchSide .colorFltr li span.mustard {
    background: #dbb540;
}
.searchSec .srchSide .colorFltr li span.yellow {
    background: #ffb800;
}
.searchSec .srchSide .colorFltr li span.red {
    background: #ff4342;
}
.searchSec .srchSide .colorFltr li span.nocolor {
    border: 1px solid #efeeee;
    background: #fff;
}
.searchSec .srchSide .colorFltr li span.blue {
    background: #0660f4;
}
.searchSec .colorFltr .form-check {
    width: 100%;
    padding: 0px 30px 0px 5px;
    margin-bottom: 0;
}
.searchSec .colorFltr .form-check input {
    border-radius: 4px;
    background: #c6cfd8;
    width: 17px;
    height: 17px;
    margin-right: -25px;
}
.searchSec .colorFltr input:checked {
    background-color: var(--color1);
    border-radius: 4px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.searchSec .srchSide .filtrCat {
    margin-bottom: 10px;
}
.searchSec .filtrCat .fltrCatTtl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    cursor: pointer;
}
.searchSec .filtrCat .fltrCatTtl span {
    color: #606060;
    font-size: 8px;
}
.searchSec .filtrCat .fltrCatTtl p {
    color: #707070;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 11px;
}
.searchSec .filtrCat .fltrCatTtl.open span {
    transform: rotate(-90deg);
}
.searchSec .filtrCat .fltrCatMnu {
    display: none;
    padding: 10px 20px 0 0;
}
.searchSec .filtrCat .fltrCatMnu .form-check {
    margin: 0;
    padding: 0;
    width: max-content;
    height: max-content;
}
.searchSec .filtrCat .fltrCatMnu input,
.searchSec .filtrCat .fltrCatMnu label {
    left: 0;
    top: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}
.searchSec .filtrCat .fltrCatMnu input {
    opacity: 0;
    z-index: 2;
}
.searchSec .filtrCat .fltrCatMnu label {
    width: max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.searchSec .filtrCat .fltrCatMnu label i {
    display: block;
    border-radius: 50%;
    background: #85888d;
    width: 2px;
    height: 2px;
}
.searchSec .filtrCat .fltrCatMnu label p {
    color: #707070;
    text-align: right;
    font-size: 11px;
}
.searchSec .filtrCat .fltrCatMnu input:checked ~ label p {
    color: var(--color1);
}
.searchSec .filtrCat .fltrCatMnu input:checked ~ label i {
    background: var(--color1);
}

/*^^^^^^^^range-filter^^^^^^^*/
.searchSec .srchSide .rangeFilter {
    margin-top: 35px;
    height: 68px;
}
.searchSec .srchSide .rangeFilter .wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    direction: ltr;
}
.searchSec .srchSide .rangeFilter .multi-range-slider {
    width: 100%;
    height: 6px;
    display: block;
    position: relative;
}
.searchSec .srchSide .rangeFilter input {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    z-index: 10;
    height: 100%;
    margin: 0;
    pointer-events: none;
}
.searchSec .srchSide .rangeFilter input::-webkit-slider-thumb {
    -webkit-appearance: none;
}
.searchSec .srchSide .rangeFilter input:focus {
    outline: none;
}
.searchSec .srchSide .rangeFilter input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
.searchSec .srchSide .rangeFilter input::-webkit-slider-thumb {
    pointer-events: all;
    -webkit-appearance: none;
    cursor: pointer;
    border: 0 none;
    width: 9px;
    height: 36px;
    background: url(../img/icon/location1.svg);
    background-size: 9px 36px;
}
.searchSec .srchSide .rangeFilter input::-moz-range-thumb {
    pointer-events: all;
    cursor: pointer;
    border: 0 none;
    width: 9px;
    height: 36px;
    background: url(../img/icon/location1.svg);
    background-size: 9px 36px;
}
.searchSec .srchSide .rangeFilter input::-moz-focus-outer {
    border: 0;
}
.searchSec .srchSide .rangeFilter input::-ms-thumb {
    pointer-events: all;
    border: 0 none;
    cursor: pointer;
    width: 9px;
    height: 36px;
    background: url(../img/icon/location1.svg);
    background-size: 9px 36px;
}
.searchSec .srchSide .rangeFilter input::-webkit-slider-runnable-track,
.searchSec .srchSide .rangeFilter input:focus::-webkit-slider-runnable-track,
.searchSec .srchSide .rangeFilter input::-moz-range-track,
.searchSec .srchSide .rangeFilter input::-ms-fill-lower,
.searchSec .srchSide .rangeFilter input:focus::-ms-fill-lower,
.searchSec .srchSide .rangeFilter input::-ms-fill-upper,
.searchSec .srchSide .rangeFilter input:focus::-ms-fill-upper {
    background: transparent;
}
.searchSec .srchSide .rangeFilter .slider {
    position: relative;
    width: 100%;
    top: 0;
    z-index: 1;
    height: 100%;
}
.searchSec .srchSide .rangeFilter .slider > .track {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #e9ecf1;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}
.searchSec .srchSide .rangeFilter .slider > .range {
    position: absolute;
    z-index: 2;
    left: 25%;
    right: 25%;
    top: 0;
    bottom: 0;
    background-color: var(--color1);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}
.searchSec .srchSide .rangeFilter .price__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    position: relative;
    top: 30px;
    width: 100%;
}
.searchSec .srchSide .rangeFilter .price__wrapper div {
    width: 85px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #f6f7f9;
    color: var(--color1);
    text-align: center;
    font-family: "PeydaWebMedium";
    font-size: 12px;
}
.searchSec .srchSide .rangeFilter .price__wrapper i {
    color: #dadada;
    font-size: 20px;
}

.searchSec .srchMain {
    width: calc(100% - 277px);
    padding-right: 25px;
}
.searchSec .srchRsult {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px 11px;
    flex-wrap: wrap;
}
.searchSec .srchRsult .swprCrdBg {
    width: 264px;
}
.searchSec .srchRsltTtl {
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-bottom: 25px;
}
.searchSec .srchRsltTtl .breadcrumb {
    margin-bottom: 15px;
    direction: ltr;
    width: max-content;
    max-width: 100%;
}
.searchSec .srchRsltTtl .breadcrumb a,
.searchSec .srchRsltTtl .breadcrumb span {
    color: #7e8490;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 12px;
}
.searchSec .srchRsltTtl .breadcrumb-item + .breadcrumb-item::before {
    content: "...";
}
.searchSec .srchRsltTtl .selCatgry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.searchSec .srchRsltTtl .selCatgry strong {
    color: #59646e;
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 17px;
}
.searchSec .srchRsltTtl .selCatgry select {
    width: 251px;
    height: 48px;
    color: var(--color1);
    text-align: right;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    background-color: rgba(217, 217, 217, 0);
    background-position: left 0.75rem center;
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
    position: relative;
    top: -15px;
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f6a192' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.rsltInfoSec .rsltInfoBx {
    padding: 20px;
    border-radius: 12px;
    background: var(--white);
    margin-bottom: 20px;
    overflow: hidden;
    transition: all 0.6s;
}
.rsltInfoSec .moreTxt {
    display: none;
}
.rsltInfoSec .rsltInfoBx h2 {
    color: var(--color1);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 26px;
    margin-bottom: 15px;
}
.rsltInfoSec .rsltInfoBx p,
.rsltInfoSec .moreTxt {
    color: #696969;
    text-align: justify;
    font-size: 18px;
}
.rsltInfoSec .readMore {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90px;
    background: linear-gradient(0deg, #fff 26.47%, rgba(255, 255, 255, 0) 100%);
    padding: 45px 20px 0px 20px;
    border-radius: 0 0 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rsltInfoSec .readMore div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    width: max-content;
    gap: 8px;
    color: var(--color1);
    text-align: right;
}
.rsltInfoSec .readMore i {
    font-size: 15px;
    font-family: "PeydaWebBold";
}
.rsltInfoSec .readMore span {
    font-size: 13px;
}
/*==================contactSec=================*/
.contactSec {
    margin: 30px 0;
}
.abutSecHed {
    text-align: center;
    margin-bottom: 25px;
}
.abutSecHed h1 {
    color: #707070;
    font-size: 45px;
    font-family: "PeydaWebBold";
    line-height: 1.7;
}
.abutSecHed h1 span {
    color: var(--color1);
}
.contactSec .cntctMethds {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    gap: 15px;
    margin-bottom: 45px;
}
.contactSec .cntctMethds .methodCard {
    width: 308px;
    height: max-content;
    padding: 1px;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f6a192 100%);
}
.contactSec .methodCard .methodBox {
    width: 100%;
    height: max-content;
    border-radius: 14px;
    border: 1px solid #0000000e;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
}
.contactSec .methodCard .icon {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color1);
    font-size: 23px;
    color: var(--white);
    margin: 0 auto;
}
.contactSec .methodCard .text {
    text-align: center;
}
.contactSec .methodCard strong {
    color: var(--color1);
    display: block;
    font-size: 22px;
    font-family: "PeydaWebBold";
    margin: 5px auto 10px auto;
}
.contactSec .methodCard p {
    color: #4a4a4a;
    font-size: 18px;
    font-family: "PeydaWebMedium";
}
.contactSec .socialNet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    background: var(--color1);
    padding: 20px 25px;
    margin-bottom: 45px;
}
.contactSec .socialNet:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #ebebeb;
    left: 0;
    top: 0;
    z-index: -1;
    transform: rotate(359deg);
}
.contactSec .socialNet div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.contactSec .socialNet div i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--white);
    border: 1px solid var(--color1);
}
.contactSec .socialNet div p {
    color: var(--white);
    text-align: right;
    border: 1px solid var(--color1);
    font-size: 25px;
    min-width: max-content;
}
.contactSec .socialNet ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
.contactSec .socialNet ul a {
    color: var(--white);
    font-size: 24px;
}
.contactSec .socialNet ul a.aparat {
    font-size: 27px;
}
.contactSec .socialNet ul a:hover {
    color: var(--color2);
}
.contactSec .contactRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}
.contactSec .contactRow .contactFrm {
    width: calc(100% - 373px);
    border-radius: 15px;
    border-right: 2px solid var(--color1);
    background: var(--white);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
    padding: 25px;
}
.contactSec .contactFrm .title {
    text-align: right;
    margin-bottom: 25px;
}
.contactSec .contactFrm .title h2 {
    color: var(--color1);
    font-family: "PeydaWebBold";
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 3px;
}
.contactSec .contactFrm .title p {
    color: #000;
    font-size: 18px;
}
.contactSec .contactRow .contactImg {
    width: 373px;
    min-width: 373px;
    height: 465px;
    border-radius: 15px;
}
.contactSec .contactImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
}

/*==================aboutSec=================*/
.aboutSec {
    margin: 40px 0;
}
.aboutSec .aboutRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 25px 0;
}
.aboutSec .aboutRow .aboutTxt {
    text-align: right;
    padding-left: 50px;
    width: 52%;
}
.aboutSec .aboutRow .abutSecHed {
    text-align: right;
    margin-bottom: 8px;
}
.aboutSec .aboutRow .aboutTxt p {
    color: #959595;
    text-align: justify;
    font-size: 16px;
    font-family: "PeydaWebMedium";
    line-height: 1.7;
}
.aboutSec .aboutRow .aboutImg {
    width: 48%;
    height: 600px;
    padding: 25px 0 0 25px;
}
.aboutSec .aboutImg .imgCover {
    width: 100%;
    height: 100%;
    border-radius: 31px;
}
.aboutSec .aboutImg .imgCover img {
    width: 100%;
    height: 100%;
    border-radius: 31px;
    z-index: 2;
}
.aboutSec .aboutImg .imgCover:before {
    position: absolute;
    content: "";
    left: -25px;
    top: -25px;
    width: 100%;
    height: 100%;
    border-radius: 31px;
    z-index: 0;
    background: var(--color1);
}
.whyChoseSec {
    padding: 40px 0;
    background: linear-gradient(
        180deg,
        rgba(246, 161, 146, 0.09) 0%,
        rgba(246, 161, 146, 0) 100%
    );
}
.whyChoseSec .whyChoose ul {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
}
.whyChoseSec .whyChoose ul li {
    width: 267px;
    padding: 1px;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f6a192 100%);
    box-shadow: 0px 9px 20px 2px rgba(0, 0, 0, 0.05);
}
.whyChoseSec .whyChoose ul div {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    border: 1px solid #0000000e;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
}
.whyChoseSec .whyChoose ul span {
    font-size: 60px;
    color: var(--color1);
}
.whyChoseSec .whyChoose ul strong {
    color: var(--color1);
    font-family: "PeydaWebBold";
    font-size: 21px;
}
.whyChoseSec .whyChoose ul p {
    color: #959595;
    font-size: 12px;
    font-family: "PeydaWebMedium";
    height: 37px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.abtGlrySec {
    margin: 25px 0 45px 0;
}
.abtGlrySec .aboutGlry .aboutSwpr {
    margin-top: 30px;
}
.abtGlrySec .aboutGlry .aboutSwpr .swiper {
    border-radius: 10px;
}
.abtGlrySec .aboutGlry .swprGlryCrd {
    width: 276px;
    height: 177px;
    border-radius: 15px;
    background: #d9d9d9;
}
.abtGlrySec .aboutGlry .swprGlryCrd img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
}
.abtGlrySec .aboutGlry .swiper-button-prev,
.abtGlrySec .aboutGlry .swiper-button-next {
    color: #515151;
    width: 17px;
    height: 20px;
    margin-top: unset;
}
.abtGlrySec .aboutGlry .swiper-button-prev {
    left: -16px;
    right: auto;
}
.abtGlrySec .aboutGlry .swiper-button-next {
    right: -16px;
    left: auto;
}
.abtGlrySec .aboutGlry .swiper-button-prev:after,
.abtGlrySec .aboutGlry .swiper-button-next:after {
    font-size: 17px;
}
.abtGlrySec .aboutGlry .swiper-button-prev:hover,
.abtGlrySec .aboutGlry .swiper-button-next:hover {
    color: var(--hover-color);
}

/*==================cartSec=================*/
.cartSec {
    margin: 35px 0;
}
.cartSec .frmSteps .line {
    left: 0;
    top: 18px;
    width: 100%;
    height: 4px;
    background: #f5f5f5;
}
.cartSec .frmSteps .frmStepUl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 150px;
    overflow: hidden;
}
.cartSec .frmSteps .frmStepUl::before,
.cartSec .frmSteps .frmStepUl::after {
    position: absolute;
    content: "";
    top: 12px;
    background: #f5f5f5;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.cartSec .frmSteps .frmStepUl::before {
    right: 0;
    background: var(--color1);
}
.cartSec .frmSteps .frmStepUl::after {
    left: 0;
}
.cartSec .frmSteps .frmStepUl:has(.frmStepLi:last-child.active)::after {
    background: var(--color1);
}
.cartSec .frmSteps .frmStepLi::after,
.cartSec .frmSteps .frmStepLi.active::before {
    position: absolute;
    content: "";
    top: 18px;
    height: 4px;
    background: var(--color1);
}
.cartSec .frmSteps .frmStepLi.active::before {
    left: calc(100% - 7px);
    width: 290px;
}
.cartSec .frmSteps .frmStepLi:last-child.active::after {
    right: calc(100% - 7px);
    width: 150px;
}
.cartSec .frmSteps .frmStepBx {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    z-index: 2;
}
.cartSec .frmSteps .frmStepBx div {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #626262;
}
.cartSec .frmSteps .active .frmStepBx div {
    background: var(--color1);
    color: var(--white);
}
.cartSec .frmSteps .frmStepBx p {
    color: #626262;
    text-align: center;
    font-size: 11px;
}
.cartSec .frmSteps .active .frmStepBx p {
    color: var(--color1);
}
.cartSec .cartRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 45px;
}
.cartSec .cartRow .cartRight {
    width: calc(100% - 294px);
    border-radius: 10px;
    background: var(--white);
    padding: 20px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.cartSec .cartRow .cartRight .cartTable {
    margin-bottom: 40px;
}
.cartSec .cartRow .cartTable table {
    border-collapse: separate;
    border-spacing: 0;
}
.cartTable table th {
    text-align: center;
    background: var(--color1);
    color: var(--white);
    font-size: 11px;
    border: 1px solid var(--color1);
    width: max-content;
    padding: 1rem 0.5rem;
    font-family: "PeydaWebMedium";
}
.cartTable table th.nameTh {
    text-align: right;
}
.cartTable table th:first-child {
    border-radius: 0 5px 0 0;
}
.cartTable table th:last-child {
    border-radius: 5px 0 0 0;
}
.cartTable table td {
    color: #707070;
    text-align: center;
    font-family: "PeydaWebMedium";
    font-size: 15px;
    border: none;
    padding: 1rem 0.5rem;
}
.cartTable tbody tr td:first-child {
    border-right: 1px solid #f5f5f5;
}
.cartTable tbody tr td:last-child {
    border-left: 1px solid #f5f5f5;
}
.cartTable tbody tr td {
    border-bottom: 1px solid #f5f5f5;
}
.cartTable tbody tr:last-child td:first-child {
    border-radius: 0 0 5px 0;
}
.cartTable tbody tr:last-child td:last-child {
    border-radius: 0 0 0 5px;
}
.cartSec .cartRow .cartTable .deleteBtn {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    color: #626262;
    font-size: 12px;
    border: none;
    margin: auto;
}
.cartSec .cartRow .cartTable .deleteBtn:hover {
    background: var(--hover-color);
    color: var(--white);
}
.cartSec .cartRow .cartTable .tblImg {
    width: 50px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.cartSec .cartRow .cartTable .name {
    color: #626262;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 11px;
}
.cartSec .cartRow .cartTable .title {
    color: #626262;
    text-align: center;
    font-size: 10px;
    display: none;
}
.cartSec .cartRow .cartTable .price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--color1);
    text-align: center;
}
.cartSec .cartRow .cartTable .price p {
    font-family: "PeydaWebBold";
    font-size: 12px;
}
.cartSec .cartRow .cartTable .price span {
    font-size: 10px;
    display: block;
}
.cartSec .cartRow .cartTable .item_Num_box {
    width: 58px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid #f5f5f5;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
.cartSec .cartRow .cartTable .item_Num_box span {
    width: 14px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.cartSec .cartRow .cartTable .item_Num_box .plus {
    border-radius: 0 6px 6px 0;
    padding-right: 3px;
}
.cartSec .cartRow .cartTable .item_Num_box .minus {
    border-radius: 6px 0 0 6px;
    padding-left: 3px;
}
.cartSec .cartRow .cartTable .item_Num_box input {
    width: 20px;
    font-size: 14px;
}
.cartSec .cartRow .cartTable .item_Num_box span:before,
.cartSec .cartRow .cartTable .item_Num_box span:after {
    width: 8px;
}
.cartSec .cartRow .cartTable .updateBtn {
    width: 116px;
    height: 29px;
    border-radius: 4px;
    background: #f5f5f5;
    color: #626262;
    text-align: center;
    font-size: 10px;
    border: none;
    display: block;
    margin: 0 0 0 auto;
}
.cartSec .cartRow .cartTable .updateBtn:hover {
    background: var(--color1);
    color: var(--white);
}
.cartSec .cartRight .discntCode strong {
    display: block;
    color: var(--color1);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 11px;
    margin-bottom: 10px;
}
.cartSec .cartRight .discntCode form {
    width: 100%;
    height: 39px;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1px;
    padding: 0 4px;
}
.cartSec .cartRight .discntCode input {
    width: calc(100% - 111px);
    height: 98%;
    color: #626262;
    text-align: right;
    font-size: 11px;
    border-radius: 5px;
    border: none;
}
.cartSec .cartRight .discntCode button {
    color: var(--white);
    text-align: center;
    font-size: 11px;
    width: 110px;
    height: 29px;
    border: none;
    border-radius: 5px;
    background: var(--color1);
}
.cartSec .cartRight .discntCode button:hover {
    background: var(--hover-color);
}
.cartSec .cartRight .discntCode form:has(input:focus) {
    border-color: var(--color1);
}
.cartSec .cartRow .cartLeft {
    width: 294px;
    padding-right: 20px;
}
.cartSec .cartRow .cartLeft .cartSide {
    width: 100%;
    border-radius: 10px;
    border-top: 2px solid var(--color1);
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 18px;
}
.cartSec .cartRow .cartSide ul {
    margin-bottom: 20px;
}
.cartSec .cartRow .cartSide ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cartSec .cartRow .cartSide ul li {
    margin-bottom: 10px;
}
.cartSec .cartRow .cartSide ul span {
    color: #626262;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 11px;
}
.cartSec .cartRow .cartSide li div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    color: #626262;
}
.cartSec .cartRow .cartSide li div p {
    font-size: 14px;
}
.cartSec .cartRow .cartSide li div i {
    font-size: 10px;
}
.cartSec .cartRow .cartSide li:last-child div {
    font-family: "PeydaWebBold";
    color: var(--color1);
}
.cartSec .cartRow .cartSide .hed {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 15px;
}
.cartSec .cartRow .cartSide .hed i {
    border-radius: 50%;
    background: var(--color1);
    width: 5px;
    min-width: 5px;
    height: 5px;
    display: block;
}
.cartSec .cartRow .cartSide .hed strong {
    font-family: "PeydaWebBold";
    display: block;
    color: var(--color1);
    text-align: right;
    font-size: 11px;
    margin-top: -6px;
}
.cartSec .cartRow .cartSide button {
    width: 100%;
    height: 39px;
    border-radius: 4px;
    background: var(--color1);
    color: var(--white);
    text-align: center;
    font-size: 14px;
    border: none;
    margin-bottom: 15px;
}
.cartSec .cartRow .cartSide button:hover {
    background: var(--hover-color);
}
.cartSec .cartRow .cartSide .note {
    width: 100%;
    border-radius: 5px;
    border: 1px dashed #f5f5f5;
    background: var(--white);
    padding: 15px;
}
.cartSec .cartRow .cartSide .note div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
.cartSec .cartRow .cartSide .note i {
    border-radius: 50%;
    background: var(--color1);
    width: 3px;
    min-width: 3px;
    height: 3px;
    display: block;
}
.cartSec .cartRow .cartSide .note p {
    color: #626262;
    text-align: right;
    font-size: 8px;
    margin-top: -6px;
}
.cartSec .cartRow .freeShipng {
    border-radius: 8px;
    border-right: 2px solid var(--color1);
    border-left: 2px solid var(--color1);
    background: var(--white);
    padding: 20px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.cartSec .cartRow .freeShipng .trukDiv {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 15px;
}
.cartSec .cartRow .freeShipng .trukDiv img {
    width: 33px;
    height: auto;
}
.cartSec .cartRow .freeShipng .trukDiv p {
    color: #626262;
    text-align: right;
    font-size: 9px;
}
.cartSec .cartRow .freeShipng .progresBar {
    width: 100%;
    height: 6px;
    border-radius: 40px;
    background: #d9d9d9;
}
.cartSec .cartRow .freeShipng .progresBar span {
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    background: var(--color1);
    border-radius: 40px;
}

/*==================invoiceRow=================*/
.invoiceRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin: 40px 0 50px 0;
}
.invoiceRow .invoiceBox {
    width: 50%;
    padding: 25px;
    border-radius: 7px;
    background: var(--white);
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
}
.invoiceRow .invoiceHed {
    color: var(--white);
    text-align: center;
    font-size: 15px;
    font-family: "PeydaWebBold";
    border-radius: 6px;
    border: 1px solid var(--color1);
    background: var(--color1);
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.invoiceRow .infoForm {
    margin-top: 20px;
}
.invoiceRow .infoForm .infoFrmLbl {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 3px;
    height: 24px;
}
.invoiceRow .infoForm .infoFrmLbl p {
    color: #4e4f4f;
    text-align: right;
    font-size: 13px;
}
.invoiceRow .infoForm .infoFrmLbl span {
    color: #ce0202;
}
.invoiceRow .infoForm .infoFrmInpt,
.invoiceRow .infoForm select,
.invoiceRow .infoForm textarea {
    border-radius: 4px;
    border: 1px solid #eee;
    color: var(--text1);
    text-align: right;
    font-size: 14px;
}
.invoiceRow .infoForm .infoFrmInpt,
.invoiceRow .infoForm select {
    width: 100%;
    height: 35px;
}
.invoiceRow .infoForm select {
    padding: 0.375rem 0.75rem 0.375rem 2rem;
    background-position: left 0.7rem center;
}
.invoiceRow .infoForm select:focus,
.invoiceRow .infoForm textarea:focus,
.invoiceRow .infoForm .infoFrmInpt:focus {
    border-color: var(--color1);
}
.invoiceRow .payCheck,
.invoiceRow .methodChkBx .form-check,
.invoiceRow .infoForm .form-check {
    padding-left: 0;
    padding-right: 1.5em;
    margin-bottom: 0;
}
.invoiceRow .infoForm .form-check {
    margin-top: 34px;
}
.invoiceRow .payCheck input,
.invoiceRow .methodChkBx input,
.invoiceRow .infoForm .form-check input {
    width: 16px;
    min-width: 16px;
    height: 17px;
    border-radius: 4px;
    border: 1px solid var(--color1);
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}
.invoiceRow .payCheck input:checked,
.invoiceRow .infoForm .form-check input:checked {
    background-color: var(--color1);
}
.invoiceRow .infoForm .form-check label {
    color: #4e4f4f;
    text-align: right;
    font-family: "PeydaWebMedium";
    font-size: 13px;
}
.factorPage .factorBx .invoicPrdct,
.invoiceRow .invoicDetal .invoicPrdct {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.factorPage .factorBx .invoicPrdct {
    padding: 15px 0 15px 50px;
}
.invoiceRow .invoicDetal .invoicPrdct {
    background: #f5f5f5;
    margin: 15px 0 12px 0;
    border-radius: 7px;
    padding: 15px 15px 15px 50px;
}
.factorPage .factorBx .invoicPrdct .imgBx,
.invoiceRow .invoicPrdct .imgBx {
    width: 94px;
    min-width: 94px;
    height: 93px;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    background: var(--white);
    padding: 3px;
}
.factorPage .factorBx .invoicPrdct .imgBx img,
.invoiceRow .invoicPrdct .imgBx img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.factorPage .factorBx .invoicPrdct .numbr,
.invoiceRow .invoicPrdct .numbr {
    position: absolute;
    border-radius: 50%;
    background: var(--color1);
    width: 31px;
    height: 31px;
    left: 10px;
    color: #f5f5f5;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.factorPage .factorBx .invoicPrdct .numbr {
    top: 50%;
    transform: translateY(-50%);
}
.invoiceRow .invoicPrdct .numbr {
    bottom: 10px;
}
.factorPage .factorBx .invoicPrdct h2,
.invoiceRow .invoicPrdct h2 {
    color: #4e4f4f;
    text-align: right;
    font-size: 15px;
    margin-bottom: 6px;
    line-height: 1.5;
    display: block;
}
.factorPage .factorBx .invoicPrdct p,
.invoiceRow .invoicPrdct p {
    color: var(--color1);
    font-family: "PeydaWebBold";
    font-size: 15px;
}
.invoiceRow .invoicDetal .invoiceUl {
    margin-bottom: 20px;
}
.invoiceRow .invoiceUl li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 7px;
    background: #f5f5f5;
    padding: 10px 12px;
    margin-bottom: 10px;
    color: #4e4f4f;
    font-size: 15px;
}
.invoiceRow .invoiceUl li span {
    display: block;
}
.invoiceRow .invoiceUl li:last-child p {
    color: var(--color1);
}
.invoiceRow .sendMethod {
    margin: 20px 0;
}
.invoiceRow .sendMethod .hed {
    color: var(--color1);
    font-family: "PeydaWebBold";
    font-size: 15px;
    margin-bottom: 12px;
    text-align: right;
}
.invoiceRow .methodChkBx {
    border-radius: 7px;
    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 10px;
}
.invoiceRow .methodChkBx .form-check {
    width: 100%;
}
.invoiceRow .methodChkBx label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 2px;
}
.invoiceRow .methodChkBx label p {
    color: #4e4f4f;
    text-align: right;
    font-size: 13px;
}
.invoiceRow .methodChkBx label p small {
    font-size: 10px;
    /* text-decoration: underline; */
}
.invoiceRow .methodChkBx label span {
    color: #4e4f4f;
    text-align: left;
    font-family: "PeydaWebMedium";
    font-size: 13px;
}
.invoiceRow .methodChkBx input:checked {
    background-color: var(--color1);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.invoiceRow .methodChkBx .text {
    margin-top: 10px;
}
.invoiceRow .methodChkBx .text p {
    color: #4e4f4f;
    text-align: right;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.invoiceRow .methodChkBx .text a {
    color: var(--color1);
    text-align: right;
    font-family: "PeydaWebBold";
    font-size: 8px;
}
.invoiceRow .methodChkBx .text a:hover {
    color: var(--hover-color);
}
.invoiceRow .factorChek {
    width: 100%;
    height: 46px;
    border-radius: 7px;
    padding: 0;
    margin: 20px 0;
    position: relative;
}
.invoiceRow .factorChek input,
.invoiceRow .factorChek label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 7px;
}
.invoiceRow .factorChek input {
    opacity: 0;
    z-index: 2;
    padding: 0;
    margin: 0;
}
.invoiceRow .factorChek label {
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    border: 1px solid #f5f5f5;
    color: var(--color1);
    text-align: right;
    font-size: 11px;
}
.invoiceRow .factorChek input:checked ~ label {
    border-color: var(--color1);
}
.invoiceRow .payCheck {
    margin-bottom: 25px;
}
.invoiceRow .payCheck label {
    color: #4e4f4f;
    text-align: right;
    font-size: 12px;
}
.invoiceRow .continueBtn {
    display: block;
    margin: 0 auto 0 0;
    color: var(--white);
    text-align: center;
    font-size: 14px;
    width: 241px;
    height: 48px;
    border-radius: 8px;
    background: var(--color1);
    border: none;
}
.invoiceRow .continueBtn:hover {
    background: var(--hover-color);
}
.cartSec .thanksBox {
    text-align: center;
    color: var(--white);
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid var(--color1);
    background: var(--color1);
    padding: 15px;
    margin: 40px 0 30px 0;
}
.factorPage .factorBx {
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin-bottom: 20px;
}
.factorPage .factrBxTtl {
    color: var(--color1);
    text-align: right;
    font-size: 17px;
    font-family: "PeydaWebBold";
    margin-bottom: 15px;
}
.factorPage .factorBx form label {
    color: #424242;
    text-align: right;
    font-size: 15px;
}
.factorPage .factorBx form input {
    min-height: 53px;
}
.factorPage .factorBx form .form-control {
    width: 100%;
    border-radius: 60px;
    border: 1px solid #eee;
    color: #424242;
    text-align: right;
    font-size: 15px;
}
.factorPage .factorBx .form-control:disabled {
    background: var(--white);
}
.factorPage .factorBx form textarea {
    min-height: 53px;
    padding: 12px 15px;
    height: max-content;
}
.factorPage .factorBx .factrBxUl li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eeeeee;
    padding: 13px 0;
    color: #424242;
    text-align: right;
    font-size: 15px;
}
.factorPage .factorBx .factrBxUl .pinkColor {
    color: var(--color1);
}

/*==================media=================*/
@media (min-width: 992px) {
    .headerSec .headerBox .hdrCatBox {
        position: absolute;
        top: calc(100% - -5px);
        right: 10%;
        /* width: 100%; */
        height: 363px;
        border-radius: 20px;
        border-top: 1px solid var(--color1);
        background: var(--white);
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
        display: none;
    }
    .headerSec .hdrCatBox .hdrSubBx.firstSub {
        display: block;
    }
    .headerSec .hdrCatBox .hdrSubBx {
        position: absolute;
        width: calc(100% - 200px);
        height: 100%;
        gap: 30px;
        right: 200px;
        top: 0;
        padding: 0 30px 0 0;
        overflow: auto;
    }
    .headerSec .hdrSubBx .hdrSubCntnt {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 30px;
    }
    .headerSec .hdrCatBox .hdrSubList li {
        margin-bottom: 10px;
    }
}
@media (min-width: 1400px) {
    .trendSec .trendSecLst,
    .crdTabSec .trendSecLst {
        gap: 20px 17px;
    }
    .trendSec .trendSecLst .blogCard,
    .crdTabSec .trendSecLst .blogCard {
        width: 24%;
    }
    .blogCrdSec .swprBlgCrd,
    .cardSwipr .swprCrdBg {
        width: 306px;
    }
}
@media (min-width: 1345px) {
    .offersSec .shapeImg {
        right: 0;
    }
}
@media (min-width: 1330px) and (max-width: 1344px) {
    .offersSec .shapeImg {
        right: -15px;
    }
}
@media (min-width: 1290px) and (max-width: 1329px) {
    .offersSec .shapeImg {
        right: -22px;
    }
}
@media (min-width: 1250px) and (max-width: 1289px) {
    .offersSec .shapeImg {
        right: -44px;
    }
}
@media (min-width: 1220px) and (max-width: 1249px) {
    .offersSec .shapeImg {
        right: -60px;
    }
}
@media (min-width: 1200px) and (max-width: 1219px) {
    .offersSec .shapeImg {
        right: -76px;
    }
}
@media (max-width: 1199px) {
    .offersSec .shapeImg {
        display: none;
    }
    .trendSec .trendSecLst,
    .crdTabSec .trendSecLst {
        justify-content: center;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .aboutSec .aboutRow .abutSecHed h1 {
        font-size: 35px;
    }
    .aboutSec .aboutRow .aboutImg {
        width: 44%;
    }
    .aboutSec .aboutRow .aboutTxt {
        width: 56%;
    }
    .offersSec .popularCrd .shapeDiv {
        display: block;
    }
    .offersSec .popularBox .popularCrd {
        padding-bottom: 19px;
    }
    .newsSec .newLinks a div {
        gap: 12px;
    }
    .topSecRght .topSwprInfo .viewBox {
        margin-top: 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .searchSec .srchRsult .swprCrdBg {
        width: 49%;
    }
    .newsSec .newLinks a {
        padding: 15px;
    }
    .newsSec .newsSecRow .newLinks {
        width: 46%;
    }
    .newsSec .newsSecRow .newsCrds {
        width: 54%;
    }
    .newsSec .newsCrds .blogCard .blgCrdBdy {
        padding: 15px;
    }
    .trendSec .trendSecLst,
    .crdTabSec .trendSecLst {
        gap: 20px 15px;
    }
    .trendSec .trendSecLst .blogCard,
    .crdTabSec .trendSecLst .blogCard {
        width: 275px;
    }
    .topSecRght .topSlider1 .topSwprImg {
        width: 252px;
    }
    .topSecRght .topSwprInfo .feature li p {
        font-size: 13px;
    }
    .topSecRght .topSlider1 .topSwprInfo {
        width: calc(100% - 252px);
        padding: 20px 0 20px 20px;
    }
    .topSecRght .topSwprInfo .feature {
        margin: 25px 0 15px 0;
    }
}
@media (max-width: 991px) {
    .invoiceRow {
        flex-direction: column;
    }
    .invoiceRow .invoiceBox {
        width: 100%;
    }
    .cartSec .cartRow {
        flex-direction: column;
        gap: 25px;
    }
    .aboutSec .aboutRow {
        flex-direction: column-reverse;
        gap: 25px;
    }
    .cartSec .cartRow .cartLeft {
        width: 100%;
        padding-right: 0;
    }
    .cartSec .cartRow .cartRight,
    .aboutSec .aboutRow .aboutTxt {
        width: 100%;
    }
    .aboutSec .aboutImg .imgCover:before {
        display: none;
    }
    .aboutSec .aboutRow .aboutImg {
        padding: 0;
        width: 100%;
        height: max-content;
    }
    .aboutSec .aboutImg .imgCover {
        margin: 0 auto;
    }
    .aboutSec .aboutRow .abutSecHed {
        text-align: center;
    }
    .contactSec .contactRow .contactImg,
    .contactSec .socialNet:before {
        display: none;
    }
    .contactSec .contactRow .contactFrm {
        width: 100%;
    }
    .searchSec .srchSide {
        z-index: 17;
        padding: 20px 17px 20px 20px;
        position: fixed;
        top: 0;
        right: -280px;
        width: 280px;
        height: 100vh;
        background: #f1f1f1;
        overflow: auto;
        direction: ltr;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        -ms-transition: all 0.6s;
        -o-transition: all 0.6s;
    }
    .searchSec .srchSide::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .searchSec .srchSide.fixed {
        right: 0;
    }
    .searchSec .srchSide .closFltrBx {
        display: block;
    }
    .searchSec .srchSide .apliedFltr,
    .searchSec .srchSide .colorFltr,
    .searchSec .sidFltrRang,
    .searchSec .filtrCatBox,
    .searchSec .srchSide .fltrSwich {
        direction: rtl;
        padding: 20px 15px;
    }
    .searchSec .srchSide .sideSwiper {
        display: none;
    }
    .searchSec {
        margin: 45px 0 10px 0;
    }
    .searchSec .srchMain {
        width: 100%;
        padding-right: 0;
    }
    .prdcutSec .prductInfo {
        width: 100%;
    }
    .trnsfrImgBx {
        width: 100%;
        margin-bottom: 25px;
    }
    .prdcutSec .prductImg {
        margin: 0 auto;
        padding-left: 0;
        min-width: auto;
        width: 100%;
        max-width: 377px;
    }
    .prdcutSec .prductImg .glryRow {
        margin-top: 15px;
    }
    .crdTabSec .tabLstSwpr {
        padding: 0 10px;
    }
    .offersSec .offersRow {
        flex-direction: column-reverse;
        gap: 35px;
    }
    .offersSec .offersRow .popularBox {
        width: 100%;
        border-radius: 15px;
        background: #f1f1f1;
        padding: 15px;
    }
    .offersSec .popularBox .popularHed {
        text-align: center;
    }
    .offersSec .offersRow .offersBox {
        width: 100%;
        padding-right: 0;
    }
    .crdTabSec .tabHeader .tabMorLink {
        display: none;
    }
    .headerSec .headrLft {
        gap: 9px;
    }
    .headerSec .headrLft .hdrSprtLnk {
        display: flex;
    }
    .headerSec .headrLft .hdrCartBx {
        display: none;
    }
    .floatMenu {
        display: flex;
    }
    .featureSec ul img {
        width: 40px;
    }
    footer .rowOne {
        flex-wrap: wrap;
        gap: 25px;
    }
    footer .rowOne .logoCol ul {
        display: flex;
    }
    footer .rowTwo {
        flex-wrap: wrap;
        justify-content: center;
        gap: 25px;
    }
    footer .rowTwo .text i {
        font-size: 40px;
    }
    footer .rowTwo .text p {
        font-size: 16px;
    }
    footer .rowOne .logoCol {
        width: 100%;
    }
    .featureSec ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 30px;
    }
    .headerSec .hdrSubBx .hdrSubCol {
        margin-bottom: 12px;
    }
    footer .lastRow .socialCol,
    header .headrTop,
    .headerSec .hdrSubBx .hdrSubTitl {
        display: none;
    }
    .headerSec .hdrSubBx .hdrSubLink {
        display: flex;
        margin-bottom: 4px;
    }
    .headerSec .hdrSubBx .hdrSubLink:last-child {
        border-bottom: none;
    }
    .headerSec .hdrCatBox .hdrSubBx {
        position: relative;
        right: 0;
        margin-top: 20px;
        width: 100%;
        border-radius: 10px;
        background: var(--white);
        padding: 15px;
    }
    .headerSec .hdrSubBx .hdrSubCntnt {
        display: block;
    }
    .headerSec .hdrCatBox .hdrCatTtl {
        display: flex;
    }
    .headerSec .hdrSubBx .allPrdctLnk,
    .headerSec .hdrCatBox .hdrCatLnk {
        display: none;
    }
    .headerSec .hdrCatBox .catContent {
        direction: rtl;
    }
    .headerSec .hdrCatBox .hdrCatUl {
        width: 100%;
        height: max-content;
        border-left: none;
        overflow: unset;
    }
    .headerSec .hdrCatBox .hdrCatLi {
        border-bottom: 1px solid var(--text8);
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    .headerSec .headerBox .hdrCatBox {
        position: fixed;
        top: 0;
        right: -280px;
        width: 280px;
        height: 100vh;
        background: #f1f1f1;
        overflow: auto;
        direction: ltr;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        -ms-transition: all 0.6s;
        -o-transition: all 0.6s;
    }
    .headerSec .headerBox .hdrCatBox::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .headerSec .headerBox .hdrCatBox.fixed {
        right: 0;
    }
    .headerSec .hdrCatLink {
        display: none;
    }
    .topSec .topSecRow {
        flex-direction: column;
        gap: 30px;
    }
    .topSec .topSecRght {
        width: 100%;
        padding-left: 0;
    }
    .topSec .topSecLeft {
        width: 100%;
    }
    .headerSec .headerBox .hdrSrchBx {
        display: none;
    }
    .headerSec .hdrCatBox .sideTopRow {
        display: flex;
    }
    .headerSec .hdrCatBox .sideMnuLnk,
    .headerSec .opnSideMnu {
        display: block;
    }
    .headerSec .hdrCatBox .hdrSubList {
        display: none;
        margin: 0 0 12px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #f1f1f1;
    }
    .headerSec .hdrCatBox .hdrSubList a {
        font-size: 10px;
    }
    .headerSec .hdrSubBx .hdrSubCol:last-child .hdrSubList {
        border-bottom: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .aboutSec .aboutImg .imgCover {
        width: 385px;
        height: 498px;
    }
    .whyChoseSec .abutSecHed h1,
    .abtGlrySec .abutSecHed h1 {
        font-size: 35px;
    }
    .contactSec .methodCard .methodBox {
        padding: 20px 15px;
    }
    .contactSec .methodCard p {
        font-size: 15px;
    }
    .searchSec .srchRsult .swprCrdBg {
        width: 224px;
    }
    .searchSec .srchRsult .swiperCard {
        padding: 14px;
    }
    .searchSec .srchRsult {
        gap: 15px 12px;
    }
    .newsSec .newLinks a {
        padding: 10px 14px;
    }
    .newsSec .newLinks a h2 {
        font-size: 12px;
    }
    .newsSec .blogCard .blgCrdBdy .blgCrdInfo {
        gap: 1px;
    }
    .newsSec .blogCard .blgCrdBdy .blgCrdInfo span {
        font-size: 15px;
        margin-bottom: 3px;
    }
    .newsSec .blogCard .blgCrdBdy .blgCrdFtr .moreLink,
    .newsSec .blogCard .blgCrdBdy .blgCrdInfo p {
        font-size: 9px;
    }
    .newsSec .newsSecRow .newLinks {
        width: 44%;
        padding-left: 15px;
    }
    .newsSec .newsSecRow .newsCrds {
        width: 56%;
    }
    .newsSec .newsCrds .blogCard .blgCrdBdy {
        padding: 10px;
    }
    .trendSec .trendSecLst,
    .crdTabSec .trendSecLst {
        gap: 20px 10px;
    }
    .trendSec .trendSecLst .blogCard,
    .crdTabSec .trendSecLst .blogCard {
        width: 225px;
    }
    .blogCard .blgCrdBdy {
        padding: 13px 10px;
    }
    .blogCard .blgCrdBdy .blgCrdFtr .moreLink {
        padding: 0 7px;
    }
    .topSecRght .topSwprInfo .feature {
        margin: 30px 0 15px 0;
    }
    .topSecRght .topSwprInfo .feature li p {
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    .topSec .topSecRght .topSlider1,
    .topSecRght .topSlider1 .swiper-slide {
        height: 100%;
    }
    .topSecRght .topSwprInfo .title h2 {
        font-size: 29px;
        line-height: 1.5;
        max-height: 87px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .abtGlrySec .aboutGlry .aboutSwpr {
        padding: 0 15px;
    }
    .abtGlrySec .aboutGlry .swiper-button-next {
        right: 0;
    }
    .abtGlrySec .aboutGlry .swiper-button-prev {
        left: 0;
    }
    .cartSec .cartRow .cartRight,
    .factorPage .factorBx {
        padding: 15px;
    }
    .cartSec .cartRow .cartLeft {
        display: flex;
        flex-direction: column-reverse;
        gap: 18px;
    }
    .cartSec .cartRight .discntCode {
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #eee;
        background: rgba(255, 255, 255, 0);
    }
    .cartSec .cartRow .cartRight .cartTable {
        margin-bottom: 30px;
    }
    .cartTable tbody tr td:last-child {
        border-left: none;
    }
    .cartTable tbody tr td:first-child {
        border-right: none;
    }
    .cartSec .cartRow .cartTable .name {
        text-align: center;
        width: 100%;
    }
    .cartSec .cartRow .cartTable .item_Num_box {
        margin: 0 auto 0 0;
    }
    .cartTable table thead {
        display: none;
    }
    .cartSec .cartRow .cartTable td {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .cartSec .cartRow .cartTable .title {
        display: block;
    }
    .bestSllrSec .lastView {
        font-size: 22px;
        margin-bottom: 8px;
    }
    .cartSec .frmSteps .frmStepUl {
        padding: 0 20px;
    }
    .cartSec .frmSteps .frmStepUl::before,
    .cartSec .frmSteps .frmStepUl::after {
        width: 12px;
        height: 12px;
        top: 14px;
    }
    .aboutSec .aboutImg .imgCover {
        width: 320px;
        max-width: 100%;
        height: 400px;
    }
    .aboutSec .aboutRow .aboutTxt {
        padding-left: 0;
    }
    .aboutSec .aboutRow {
        margin-bottom: 0;
    }
    .whyChoseSec .whyChoose ul li {
        flex: 48%;
        width: 250px;
    }
    .aboutSec .aboutRow .aboutTxt p {
        font-size: 14px;
    }
    .contactSec .contactRow .contactFrm {
        border-right: 0;
        border-top: 2px solid var(--color1);
        padding: 20px 15px;
    }
    .contactSec .socialNet {
        flex-direction: column;
        gap: 15px;
    }
    .contactSec .contactFrm .title h2 {
        font-size: 24px;
    }
    .contactSec .contactFrm .title p {
        font-size: 15px;
    }
    .contactSec .socialNet ul {
        width: 100%;
        justify-content: space-evenly;
    }
    .abutSecHed h1 {
        font-size: 30px;
    }
    .contactSec .cntctMethds {
        flex-wrap: wrap;
        justify-content: center;
        gap: 25px;
    }
    .contactSec .cntctMethds .methodCard {
        max-width: 100%;
    }
    .contactSec .socialNet div p,
    .rsltInfoSec .rsltInfoBx h2 {
        font-size: 20px;
    }
    .rsltInfoSec .rsltInfoBx p,
    .rsltInfoSec .moreTxt {
        font-size: 15px;
    }
    .searchSec .srchRsult {
        justify-content: center;
    }
    .searchSec .srchRsult .swprCrdBg {
        width: 49%;
        flex: 48%;
    }
    .searchSec .srchRsltTtl .selCatgry {
        gap: 10px 15px;
        flex-wrap: wrap;
    }
    .searchSec .srchRsltTtl .selCatgry select {
        top: 0;
        width: auto;
        min-width: 150px;
        height: 44px;
    }
    .searchSec .srchRsltTtl {
        padding: 20px 15px;
    }
    .searchSec .srchRsltTtl .selCatgry strong {
        min-width: max-content;
        font-size: 16px;
    }
    .description,
    .prdctDetal {
        padding: 15px;
    }
    .prdctDetal ul span {
        min-width: 62px;
    }
    .pTabcontent .detailHed {
        margin-bottom: 10px;
        font-size: 17px;
    }
    .productTab .pTabHeader ul li {
        min-width: max-content;
    }
    .productTab .pTabHeader .pTablinks {
        font-size: 13px;
        padding: 0 12px;
    }
    .prdctDetal ul li,
    .description .text {
        font-size: 14px;
    }
    .productTab .pTabHeader {
        top: 82px;
    }
    .prdcutSec .prductInfo .prdctText {
        margin-bottom: 15px;
    }
    .prdcutSec .prdctInfoBtm .cart .addBtn {
        padding: 0 7px;
    }
    .prdcutSec .prductInfo .prdctcolor {
        margin-bottom: 20px;
    }
    .prdcutSec .prdctInfoTop .name h1 {
        font-size: 20px;
    }
    .prdcutSec .prductInfo .prdctInfoTop {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 15px;
    }
    .prdcutSec .prdctText p {
        font-size: 13px;
    }
    .prdcutSec .prdctInfoTop .point {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .prdcutSec .prdctInfoTop .point div {
        margin-bottom: 0;
    }
    .blogPgSec .blgPgTxt,
    .blogPgSec .blgPgCntnt .dotsRow {
        margin-bottom: 20px;
    }
    .tbleScrol {
        display: flex;
    }
    .detailTbl table td {
        font-size: 13px;
    }
    .blogPgSec .blgPgTxt {
        font-size: 14px;
    }
    .detailTbl table th {
        font-size: 15px;
    }
    .blogPgSec .blgPgCntnt h1,
    .blogPgSec .blgPgCntnt strong,
    .blogPgSec .blgPgCntnt h2 {
        font-size: 18px;
    }
    .cmntSecBx .cmntUser,
    .blogPgSec .blgAuthor .authorUser {
        right: 0;
    }
    .cmntSecBx .cmntDiv,
    .cmntSecBx.sndCmntBx,
    .blogPgSec .blgPgCntnt .blgAuthor {
        padding: 15px;
    }
    .cmntSecBx .cmntCntnt {
        margin: 15px 0 18px 0;
        font-size: 13px;
    }
    .blogPgSec .blgAuthor .authorCmnt {
        font-size: 13px;
        margin: 15px 0 8px 0;
    }
    .blogPgSec .blgPgCntnt .blgShortLnk {
        padding: 15px;
    }
    .cmntSecBx .reactionBtn {
        width: 130px;
        height: 42px;
    }
    .cmntSecBx .cmntRplyBtn {
        width: max-content;
        height: 42px;
        padding: 0 10px;
    }
    .cmntSecBx .cmntRplyBtn p {
        font-size: 13px;
    }
    .cmntSecBx .cmntRplyBtn span {
        font-size: 17px;
    }
    .offersSec .offersRow .offersBox {
        position: relative;
    }
    .offersSec .popularCrd h2 {
        color: #3a4350;
    }
    .offersSec .popularBox .popularHed {
        font-size: 22px;
    }
    .offersSec .offersBox .ofersBxHed a {
        display: flex;
        margin-right: 8px;
    }
    .offersSec {
        margin: 50px 0;
    }
    .offersSec .offersBox .ofersBxHed i {
        margin-right: 5px;
    }
    .offersSec .offersBox .ofersBxHed {
        gap: 0;
    }
    .offersSec .ofersBxHed .ofrsSwprBtn div {
        position: absolute;
        background: transparent;
    }
    .offersSec .ofersBxHed .swiper-button-prev:after,
    .offersSec .ofersBxHed .swiper-button-next:after {
        font-size: 15px;
        color: var(--color1);
    }
    .offersSec .ofersBxHed .ofrsSwprBtn div:hover {
        background: transparent;
    }
    .offersSec .ofersBxHed .ofrsSwprBtn div:hover:after {
        color: var(--hover-color);
    }
    .offersSec .ofrsSwprBtn .swiper-button-next {
        right: -10px;
    }
    .offersSec .ofrsSwprBtn .swiper-button-prev {
        left: -10px;
    }
    .offersSec .popularCrd .priceBox {
        background: var(--white);
        color: #7d7d7d;
    }
    .offersSec .popularCrd .cart {
        background: var(--color1);
        color: var(--white);
    }
    .sugestdSec .sugestdHed {
        font-size: 35px;
    }
    .newsSec .newLinks a {
        padding: 16px 11px;
    }
    .newsSec .newLinks a strong {
        width: 22px;
        height: 22px;
        position: absolute;
        top: -8px;
        right: 4px;
        background: var(--color1);
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .newsSec .newLinks a span {
        display: block;
    }
    .newsSec .newLinks a p {
        display: none;
    }
    .newsSec .newsSecRow {
        flex-direction: column;
        gap: 25px;
    }
    .newsSec .newsSecRow .newsCrds {
        width: 100%;
    }
    .newsSec .newsSecRow .newLinks {
        width: 100%;
        padding-left: 0;
    }
    .blogCard .blgCrdBdy .blgCrdInfo span {
        font-size: 15px;
        margin-bottom: 2px;
    }
    .trendSec .trendSecTtl {
        font-size: 35px;
        margin-bottom: 30px;
    }
    .pagination {
        height: 58px;
    }
    .pagination li {
        height: 28px;
    }
    .pagination li .page-link {
        font-size: 14px;
        padding: 15px;
    }
    .pagination li a span {
        font-size: 21px;
    }
    .pagination .page-item:first-child .page-link,
    .pagination .page-item:last-child .page-link {
        padding: 0 10px;
    }
    .floatMenu ul {
        padding: 0 20px;
    }
    .cardSwipr .swiper-button-prev:after,
    .cardSwipr .swiper-button-next:after {
        font-size: 18px;
    }
    .cardSwipr .swiper-button-next {
        right: -4px;
    }
    .cardSwipr .swiper-button-prev {
        left: -12px;
    }
    footer .rowOne .logoCol .ftrLgoLnk {
        margin: 0 auto 10px auto;
    }
    footer .rowOne .logoCol p {
        text-align: center;
    }
    footer .rowOne .logoCol ul {
        justify-content: center;
    }
    footer .ftrCntctCol,
    footer .rowOne .logoCol {
        border-bottom: 1px solid var(--text8);
        padding-bottom: 15px;
    }
    footer .ftrCntctCol,
    footer .rowOne .namadCol {
        width: 100%;
    }
    footer .rowOne .namadCol {
        justify-content: center;
    }
    footer .foterBtm {
        font-size: 13px;
    }
    footer .rowOne .logoCol:last-child {
        border-bottom: none;
    }
    footer .lastRow {
        flex-wrap: wrap;
        gap: 20px;
    }
    footer .lastRow .lstRowCol a {
        margin-bottom: 0;
    }
    footer .lastRow .lstRowCol .lstRowTtl {
        font-size: 15px;
    }
    footer .lastRow .lstRowCol .lstRowTtl {
        margin-bottom: 10px;
    }
    .swprBlgCrd .swprBlgCvr h2,
    .offersSec .offersBox .ofersBxHed h2,
    .secHeader h1,
    .secHeader strong {
        font-size: 18px;
    }
    .secHeader a {
        gap: 5px;
    }
    .secHeader a p,
    .crdTabSec .tabHeader .tabMorLink p {
        font-size: 10px;
    }
    .featureSec ul p {
        font-size: 12px;
    }
    footer .ftrCntctCol .ftrCntctTtl strong {
        font-size: 16px;
        margin-top: 2px;
    }
    footer .ftrCntctCol .ftrCntctTxt p {
        font-size: 13px;
        line-height: 1.6;
    }
    footer .ftrCntctCol .ftrCntctTxt i {
        line-height: 1;
    }
    footer .rowTwo .text p {
        font-size: 14px;
    }
    .topSecRght .topSlider1 .topSwprImg {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }
    .topSecRght .topSlider1 .topSwprImg img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        display: block;
        transform: unset;
    }
    .topSecRght .topSlider1 .swiper-rtl .swiper-button-prev,
    .topSecRght .topSlider1 .swiper-rtl .swiper-button-next {
        top: calc(100% - 44px);
    }
    .topSecRght .topSwprInfo .viewBox {
        margin-top: 12px;
    }
    .topSecRght .topSlider1 .topSwprCrd {
        flex-direction: column-reverse;
    }
    .topSecRght .topSlider1 .topSwprInfo {
        width: 100%;
        padding: 15px 15px 2px 15px;
    }
    .topSecRght .topSlider1 .layerOne {
        top: calc(100% - 78px);
        width: calc(100% - 20px);
        left: 11px;
    }
    .topSecRght .topSlider1 .layerTwo {
        top: calc(100% - 69px);
        width: calc(100% - 44px);
        left: 24px;
    }
    .topSecRght .topSwprInfo .title {
        justify-content: center;
    }
    .topSecRght .topSwprInfo .title .name {
        text-align: center;
    }
    .headerSec .headrLogo {
        width: 105px;
    }
    .topSecRght .topSwprInfo .viewBox .logo {
        display: block;
    }
    .topSecRght .topSwprInfo .feature li,
    .topSecRght .topSwprInfo .title .logo,
    .topSecRght .topSlider1 .topSwprCvr,
    .headerSec .headrLft .hdrUserBx .name {
        display: none;
    }
    .topSecRght .topSwprInfo .feature li:nth-child(1),
    .topSecRght .topSwprInfo .feature li:nth-child(2) {
        display: flex;
    }
    .topSecRght .topSwprInfo .feature {
        justify-content: center;
        margin: 15px 0;
    }
    .topSecRght .topSwprInfo .text {
        text-align: center;
    }
    .headerSec .headrLft .hdrUserBx .icon {
        background: var(--white);
        color: var(--color1);
    }
    .headerSec .headrLft .hdrUserBx .icon:hover {
        color: var(--white);
        background: var(--color1);
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .blogCard .blgCrdBdy {
        padding: 12px;
    }
    .blogCard .blgCrdBdy .blgCrdInfo {
        gap: 2px;
    }
    .blogCard .blgCrdBdy .blgCrdInfo p {
        font-size: 9px;
    }
    .blogCard .blgCrdBdy .blgCrdFtr .moreLink {
        padding: 0 6px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .searchSec .srchRsult .swprCrdBg {
        max-width: 253px;
    }
    .trendSec .trendSecLst .blogCard,
    .crdTabSec .trendSecLst .blogCard {
        width: 252px;
    }
    .topSecRght .topSlider1 .topSwprImg {
        padding: 5px 50px 0 50px;
    }
    .topSecRght .topSlider1 .swiper-rtl .swiper-button-next {
        left: 15px;
    }
    .topSecRght .topSlider1 .swiper-rtl .swiper-button-prev {
        left: 38px;
    }
}
@media (max-width: 575px) {
    .invoiceRow .infoForm .form-check {
        margin-top: 0;
    }
    .factorPage .factorBx .invoicPrdct .imgBx,
    .invoiceRow .invoicPrdct .imgBx {
        width: 62px;
        min-width: 62px;
        height: 62px;
    }
    .factorPage .factorBx .invoicPrdct .numbr,
    .invoiceRow .invoicPrdct .numbr {
        width: 20px;
        height: 20px;
        font-size: 13px;
        padding-top: 2px;
    }
    .factorPage .factorBx .invoicPrdct .numbr {
        left: 0;
    }
    .factorPage .factorBx .invoicPrdct {
        padding: 0 0 10px 35px;
    }
    .invoiceRow .invoicDetal .invoicPrdct {
        padding: 10px 10px 10px 35px;
    }
    .invoiceRow .invoicDetal .methodChkBx {
        padding: 12px;
    }
    .invoiceRow .invoiceBox {
        padding: 15px;
    }
    .invoiceRow .infoForm {
        margin-top: 5px;
    }
    .searchSec .srchRsult .swprCrdBg {
        max-width: 270px;
    }
    .cmntSecBx .commntTop .left {
        flex-direction: column;
        gap: 5px;
    }
    .prdcutSec .prductImg .big {
        height: 320px;
    }
    .prdcutSec .prdctInfoTop .point div {
        gap: 4px;
    }
    .prdcutSec .prdctInfoTop .point div span {
        font-size: 15px;
    }
    .prdcutSec .prductInfo .prductSize,
    .bannerSec .bannrsRow a {
        width: 100%;
    }
    .prdcutSec .prductInfo .prdctInfoBtm {
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: 20px;
    }
    .prdcutSec .prdctInfoBtm .cart {
        width: 100%;
        gap: 10px;
    }
    .prdcutSec .prdctInfoBtm .item_Num_box {
        width: 110px;
    }
    .prdcutSec .prdctInfoBtm .cart .addBtn {
        width: calc(100% - 110px);
    }
    .bannerSec .bannrsRow {
        flex-wrap: wrap;
    }
    .topSecRght .topSlider1 .swiper-rtl .swiper-button-next {
        left: 7px;
    }
    .topSecRght .topSlider1 .swiper-rtl .swiper-button-prev {
        left: 29px;
    }
    .topSecRght .topSlider1 .swiper-rtl .swiper-button-next:after,
    .topSecRght .topSlider1 .swiper-rtl .swiper-button-prev:after {
        font-size: 16px;
    }
}
@media (min-width: 481px) and (max-width: 575px) {
    .trendSec .trendSecLst .blogCard,
    .newsSec .newsCrds .blogCard,
    .crdTabSec .trendSecLst .blogCard {
        width: 48%;
    }
    .topSecRght .topSlider1 .topSwprImg {
        padding: 5px 40px 0 40px;
    }
}
@media (max-width: 480px) {
    .blogPgSec .blgPgCntnt .blgShortLnk {
        flex-direction: column;
    }
    .blogPgSec .blgShortLnk .right {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 10px;
    }
    .blogPgSec .blgShortLnk .right strong {
        margin-bottom: 0;
    }
    .blogPgSec .blgShortLnk .right a {
        margin-top: 2px;
    }
    .blogPgSec .blgShortLnk .totalVote {
        justify-content: center;
    }
    .newsSec .newsSecRow .newsCrds {
        flex-wrap: wrap;
    }
    .blogCard .blgCrdImg .image_parent:after {
        padding-top: 67%;
    }
    .newsSec .newsCrds .blogCard,
    .trendSec .trendSecLst .blogCard,
    .crdTabSec .trendSecLst .blogCard {
        width: 100%;
    }
    .topSecRght .topSlider1 .topSwprImg {
        padding: 5px 15px 0 15px;
    }
}