:root {
    --maincolor: #379777;
    --subcolor: #00453D;
    --yellowcolor: #F4CE14;
    --redcolor: #C7253E;
    --blackcolor: #45474B;
    --textcolor: #9BA4B4;
    --lightcolor: #F5F7F8;
    --whitecolor: #FFFFFF;
    --easeoutcubic: cubic-bezier(.215, .61, .355, 1);
}


/*---------------------- Public Style ---------------------*/

body {
    background-color: var(--lightcolor);
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body.overhide {
    overflow: hidden;
}

* {
    font-family: YekanBakh;
    outline: medium none !important;
    text-decoration: none !important;
}

.container {
    max-width: 1520px;
    padding: 0;
}

::selection {
    background-color: var(--subcolor);
    color: var(--whitecolor);
}

.btn-more-gohar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.btn-more-gohar:hover {
    color: var(--maincolor);
}

.btn-more-gohar .arrow-left {
    background-color: var(--yellowcolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 10px;
    font-size: 24px;
    color: var(--blackcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.btn-more-gohar:hover .arrow-left {
    background-color: var(--subcolor);
    color: var(--whitecolor);
    margin-right: 5px;
}

.head-sec-gohar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    z-index: 100;
}

.head-sec-gohar .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.head-sec-gohar .content .shape {
    height: 50px;
    margin-left: 20px;
}

.head-sec-gohar .content .text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.head-sec-gohar .content .title {
    font-size: 18px;
    font-weight: 800;
    color: var(--blackcolor);
    margin: 0 0 0 15px;
}

.head-sec-gohar .content .title>strong {
    position: relative;
    font-weight: 800;
    color: var(--maincolor);
}

.head-sec-gohar .content .title>strong::after {
    content: "";
    background: url('../images/site/underline.svg') no-repeat center center / contain;
    width: 130%;
    height: 10px;
    position: absolute;
    bottom: -10px;
    right: -10%;
}

.head-sec-gohar .content .desc {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.swiper-gohar-next,
.swiper-gohar-prev {
    background-color: var(--whitecolor);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 100%;
    position: absolute;
    top: 40%;
    z-index: 100;
    font-size: 22px;
    color: var(--textcolor);
    transition: all 0.3s;
}

.swiper-gohar-next:hover,
.swiper-gohar-prev:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.5);
    color: var(--whitecolor);
}

.swiper-gohar-next {
    right: -90px;
}

.swiper-gohar-prev {
    left: -90px;
}

.box-product-gohar {
    position: relative;
    background-color: var(--whitecolor);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 30px;
    gap: 30px;
    text-align: center;
    margin-bottom: 30px;
    z-index: 100;
    height: 590px;
    transition: all 0.3s;
}

.box-product-gohar .prs-offer {
    background-color: var(--redcolor);
    display: flex;
    width: 50px;
    height: 70px;
    justify-content: center;
    align-items: center;
    border-radius: 0px 0px 20px 20px;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 100;
    font-size: 20px;
    font-weight: 800;
    color: var(--whitecolor);
}

.box-product-gohar:hover {
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
}

.box-product-gohar .image {
    height: 150px;
    text-align: center;
}

.box-product-gohar .image>img {
    height: 100%;
    transition: all 0.3s;
}

.box-product-gohar:hover .image>img {
    transform: scale(0.9);
}

.box-product-gohar .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.box-product-gohar .content .title {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 20px;
    transition: all 0.3s;
}

.box-product-gohar:hover .content .title {
    color: var(--maincolor);
}

.box-product-gohar .content .details-box {
    position: relative;
    width: 100%;
    height: 55px;
    overflow: hidden;
}

.box-product-gohar .content .details-box .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: var(--textcolor);
    text-align: center;
    margin: 0;
    transition: all 0.6s;
}

.box-product-gohar:hover .content .details-box .desc {
    opacity: 0;
    visibility: hidden;
}

.box-product-gohar .content .weather {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
}

.box-product-gohar:hover .content .weather {
    opacity: 1;
    visibility: visible;
}

.box-product-gohar .content .weather .list-status {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.box-product-gohar .content .weather .list-status>i {
    font-size: 25px;
    color: var(--textcolor);
}

.box-product-gohar .content .weather .list-status>i.active {
    color: var(--redcolor);
}

.box-product-gohar .content .weather .status {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: var(--textcolor);
    margin-top: 10px;
}

.box-product-gohar .features {
    background-color: var(--lightcolor);
    border-radius: 20px;
    padding: 20px;
    height: 150px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.box-product-gohar .features .item-fts {
    position: relative;
    width: 50%;
    text-align: center;
}

.box-product-gohar .features .item-fts .sub-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.box-product-gohar .features .item-fts .text {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.box-product-gohar .features .item-fts .tooltip-text {
    background-color: var(--whitecolor);
    padding: 10px 15px;
    border-radius: 12px;
    width: auto;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    color: var(--textcolor);
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.5);
    position: absolute;
    bottom: 25px;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    transition: all 0.6s;
}

.box-product-gohar .features .item-fts .text:hover+.tooltip-text {
    opacity: 1;
    visibility: visible;
}

.box-product-gohar .options {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2px;
}

.box-product-gohar .options .price .pr-title {
    display: flex;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.box-product-gohar .options .price .pr-title>.pr-number {
    margin-left: 5px;
    text-decoration: line-through !important;
}

.box-product-gohar .options .price>.pr-number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 30px;
    font-weight: 700;
    color: var(--blackcolor);
    line-height: 1.2;
}

.box-product-gohar .options .price>.pr-number .unit {
    font-size: 16px;
    font-weight: 600;
    color: var(--blackcolor);
    margin-right: 5px;
}

.box-product-gohar .options .btns-option {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.box-product-gohar .options .btns-option .btn-prd {
    background-color: rgba(155, 164, 180, 0.50);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-size: 22px;
    color: var(--whitecolor);
    transition: all 0.3s;
}

.box-product-gohar .options .btns-option .btn-cart {
    background-color: var(--maincolor);
    color: var(--whitecolor);
}

.box-product-gohar .options .btns-option .btn-bookmark:hover {
    background-color: var(--textcolor);
    color: var(--whitecolor);
}

.box-product-gohar .options .btns-option .btn-cart:hover {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
}

/*---------------------- Accordian ---------------------*/

.list-accordian {
    width: 100%;
}

.list-accordian .accordion-item {
    width: 100%;
    background-color: var(--whitecolor);
    margin-bottom: 15px;
    border-radius: 20px;
    transition: all 0.3s;
}

.list-accordian .accordion-item:last-child {
    margin-bottom: 0;
}

.list-accordian .accordion-item.active {
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
}

.accordion-item .accordion-header {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
}

.accordion-item .accordion-header .title {
    font-size: 18px;
    font-weight: 600;
    color: var(--blackcolor);
    margin: 0;
    transition: all 0.3s;
}

.accordion-item.active .accordion-header .title {
    color: var(--textcolor);
}

.accordion-item .accordion-header .box-icon {
    display: flex;
    font-size: 24px;
    color: var(--textcolor);
    transition: all 0.4s;
}

.accordion-item.active .accordion-header .box-icon {
    transform: rotate(180deg);
    opacity: 0.5;
}

.accordion-item .accordion-content {
    padding: 0 25px 25px;
    display: none;
}

.accordion-item.active .accordion-content {
    display: block;
}

.accordion-item .accordion-content p {
    font-size: 14px;
    font-weight: 400;
    color: var(--blackcolor);
    line-height: 30px;
    text-align: justify;
}

.accordion-item .accordion-content p:last-child {
    margin: 0;
}

/*---------------------- /Accordian ---------------------*/

/*---------------------- Item Product Goharnahal ---------------------*/

.item-prd-goharnahal {
    padding: 0 10px 20px 10px;
}

.item-prd-goharnahal.col-lg-2 {
    max-width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
}

.item-prd-goharnahal .box-prd {
    background-color: var(--whitecolor);
    width: 100%;
    height: 380px;
    border-radius: 20px;
    border: 1px solid var(--lightcolor);
    overflow: hidden;
    transition: all 0.4s;
}

.item-prd-goharnahal .box-prd:hover {
    box-shadow: 0px 13px 41px -9px rgba(30, 30, 30, 0.10);
}

.item-prd-goharnahal .box-prd .image-prd {
    position: relative;
    background-color: var(--lightcolor);
    width: 100%;
    height: 235px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-prd-goharnahal .box-prd .image-prd>img {
    height: 170px;
    transition: all 0.4s;
}

.item-prd-goharnahal .box-prd:hover .image-prd>img {
    transform: scale(0.9) rotate(-10deg);
    filter: brightness(110%);
}

.item-prd-goharnahal .box-prd .image-prd .typenew,
.item-prd-goharnahal .box-prd .image-prd .typeused {
    background-color: var(--subcolor);
    width: 30px;
    height: 30px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--whitecolor);
    z-index: 10;
}

.item-prd-goharnahal .box-prd .image-prd .typeused {
    background-color: var(--yellowcolor);
    width: 75px;
    right: auto;
    left: 10px;
    color: var(--whitecolor);
}

.item-prd-goharnahal .box-prd .details-prd {
    background-color: var(--whitecolor);
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 145px;
    justify-content: space-between;
}

.item-prd-goharnahal .box-prd .details-prd .fullname {
    margin: 0;
}

.item-prd-goharnahal .box-prd .details-prd .fullname>a {
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: var(--blackcolor);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.4s;
}

.item-prd-goharnahal .box-prd:hover .details-prd .fullname>a {
    color: var(--maincolor);
}

.item-prd-goharnahal .box-prd .details-prd .desc {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-prd-goharnahal .box-prd .details-prd .prices-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 15px;
}

.item-prd-goharnahal .box-prd .details-prd .btn-more {
    background-color: var(--whitecolor);
    width: 60px;
    height: 35px;
    border-radius: 100px;
    box-shadow: 0px 4px 15px 0px rgba(30, 30, 30, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    font-size: 25px;
    padding-left: 5px;
    color: var(--maincolor);
    overflow: hidden;
    flex-shrink: 0;
    transition: all 0.4s;
}

.item-prd-goharnahal .box-prd:hover .details-prd .btn-more {
    background-color: var(--maincolor);
    color: var(--whitecolor);
    box-shadow: 0px 5px 25px 0px rgba(118, 144, 201, 0.50);
}

.item-prd-goharnahal .box-prd:hover .details-prd .btn-more>i {
    animation: shadowarrowleft 0.4s linear infinite;
}

@keyframes shadowarrowleft {
    from {
        text-shadow: -60px 0 5px rgba(255, 255, 255, 0);
    }

    to {
        text-shadow: 0 0 0 rgba(255, 255, 255, 0.5);
    }
}

.item-prd-goharnahal .box-prd .details-prd .prices {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.item-prd-goharnahal .box-prd .details-prd .prices .left {
    margin-right: 3px;
    padding-bottom: 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item-prd-goharnahal .box-prd .details-prd .prices .off {
    background-color: var(--redcolor);
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    color: var(--white);
    margin-bottom: 2px;
}

.item-prd-goharnahal .box-prd .details-prd .prices .unit {
    font-size: 12px;
    font-weight: 700;
    color: var(--blackcolor);
}

.item-prd-goharnahal .box-prd .details-prd .prices .right {
    line-height: 1.1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.item-prd-goharnahal .box-prd .details-prd .prices .off-price {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: var(--textcolor);
}

.item-prd-goharnahal .box-prd .details-prd .prices .off-price::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--textcolor);
    position: absolute;
    top: 8px;
    right: 0;
    left: 0;
}

.item-prd-goharnahal .box-prd .details-prd .prices .main-price {
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
}

/*---------------------- /Item Product Goharnahal ---------------------*/

.search-box-gohar {
    position: absolute;
    top: 150px;
    right: 0;
    left: 0;
    width: 30%;
    margin: 0 auto;
    z-index: 999999;
    background-color: var(--whitecolor);
    height: 60px;
    border-radius: 15px;
    box-shadow: 0px 4px 100px 0px rgba(0, 69, 61, 0.40);
    overflow: hidden;
    transform: scale(0.9);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.search-box-gohar.show {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.search-box-gohar .input-search {
    border: none;
    box-shadow: none;
    width: 100%;
    height: 60px;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 500;
    color: var(--blackcolor);
}

.search-box-gohar .btn-search {
    position: absolute;
    top: 16px;
    left: 20px;
    font-size: 24px;
    color: var(--maincolor);
}

.overlay-goharnahal {
    background: rgba(0, 69, 61, 0.4) url('../images/site/bg-noise.png') repeat center center / 200px;
    position: fixed;
    inset: 0;
    z-index: 99999;
    backdrop-filter: blur(15px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.overlay-goharnahal.show {
    opacity: 1;
    visibility: visible;
}

.lg-container {
    position: relative;
    z-index: 999999;
}

.lg-outer .lg-inner {
    direction: ltr;
}

.menu-fixed-resp {
    background-color: var(--whitecolor);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    height: 100vh;
    z-index: 999999;
    overflow: hidden;
    display: none;
    visibility: hidden;
    transform: translateX(100%);
    border-radius: 40px 0 0 0;
    box-shadow: -10px 0 100px 0px rgba(0, 69, 61, 0.40);
    transition: all 0.3s;
}

.menu-fixed-resp.show {
    visibility: visible;
    transform: translateX(0);
}

.menu-fixed-resp::before {
    content: "";
    background-color: var(--yellowcolor);
    width: 500px;
    height: 500px;
    border-radius: 100%;
    position: absolute;
    top: -250px;
    right: -250px;
    opacity: 0.06;
    filter: blur(250px);
    z-index: -1;
}

.menu-fixed-resp::after {
    content: "";
    background-color: var(--maincolor);
    width: 200px;
    height: 200px;
    border-radius: 100%;
    filter: blur(125px);
    opacity: 0.5;
    position: absolute;
    bottom: 50px;
    right: 50px;
    z-index: -1;
}

.menu-fixed-resp .close-menu-resp {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: var(--subcolor);
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    color: var(--whitecolor);
    opacity: 1;
    text-shadow: none;
    margin: 15px 15px 10px;
    transition: all 0.4s;
}

.menu-fixed-resp .list-menu-resp {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 80%;
    overflow-y: auto;
}

.menu-fixed-resp .list-menu-resp .item-menu {
    width: 100%;
    padding: 0 15px;
    border-bottom: 1px solid rgba(155, 164, 180, 0.2);
}

.menu-fixed-resp .list-menu-resp .item-menu .link-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 15px 0;
    gap: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.menu-fixed-resp .list-menu-resp .item-menu .link-menu .en {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--textcolor);
}

.menu-fixed-resp .list-menu-resp .item-menu .link-menu.show {
    color: var(--maincolor);
}

.menu-fixed-resp .list-menu-resp .item-menu .link-dropdown::after {
    content: "\e91d";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    font-size: 18px;
    font-weight: normal;
    color: var(--textcolor);
    transition: all 0.3s;
}

.menu-fixed-resp .list-menu-resp .item-menu .link-dropdown.show::after {
    transform: rotate(180deg);
}

.menu-fixed-resp .list-menu-resp .item-menu .link-menu>i {
    font-size: 22px;
    color: var(--graycolor);
    transition: all 0.3s;
}

.menu-fixed-resp .list-menu-resp .item-menu .link-dropdown.show>i {
    color: var(--maincolor);
}

.menu-fixed-resp .list-menu-resp .list-dropdown-menu {
    width: 100%;
    padding: 0;
    margin: 0 -15px 0 0;
    list-style: none;
    display: none;
}

.menu-fixed-resp .list-menu-resp .list-dropdown-menu .head-item {
    display: inline-flex;
    background-color: var(--yellowcolor);
    padding: 2px 5px 1px;
    border-radius: 100px 0 0 100px;
    width: 120px;
    font-size: 11px;
    font-weight: 700;
    color: var(--subcolor);
    margin: 10px 0;
}

.menu-fixed-resp .list-menu-resp .list-dropdown-menu .list-menu {
    list-style: none;
    padding: 0 15px 0 0;
    margin: 0;
}

.menu-fixed-resp .list-menu-resp .list-dropdown-menu .list-menu a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 11px;
    font-weight: 600;
    color: var(--blackcolor);
    margin: 10px 0;
    transition: all 0.3s;
}

.menu-fixed-resp .text-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.3;
    padding-top: 20px;
}

.menu-fixed-resp .text-logo .fullname {
    font-size: 24px;
    font-weight: bold;
    color: var(--maincolor);
    margin: 0;
}

.menu-fixed-resp .text-logo .slogan {
    font-size: 10.5px;
    font-weight: 400;
    color: var(--textcolor);
}

.rating-gohar {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.br-theme-bars-gohar .br-widget {
    height: 6px;
    width: 110px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
}

.br-theme-bars-gohar .br-widget a {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    float: left;
    background-color: rgba(155, 164, 180, 0.3);
    margin: 0 3px;
    text-align: center;
    transition: all 0.3s;
}

.br-theme-bars-gohar .br-widget a:last-child {
    margin-right: 0;
}

.br-theme-bars-gohar .br-widget a.br-active,
.br-theme-bars-gohar .br-widget a.br-selected {
    background-color: var(--maincolor);
}

.br-theme-bars-gohar .br-widget .br-current {
    width: 14px;
    height: 14px;
    margin: 0;
}

.br-theme-bars-gohar .br-readonly a {
    cursor: default;
}

.rating-gohar .counts {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 6px;
    line-height: 1;
    padding-top: 2px;
}

.rating-gohar .counts .all {
    font-size: 25px;
    font-weight: 700;
    color: var(--textcolor);
    opacity: 0.3;
}

.rating-gohar .counts .slash {
    font-size: 20px;
    font-weight: 700;
    color: var(--textcolor);
    opacity: 0.3;
}

.rating-gohar .counts .value {
    font-size: 25px;
    font-weight: 700;
    color: var(--maincolor);
}

.rating-gohar .title-rating {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    margin: 0;
}

.form-group .custom-checkbox {
    padding: 0;
    text-align: right;
}

.form-group .custom-checkbox .custom-control-label {
    padding-right: 30px;
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
}

.form-group .custom-checkbox .custom-control-label::before {
    top: -1px;
    left: auto;
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 8px;
    border-color: rgba(155, 164, 180, 0.5);
    box-shadow: none;
    transition: all 0.3s;
}

.form-group .custom-checkbox .custom-control-label::after {
    content: "\e951";
    font-family: 'icomoon';
    background-image: none !important;
    font-weight: normal;
    top: -1px;
    left: auto;
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--whitecolor);
    opacity: 0;
    transition: all 0.3s;
}

.form-group .custom-checkbox .custom-control-input {
    left: auto;
    right: 0;
    z-index: 1;
    width: 22px;
    height: 22px;
}

.form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: var(--maincolor);
    background-color: var(--maincolor);
}

.form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    opacity: 1;
    font-size: 12px;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: var(--maincolor);
}

.pagination-goharnahal {
    width: 100%;
    margin-top: 40px;
}

.pagination-goharnahal .pagination {
    padding: 0;
    margin: 0;
    gap: 10px;
}

.pagination-goharnahal .page-item .page-link {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    background-color: var(--lightcolor);
    color: var(--graycolor);
    border: 1px solid var(--bordercolor);
    box-shadow: none;
    transition: all 0.3s;
}

.sec-search-products .pagination-goharnahal .page-item .page-link {
    background-color: var(--whitecolor);
}

.pagination-goharnahal .page-item .page-link:hover {
    background-color: var(--maincolor);
    color: var(--whitecolor);
}

.pagination-goharnahal .page-item.active .page-link {
    background-color: var(--yellowcolor);
    border-color: var(--yellowcolor);
    color: var(--subcolor);
    font-weight: bold;
}

.pagination-goharnahal .page-item.disabled .page-link {
    opacity: 0.4;
}

.form-group .lbl-input-gohar {
    font-size: 14px;
    font-weight: 600;
    color: var(--blackcolor);
    width: 100%;
    padding: 0 4px;
    margin: 0 0 4px;
}

.form-group .lbl-input-gohar .starreq {
    font-size: 14px;
    font-weight: bold;
    color: var(--redcolor);
    margin-right: 2px;
}

.form-group .hidden-select {
    position: absolute;
    height: 0;
    opacity: 0;
    visibility: hidden;
    bottom: -10px;
    right: 15px;
}

.form-group label.error {
    font-size: 13px;
    font-weight: normal;
    color: var(--redcolor);
    display: block;
    margin: 0;
    padding: 10px 4px 0;
}

.outer-input-gohar .form-control-gohar {
    width: 100%;
    height: 70px;
    padding: 10px 25px;
    text-align: right;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-color: var(--whitecolor);
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    box-shadow: none;
    transition: all 0.3s;
}

.outer-input-gohar .form-control-gohar:focus {
    border-color: var(--maincolor);
}

.outer-input-gohar .form-control-gohar.error {
    border-color: var(--redcolor);
}

.outer-input-gohar .form-control-gohar::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    opacity: 0.5;
}

.outer-input-gohar .input-group .input-icon {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--textcolor);
}

.outer-input-gohar .note-form {
    width: 100%;
    padding: 10px 4px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    color: var(--textcolor);
}

.outer-input-gohar .note-form>i {
    font-size: 15px;
    margin-left: 5px;
}

.btn-confirm-gohar {
    background-color: var(--maincolor);
    width: auto;
    display: inline-flex;
    height: 70px;
    padding: 25px 40px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.40);
    font-size: 16px;
    font-weight: 600;
    color: var(--whitecolor);
    border: none;
    flex-shrink: 0;
    margin-top: 30px;
    transition: all 0.3s;
}

.btn-confirm-gohar:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.4);
}

.loader {
    margin: 0 15px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 15px 0 #fff, -15px 0 #fff;
    position: relative;
    animation: flash 0.5s ease-out infinite alternate;
}

@keyframes flash {
    0% {
        background-color: #FFF2;
        box-shadow: 15px 0 #FFF2, -15px 0 #FFF;
    }

    50% {
        background-color: #FFF;
        box-shadow: 15px 0 #FFF2, -15px 0 #FFF2;
    }

    100% {
        background-color: #FFF2;
        box-shadow: 15px 0 #FFF, -15px 0 #FFF2;
    }
}

.nav-tabs-gohar {
    padding: 0;
    border: none;
    gap: 10px;
    margin-bottom: 20px;
}

.nav-tabs-gohar .nav-link {
    background-color: var(--lightcolor);
    border-radius: 12px;
    height: 40px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: normal;
    color: var(--textcolor);
    border: none;
    margin: 0;
    transition: all 0.3s;
}

.nav-tabs-gohar .nav-link.active {
    background-color: var(--maincolor);
    font-weight: bold;
    color: var(--whitecolor);
}

.breadcrumb-profile {
    display: none;
}

.empty-list-gohar {
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.empty-list-gohar>i {
    font-size: 60px;
    font-weight: 300;
    color: var(--textcolor);
    opacity: 0.3;
}

.empty-list-gohar .desc-empty {
    font-size: 16px;
    font-weight: 500;
    color: var(--textcolor);
    margin: 15px 0 0;
}

/*---------------------- /Public Style ---------------------*/

/*---------------------- Select2 ---------------------*/

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection {
    background-color: var(--whitecolor);
    height: 70px;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    text-align: right;
    transition: all 0.3s;
}

.select2-container .select2-selection:hover {
    border-color: var(--maincolor);
}

.select2-container--default.select2-container--open .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
    border-radius: 20px !important;
    border-color: var(--maincolor);
    box-shadow: 0 0 0 2px rgba(104, 210, 232, 0.2);
}

.select2-container--open .select2-dropdown--above {
    margin-top: -5px;
}

.select2-container--open .select2-dropdown--below {
    margin-top: 5px;
    z-index: 999999;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 65px;
    font-weight: bold;
    font-size: 15px;
    color: var(--blackcolor);
    padding-left: 45px;
    padding-right: 25px;
    direction: rtl;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    opacity: 0.5;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 24px;
    right: auto;
    left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "\e91d";
    font-family: 'icomoon';
    font-size: 16px;
    color: var(--textcolor);
}

.select2-container--default .select2-selection--single .select2-selection__arrow>b {
    display: none;
}

.select2-dropdown.dropdown-gohar {
    background-color: var(--whitecolor);
    border: none;
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
    border-radius: 16px;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
    border-radius: 16px;
    overflow: hidden;
}

.select2-dropdown.dropdown-gohar .select2-search--dropdown {
    padding: 15px 15px;
    border-bottom: 2px dashed var(--bordercolor);
    margin-bottom: 15px;
}

.select2-dropdown.dropdown-gohar .select2-search--dropdown .select2-search__field {
    height: 40px;
    border-radius: 12px;
    background-color: var(--lightcolor);
    border: none;
    padding: 15px;
    text-align: right;
    color: var(--textcolor);
}

.select2-dropdown.dropdown-gohar .select2-results__option {
    padding: 10px 15px;
    font-size: 14px;
}

.select2-dropdown.dropdown-gohar .select2-results__option.select2-results__message {
    text-align: center;
    padding-bottom: 20px
}

.select2-dropdown.dropdown-gohar .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--lightcolor);
    color: var(--maincolor);
}

.select2-dropdown.dropdown-gohar .select2-results__option--selected {
    background-color: var(--maincolor) !important;
    color: var(--whitecolor) !important;
}

.select2-container .select2-selection--multiple {
    min-height: 55px;
    height: auto;
    padding: 15px;
    direction: rtl;
}

.select2-container .select2-selection--multiple.rounded-half {
    border-radius: 20px !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 2px 1px;
    background-color: var(--lightcolor);
    border-radius: 100px;
    border: none;
    font-size: 13px;
    color: var(--graycolor);
    padding: 2px 2px 2px 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding: 0 10px 0 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0 0 0 8px;
    border: none;
    font-weight: 300;
    color: var(--graycolor);
    font-size: 16px;
    margin-top: -1px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--maincolor);
}

.select2-container .select2-search--inline .select2-search__field {
    margin: 0 5px 0 0;
    height: 28px;
    text-align: right;
    font-size: 16px;
}

.dropdown-gohar.dropdown-gohar-multiple .select2-results__option--selected {
    position: relative;
    background-color: var(--lightcolor) !important;
    color: var(--maincolor) !important;
}

.dropdown-gohar.dropdown-gohar-multiple .select2-results__option--selected::after {
    content: "\e918";
    font-family: 'icomoon';
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 14px;
    color: var(--maincolor);
}

/*---------------------- /Select2 ---------------------*/

/*---------------------- Modal ---------------------*/

.modal-backdrop {
    background: rgba(0, 69, 61, 0.4) url('../images/site/bg-noise.png') repeat center center / 200px;
    backdrop-filter: blur(15px);
    z-index: 99999;
}

.modal-backdrop.show {
    opacity: 1;
}

.modal-goharnahal {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
    z-index: 999999;
    transition: all 0.5s;
}

.modal-goharnahal.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.modal-goharnahal .modal-content {
    border-radius: 30px;
    background-clip: padding-box;
    box-shadow: 0px 4px 100px 0px rgba(0, 69, 61, 0.40);
}

.modal-goharnahal .modal-header {
    position: relative;
    padding: 25px 30px;
    justify-content: space-between;
    align-items: center;
    z-index: 20;
}

.modal-goharnahal .modal-header .modal-title {
    font-weight: bold;
    color: var(--maincolor);
    font-size: 18px;
    display: flex;
    align-items: center;
}

.modal-goharnahal .modal-header .modal-title>.icon-long-arrow {
    transform: scaleX(-1);
    margin-left: 10px;
}

.modal-goharnahal .modal-header .close {
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    background-color: var(--lightcolor);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--textcolor);
    opacity: 1;
    text-shadow: none;
    transition: all 0.4s;
}

.modal-goharnahal .modal-header .close:hover {
    background-color: var(--subcolor);
    color: var(--whitecolor);
    opacity: 1;
}

.modal-goharnahal .modal-header .logo-modal {
    background: url('../images/site/vector-footer-after.svg') no-repeat center center / 250px;
    width: 250px;
    height: 80px;
    position: absolute;
    top: -5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-goharnahal .modal-header .logo-modal img {
    width: 40px;
    filter: brightness(0) invert(1);
}

.modal-goharnahal .modal-body {
    padding: 0 30px 25px;
}

.modal-goharnahal .video-gohar {
    background-color: var(--blackcolor);
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    border-radius: 20px;
    border: 4px solid var(--lightcolor);
}

.modal-goharnahal .modal-body .desc-modal {
    font-size: 14px;
    font-weight: normal;
    color: var(--textcolor);
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
}

.modal-goharnahal .form-copy {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-goharnahal .form-copy .btn-copy-clipboard {
    background-color: var(--whitecolor);
    width: 180px;
    height: 60px;
    border: 2px solid var(--lightcolor);
    border-radius: 15px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.modal-goharnahal.modal-factor .form-copy .btn-copy-clipboard {
    background-color: var(--maincolor);
    border-color: var(--maincolor);
    margin-left: 0;
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
    color: var(--whitecolor);
    width: 200px;
}

.modal-goharnahal .form-copy .btn-copy-clipboard.copied {
    background-color: var(--maincolor);
}

.modal-goharnahal .form-copy .btn-copy-clipboard::after {
    content: "کپی کنید";
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.modal-goharnahal.modal-factor .form-copy .btn-copy-clipboard::after {
    display: none;
}

.modal-goharnahal .form-copy .btn-copy-clipboard.copied::after {
    content: "کپی شد";
    color: var(--whitecolor);
}

.modal-goharnahal .form-copy .btn-copy-clipboard>i {
    font-size: 20px;
    color: var(--textcolor);
    transition: all 0.3s;
}

.modal-goharnahal .form-copy .btn-copy-clipboard.copied>i {
    color: var(--white);
}

.modal-goharnahal .form-link {
    background-color: var(--lightcolor);
    border-radius: 15px;
    width: 100%;
    height: 60px;
    padding: 15px;
    font-size: 16px;
    font-weight: normal;
    color: var(--blackcolor);
    box-shadow: none;
    border: 2px solid var(--lightcolor);
    text-align: left;
    direction: ltr;
    transition: all 0.3s;
}

.modal-goharnahal.modal-factor .form-link {
    font-size: 14px;
    text-align: right;
    color: var(--textcolor);
}

.modal-goharnahal.modal-factor .form-link::placeholder {
    opacity: 0.5;
}

.modal-goharnahal textarea.form-control-gohar {
    min-height: 125px;
    padding: 25px;
}

.container-address textarea.form-control-gohar {
    min-height: 125px;
    padding: 25px;
}

.modal-goharnahal .btn-confirm-modal {
    background-color: var(--maincolor);
    width: auto;
    display: inline-flex;
    height: 70px;
    padding: 25px 40px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.40);
    font-size: 16px;
    font-weight: 600;
    color: var(--whitecolor);
    border: none;
    flex-shrink: 0;
    margin-top: 30px;
    transition: all 0.3s;
}

.modal-goharnahal .btn-confirm-modal:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.4);
}

.modal-goharnahal.modal-sm-del .modal-body {
    padding: 20px;
}

.modal-sm-del .modal-body .content-delete {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.modal-sm-del .modal-body .content-delete>i {
    font-size: 40px;
    color: var(--redcolor);
    margin-bottom: 15px;
}

.modal-sm-del .modal-body .content-delete>i.logout {
    transform: scaleX(-1);
}

.modal-sm-del .modal-body .content-delete .desc-modal {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    text-align: center;
}

.modal-sm-del .modal-body .btns-footer-modal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.modal-sm-del .modal-body .btns-footer-modal .btn-item-footer {
    background-color: var(--lightcolor);
    width: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    color: var(--textcolor);
    transition: all 0.3s;
}

.modal-sm-del .modal-body .btns-footer-modal .btn-confirm {
    background-color: var(--redcolor);
    color: var(--whitecolor);
}

/*---------------------- /Modal ---------------------*/

/*---------------------- Modal Register ---------------------*/

.modal-goharnahal .form-control-gohar {
    width: 100%;
    height: 70px;
    padding: 10px 25px;
    text-align: right;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-color: var(--whitecolor);
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    box-shadow: none;
    transition: all 0.3s;
}

.modal-goharnahal .form-control-gohar:focus {
    border-color: var(--maincolor);
}

.modal-goharnahal .form-control-gohar::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    opacity: 0.5;
}

.modal-goharnahal .btn-send-form {
    background-color: var(--maincolor);
    width: 100%;
    display: flex;
    height: 70px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.40);
    font-size: 16px;
    font-weight: 600;
    color: var(--whitecolor);
    border: none;
    flex-shrink: 0;
    margin-top: 20px;
    transition: all 0.3s;
}

.modal-goharnahal .btn-send-form:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.4);
}

.modal-goharnahal .btn-send-form .arrow-left {
    background-color: var(--whitecolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 10px;
    font-size: 24px;
    color: var(--maincolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.modal-goharnahal .btn-send-form:hover .arrow-left {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.modal-goharnahal .modal-body .btn-inline-style {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--subcolor);
    font-size: 14px;
    margin-top: 5px;
    gap: 5px;
}

.modal-goharnahal .modal-body .btn-inline-style.login-code {
    margin-top: 20px;
}

.modal-goharnahal .modal-body .btn-inline-style.reload-code {
    font-size: 12px;
    color: var(--maincolor);
}

 .form-codes {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

 .form-codes .frm-code {
    height: 70px;
    font-size: 35px;
    padding: 0;
}

.modal-goharnahal .again-code {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 10px;
    font-size: 12px;
    font-weight: normal;
    color: var(--textcolor);
}

.modal-goharnahal .again-code>span {
    margin: 0 5px;
    font-weight: 700;
}

/*---------------------- /Modal Register ---------------------*/

/*---------------------- Tooltip ---------------------*/

.tooltip {
    z-index: 99999;
}

.tooltip-inner {
    background-color: var(--blackcolor);
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 6px;
}

.tooltip .arrow::before {
    border-bottom-color: var(--blackcolor);
    border-top-color: var(--blackcolor);
}


/*---------------------- /Tooltip ---------------------*/

/*---------------------- Header ---------------------*/

.header-main {
    padding-top: 50px;
    position: relative;
    z-index: 9999;
}

.header-main::before {
    content: "";
    background-color: var(--yellowcolor);
    width: 500px;
    height: 500px;
    border-radius: 100%;
    position: absolute;
    top: -250px;
    right: -250px;
    opacity: 0.06;
    filter: blur(250px);
    z-index: -1;
}

.header-main .head-top .row {
    align-items: center;
    justify-content: space-between;
}

.header-main .head-top .trainings {
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.header-main .head-top .trainings>i {
    font-size: 25px;
    margin-left: 15px;
    color: var(--textcolor);
}

.header-main .head-top .trainings .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
}

.header-main .head-top .trainings .content>i {
    font-size: 14px;
    margin-right: 5px;
}

.header-main .head-top .trainings .dropdown-learning {
    background-color: var(--whitecolor);
    border-radius: 20px;
    position: absolute;
    right: 0;
    top: 35px;
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
    padding: 10px 20px;
    width: 100%;
    transform: rotateX(50deg) translateY(10px);
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    transition: all 0.3s;
}

.header-main .head-top .trainings:hover .dropdown-learning,
.header-main .head-top .trainings.active .dropdown-learning {
    transform: rotateX(0) translateY(0);
    opacity: 1;
    visibility: visible;
}

.header-main .head-top .trainings .dropdown-learning .list-lngr {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-main .head-top .dropdown-learning .list-lngr li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: 600;
    color: var(--blackcolor);
    margin: 10px 0;
    transition: all 0.3s;
}

.header-main .head-top .dropdown-learning .list-lngr li>a:hover {
    color: var(--maincolor);
}

.header-main .head-top .dropdown-learning .list-lngr li>a::before {
    content: "";
    width: 4px;
    height: 25px;
    background-color: var(--lightcolor);
    border-radius: 100px;
    margin-left: 10px;
    transition: all 0.3s;
}

.header-main .head-top .dropdown-learning .list-lngr li>a.other::before {
    background-color: var(--yellowcolor);
}

.header-main .head-top .dropdown-learning .list-lngr li>a:hover::before {
    background-color: var(--subcolor);
    margin-left: 15px;
}

.header-main .head-top .swiper-today-notify {
    text-align: center;
    height: 25px;
}

.header-main .head-top .swiper-today-notify .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-main .head-top .swiper-today-notify .title {
    background-color: var(--maincolor);
    padding: 2px 5px 3px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    color: var(--whitecolor);
    margin: 0 0 0 15px;
}

.header-main .head-top .swiper-today-notify .desc {
    font-size: 12px;
    font-weight: 500;
    color: var(--blackcolor);
}

.header-main .head-top .left-top {
    text-align: left;
}

.header-main .head-top .contacts {
    position: relative;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
}

.header-main .head-top .contacts>i {
    display: flex;
    font-size: 25px;
    font-weight: normal;
    margin-right: 15px;
    margin-top: 5px;
    color: var(--whitecolor);
}

.header-main .head-top .contacts .content {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
}

.header-main .head-top .contacts .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
}

.header-main .head-top .contacts .text .tel-number {
    font-size: 16px;
    font-weight: 800;
    color: var(--whitecolor);
}

.header-main .head-top .contacts .text .desc {
    font-size: 12px;
    font-weight: 300;
    color: var(--whitecolor);
}

.header-main .head-top .contacts .counts {
    background-color: var(--subcolor);
    width: 25px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-left: 5px;
    padding: 5px 0 3px 0;
}

.header-main .head-top .contacts .counts .num {
    background-color: var(--yellowcolor);
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--subcolor);
    padding-top: 1px;
}

.header-main .head-top .contacts .counts>i {
    font-size: 12px;
    font-weight: normal;
    color: var(--whitecolor);
}

.header-main .head-top .contacts .dropdown-contacts {
    background-color: var(--whitecolor);
    border-radius: 20px;
    position: absolute;
    right: 0;
    top: 50px;
    box-shadow: 0px 4px 100px 0px rgba(0, 69, 61, 0.40);
    padding: 5px 20px;
    width: 100%;
    transform: rotateX(50deg) translateY(10px);
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    transition: all 0.3s;
}

.header-main .head-top .contacts:hover .dropdown-contacts,
.header-main .head-top .contacts.active .dropdown-contacts {
    transform: rotateX(0) translateY(0);
    opacity: 1;
    visibility: visible;
}

.header-main .head-top .contacts .dropdown-contacts .list-cnt {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-main .head-top .dropdown-contacts .list-cnt li>a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: 600;
    color: var(--blackcolor);
    margin: 15px 0;
    padding-right: 15px;
    line-height: 1.2;
    transition: all 0.3s;
}

.header-main .head-top .dropdown-contacts .list-cnt .number {
    font-size: 14px;
    font-weight: 800;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.header-main .head-top .dropdown-contacts .list-cnt a:hover .number {
    color: var(--maincolor);
}

.header-main .head-top .dropdown-contacts .list-cnt .fullname {
    font-size: 10px;
    font-weight: 400;
    color: var(--textcolor);
}

.header-main .head-top .dropdown-contacts .list-cnt li>a:hover {
    color: var(--maincolor);
}

.header-main .head-top .dropdown-contacts .list-cnt li>a::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    height: 100%;
    background-color: var(--lightcolor);
    border-radius: 100px;
    transition: all 0.3s;
}

.header-main .head-top .dropdown-contacts .list-cnt li>a:hover::before {
    background-color: var(--yellowcolor);
    margin-left: 15px;
}

.header-main .head-menu {
    margin-top: 30px;
}

.header-main .head-menu .row {
    align-items: center;
    justify-content: space-between;
}

.header-main .head-menu .spaces-col {
    width: 300px;
    flex-shrink: 0;
}

.header-main .head-menu .logo-main {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header-main .head-menu .logo-main>img {
    width: 80px;
    flex-shrink: 0;
    margin-left: 15px;
}

.header-main .head-menu .logo-main .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.3;
}

.header-main .head-menu .logo-main .title {
    font-size: 27px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.header-main .head-menu .logo-main .slogan {
    font-size: 12.5px;
    font-weight: 400;
    color: var(--blackcolor);
}

.header-main .head-menu .menu-gohar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 30px;
}

.header-main .head-menu .menu-gohar .nav-link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    padding: 15px 0;
}

.header-main .head-menu .menu-gohar .nav-link .en {
    position: relative;
    top: 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--textcolor);
    transition: all 0.3s;
}

.header-main .head-menu .menu-gohar .nav-link:hover .en,
.header-main .head-menu .menu-gohar .dropdown-gohar.active .en {
    top: 15px;
    transform: scale(0.6);
    opacity: 0;
}

.header-main .head-menu .menu-gohar .nav-link .fa {
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.header-main .head-menu .menu-gohar .nav-link:hover .fa,
.header-main .head-menu .menu-gohar .dropdown-gohar.active .fa {
    color: var(--maincolor);
}

.header-main .head-menu .menu-gohar .dropdown-gohar .nav-link::before {
    content: "\e920";
    font-family: 'icomoon';
    font-size: 16px;
    color: var(--textcolor);
    position: absolute;
    top: 25px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 20px;
    text-align: center;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.header-main .head-menu .menu-gohar .dropdown-gohar:hover .nav-link::before,
.header-main .head-menu .menu-gohar .dropdown-gohar.active .nav-link::before {
    top: 10px;
    transform: scale(1);
    opacity: 0.5;
    visibility: visible;
}

.header-main .head-menu .menu-gohar .mega-menu-gohar {
    background-color: var(--whitecolor);
    border-radius: 20px;
    position: absolute;
    right: -9%;
    top: 60px;
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
    padding: 25px;
    width: 120%;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    transition: all 0.3s;
}

.header-main .head-menu .menu-gohar .dropdown-gohar:hover>.mega-menu-gohar,
.header-main .head-menu .menu-gohar .dropdown-gohar.active>.mega-menu-gohar,
.header-main .head-menu .menu-gohar .mega-menu-gohar:hover {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.header-main .head-menu .menu-gohar .mega-menu-gohar .row {
    align-items: flex-start;
}

.header-main .head-menu .menu-gohar .mega-menu-gohar .head-item {
    display: inline-flex;
    background-color: var(--yellowcolor);
    padding: 2px 5px 1px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    color: var(--subcolor);
    margin: 0 0 15px;
}

.header-main .head-menu .menu-gohar .mega-menu-gohar .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-main .head-menu .menu-gohar .mega-menu-gohar .list-menu a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 11px;
    font-weight: 600;
    color: var(--blackcolor);
    margin: 10px 0;
    transition: all 0.3s;
}

.header-main .head-menu .menu-gohar .mega-menu-gohar .list-menu a:hover {
    color: var(--maincolor);
}

.header-main .head-menu .menu-gohar .mega-menu-gohar .list-menu a::before {
    content: "";
    width: 4px;
    height: 20px;
    background-color: var(--lightcolor);
    border-radius: 100px;
    margin-left: 10px;
    transition: all 0.3s;
}

.header-main .head-menu .menu-gohar .mega-menu-gohar .list-menu a:hover::before {
    background-color: var(--subcolor);
    margin-left: 15px;
}

.header-main .head-menu .options-head {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}

.header-main .head-menu .options-head .btn-cart {
    position: relative;
    background-color: var(--yellowcolor);
    height: 55px;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
    border: none;
    font-size: 15px;
    font-weight: 700;
    color: var(--blackcolor);
    margin-right: 15px;
    transition: all 0.3s;
}

.header-main .head-menu .options-head .btn-cart .count {
    background-color: var(--whitecolor);
    min-width: 25px;
    height: 25px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    padding-top: 3px;
    margin-right: 15px;
    transition: all 0.3s;
}

.header-main .head-menu .options-head .btn-cart:hover {
    background-color: var(--subcolor);
    color: var(--whitecolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.40);
}

.header-main .head-menu .options-head .btn-cart:hover .count {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.header-main .head-menu .options-head .other {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.header-main .head-menu .options-head .btn-option {
    background-color: var(--whitecolor);
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-size: 24px;
    color: var(--maincolor);
    transition: all 0.3s;
}

.header-main .head-menu .options-head .btn-option:hover {
    background-color: var(--subcolor);
    color: var(--whitecolor);
}

.header-main .head-menu .options-head .btn-menubar {
    display: none;
}

.header-main .head-menu .options-head .has-account {
    position: relative;
}

.header-main .head-menu .options-head .has-account .btn-account {
    width: 70px;
}

.header-main .head-menu .options-head .has-account .btn-account::after {
    content: "\e91d";
    font-family: 'icomoon';
    display: inline-block;
    font-size: 15px;
    margin-right: 2px;
}

.header-main .head-menu .options-head .menu-profile {
    position: absolute;
    top: 80px;
    right: -30px;
    width: 250px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.header-main .head-menu .options-head .menu-profile.show {
    top: 65px;
    opacity: 1;
    visibility: visible;
}

.header-main .head-menu .sidebar-menu {
    background-color: var(--whitecolor);
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
    border-radius: 30px;
    padding: 10px;
}

.header-main .head-menu .sidebar-menu .head-sidebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(155, 164, 180, 0.2);
}

.header-main .head-menu .sidebar-menu .account {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header-main .head-menu .sidebar-menu .account .image {
    margin-left: 10px;
}

.header-main .head-menu .sidebar-menu .account svg {
    width: 50px;
    height: 50px;
}

.header-main .head-menu .sidebar-menu .account .fill-lighten-surface-color {
    fill: var(--lightcolor);
}

.header-main .head-menu .sidebar-menu .account .fill-lighter-surface-color {
    fill: var(--maincolor);
    stroke: var(--maincolor);
}

.header-main .head-menu .sidebar-menu .account .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.header-main .head-menu .sidebar-menu .account .fullname {
    font-size: 12px;
    font-weight: 500;
    color: var(--textcolor);
}

.header-main .head-menu .sidebar-menu .account .mobile {
    font-size: 16px;
    font-weight: 800;
    color: var(--blackcolor);
}

.header-main .head-menu .sidebar-menu .head-sidebar .edit-account {
    font-size: 14px;
    font-weight: 600;
    color: var(--maincolor);
}

.header-main .head-menu .sidebar-menu .list-menu {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.header-main .head-menu .sidebar-menu .list-menu .link-menu {
    background-color: var(--whitecolor);
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    margin-bottom: 5px;
    transition: all 0.3s;
}

.header-main .head-menu .sidebar-menu .list-menu .link-menu .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header-main .head-menu .sidebar-menu .list-menu .link-menu .box-icon {
    width: 20px;
    font-size: 20px;
    color: var(--blackcolor);
    margin-left: 15px;
    text-align: center;
    transition: all 0.3s;
}

.header-main .head-menu .sidebar-menu .list-menu .link-menu:hover .box-icon {
    color: var(--maincolor);
}

.header-main .head-menu .sidebar-menu .list-menu .link-menu.logout .box-icon {
    color: var(--redcolor);
}

.header-main .head-menu .sidebar-menu .list-menu .link-menu .text {
    font-size: 12px;
    font-weight: 600;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.header-main .head-menu .sidebar-menu .list-menu .link-menu:hover .text {
    color: var(--maincolor);
}

.header-main .head-menu .sidebar-menu .list-menu .link-menu.logout .text {
    color: var(--redcolor);
}

.header-main .head-menu .shopcart-dropdown {
    position: absolute;
    top: 80px;
    left: 0;
    background-color: var(--whitecolor);
    border-radius: 30px;
    border: 1px solid var(--lightcolor);
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
    width: 350px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    transition: all 0.4s;
}

.header-main .head-menu .btn-cart.active .shopcart-dropdown {
    top: 65px;
    opacity: 1;
    visibility: visible;
}

.header-main .head-menu .shopcart-dropdown .list-cart {
    padding: 20px 20px 0 0;
    height: 320px;
}

.header-main .head-menu .shopcart-dropdown .list-cart .empty-cart {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 300px;
    font-size: 12px;
    font-weight: normal;
    color: var(--textcolor);
    direction: rtl;
}

.header-main .head-menu .shopcart-dropdown .list-cart .empty-cart>i {
    color: var(--lightcolor);
    font-size: 30px;
    margin-bottom: 10px;
}

.header-main .head-menu .shopcart-dropdown .list-cart .mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 0;
    padding-left: 20px;
}

.header-main .head-menu .shopcart-dropdown .list-cart .mCSB_scrollTools {
    left: 0;
    right: auto;
}

.header-main .head-menu .shopcart-dropdown .list-cart .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .1);
}

.header-main .head-menu .shopcart-dropdown .list-cart .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--textcolor);
}

.header-main .head-menu .shopcart-dropdown .item-prd-goharnahal {
    padding: 0;
    margin-bottom: 20px;
}

.header-main .head-menu .shopcart-dropdown .item-prd-goharnahal:last-child {
    margin-bottom: 0;
}

.header-main .head-menu .shopcart-dropdown .box-prd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid var(--lightcolor);
    direction: rtl;
    text-align: right;
    height: auto;
    padding-bottom: 15px;
}

.header-main .head-menu .shopcart-dropdown .item-prd-goharnahal:last-child .box-prd {
    border-bottom: none;
}

.header-main .head-menu .shopcart-dropdown .box-prd .image-prd {
    width: auto;
    height: auto;
    background-color: transparent;
    margin-left: 15px;
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd {
    width: 74%;
    height: auto;
    padding: 0;
}

.header-main .head-menu .shopcart-dropdown .box-prd .image-prd>img {
    height: 60px;
}

.header-main .head-menu .shopcart-dropdown .box-prd:hover .image-prd>img {
    transform: none;
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd .fullname>a {
    font-size: 14px;
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd .desc {
    font-size: 12px;
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd .prices-row {
    margin-top: 10px;
    padding-left: 5px;
    align-items: flex-end;
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd .prices-row .btn-del-cart {
    font-size: 18px;
    height: 20px;
    color: var(--textcolor);
    transition: all 0.4s;
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd .prices-row .btn-del-cart:hover {
    color: var(--redcolor);
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd .prices .main-price {
    font-size: 18px;
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd .prices .unit {
    font-size: 10px;
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd .prices .off {
    width: 25px;
    height: 25px;
    font-size: 10px;
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd .prices .off-price {
    font-size: 12px;
}

.header-main .head-menu .shopcart-dropdown .box-prd .details-prd .prices .off-price::after {
    top: 6px;
}

.header-main .head-menu .shopcart-dropdown .bottom-cart {
    background-color: var(--subcolor);
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-main .head-menu .shopcart-dropdown .total-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    direction: rtl;
    margin-left: 30px;
}

.header-main .head-menu .shopcart-dropdown .total-price .title {
    font-size: 12px;
    font-weight: normal;
    color: var(--whitecolor);
    margin: 0;
}

.header-main .head-menu .shopcart-dropdown .total-price .prices {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.header-main .head-menu .shopcart-dropdown .total-price .prices .unit {
    font-size: 12px;
    font-weight: 700;
    color: var(--whitecolor);
    padding-bottom: 5px;
    margin-right: 3px;
}

.header-main .head-menu .shopcart-dropdown .total-price .prices .main-price {
    font-size: 20px;
    font-weight: 700;
    color: var(--whitecolor);
}

.header-main .head-menu .shopcart-dropdown .btn-view-cart {
    background-color: var(--yellowcolor);
    width: auto;
    height: 45px;
    border-radius: 16px;
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: bold;
    color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
    transition: all 0.4s;
}

.header-main .head-menu .shopcart-dropdown .btn-view-cart:hover {
    background-color: var(--whitecolor);
    box-shadow: 0px 5px 25px 0px rgba(255, 255, 255, 0.50);
    color: var(--maincolor);
}

.header-main .head-menu .shopcart-dropdown .btn-view-cart>i {
    font-size: 22px;
    margin-left: -5px;
}

.header-main .head-menu .shopcart-dropdown .btn-view-cart:hover>i {
    animation: shadowarrowdark 0.4s linear infinite;
}

/*---------------------- /Header ---------------------*/

/*---------------------- Main ---------------------*/

/*---------------------- Section About ---------------------*/

.sec-about-gohar {
    margin-top: 90px;
    overflow: hidden;
}

.sec-about-gohar .title-about {
    font-size: 45px;
    font-weight: 700;
    color: var(--blackcolor);
    line-height: 1.5;
    margin: 0;
}

.sec-about-gohar .title-about>img {
    height: 35px;
    margin: 0 10px;
}

.sec-about-gohar .desc-about {
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    color: var(--textcolor);
    text-align: justify;
    margin: 30px 0 0;
}

.sec-about-gohar .options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.sec-about-gohar .options .features {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.sec-about-gohar .options .features .item-fts {
    background-color: var(--whitecolor);
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    gap: 15px;
}

.sec-about-gohar .options .features .item-fts>i {
    width: 30px;
    height: 30px;
    font-size: 29px;
    color: var(--maincolor);
}

.sec-about-gohar .options .features .item-fts .title {
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    color: var(--blackcolor);
    margin: 0 0 2px;
}

.sec-about-gohar .options .features .item-fts .desc {
    display: flex;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    color: var(--textcolor);
}

.sec-about-gohar .options .btn-more-gohar {
    font-size: 18px;
}

.sec-about-gohar .slides-images {
    background: url('../images/site/vc-main.png') no-repeat center center / 900px;
    position: absolute;
    width: 900px;
    height: 1312px;
    top: -170px;
    left: -210px;
    overflow: hidden;
}

.sec-about-gohar .slides-images .mask-image {
    position: absolute;
    width: 101%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    mask-image: url('../images/site/vc-main.png');
    -webkit-mask-image: url('../images/site/vc-main.png');
    mask-border: url('../images/site/vc-main.png');
    -webkit-mask-border: url('../images/site/vc-main.png');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    overflow: hidden;
}

.sec-about-gohar .slides-images .mask-image .image-slide {
    position: absolute;
    top: 300px;
    right: 0;
    width: 500px;
    z-index: 10;
}

.sec-about-gohar .slides-images .mask-image::before {
    content: "";
    background-color: var(--subcolor);
    width: 600px;
    height: 600px;
    border-radius: 100%;
    opacity: 0.6;
    filter: blur(2000px);
    position: absolute;
    bottom: 150px;
    right: 0;
}

.sec-about-gohar .slides-images .mask-image .vectors {
    position: absolute;
    width: 90%;
    height: 80%;
    top: 170px;
    left: 210px;
}

.sec-about-gohar .slides-images .mask-image .rect-cl {
    width: 85px;
    position: absolute;
    left: -25px;
    top: 315px;
    z-index: 50;
    transform: scale(-1);
    display: none;
}

.sec-about-gohar .slides-images .mask-image .rect-obl {
    width: 55px;
    position: absolute;
    left: 90px;
    bottom: 380px;
    z-index: 50;
    transform: scaleX(-1);
    opacity: 0.1;
}

.sec-about-gohar .slides-images .mask-image .rect-obr {
    width: 90px;
    position: absolute;
    right: 230px;
    bottom: 480px;
    z-index: 50;
    opacity: 0.1;
}

.sec-about-gohar .slides-images .mask-image .sqr-otl {
    width: 70px;
    position: absolute;
    left: 50px;
    top: 45px;
    z-index: 50;
    transform: scaleX(-1);
    opacity: 0.1;
}

.sec-about-gohar .slides-images .mask-image .sqr-cr {
    width: 70px;
    position: absolute;
    right: 215px;
    top: 200px;
    z-index: 50;
    display: none;
}

.sec-about-gohar .slides-images .mask-image .trg-bl {
    width: 105px;
    position: absolute;
    left: 220px;
    bottom: 110px;
    z-index: 50;
    display: none;
}

.sec-about-gohar .slides-images .circular-read {
    position: absolute;
    top: 450px;
    right: 0;
    z-index: 99;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 69, 61, 0.7) url('../images/site/bg-noise.png') no-repeat center center / cover;
    backdrop-filter: blur(5px);
    transition: all 1s;
}

.sec-about-gohar .slides-images .circular-read:hover {
    background-color: rgba(0, 69, 61, 0.5);
}

.sec-about-gohar .slides-images .circular-read .text {
    width: 170px;
    flex-shrink: 0;
}

.sec-about-gohar .slides-images .circular-read .logo {
    position: absolute;
    width: 40px;
    /* animation: rotationcontrary 5s linear infinite; */
}

.sec-about-gohar .slides-images .circular-read text {
    fill: var(--white);
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
    font-variant-ligatures: none;
    letter-spacing: 6px;
    transform-origin: 250px 250px;
    animation: rotation 10s linear infinite;
}

.sec-about-gohar .slides-images .circular-read .textcircle {
    transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
    transform-origin: 250px 250px;
}

.sec-about-gohar .slides-images .circular-read:hover .textcircle {
    transform: scale(0.9) rotate(90deg);
}

@keyframes rotation {
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotationcontrary {
    to {
        transform: rotate(-360deg);
    }
}

.sec-about-gohar .spiral-arrow {
    position: relative;
    display: flex;
    width: 210px;
    margin: 0 auto;
    margin-top: 20px;
}

.sec-about-gohar .spiral-arrow>img {
    position: relative;
    width: 100%;
    z-index: 10;
}

/*---------------------- /Section About ---------------------*/

/*---------------------- Section New Products ---------------------*/

.sec-new-products {
    position: relative;
    margin-top: 80px;
}

.sec-new-products::before {
    content: "";
    background-color: var(--maincolor);
    width: 200px;
    height: 200px;
    border-radius: 100%;
    filter: blur(125px);
    opacity: 0.5;
    position: absolute;
    top: -300px;
    right: 35%;
    z-index: -1;
}

.sec-new-products .head-sec-gohar {
    margin-bottom: 20px;
}

.sec-new-products .row-swiper {
    position: relative;
}

.sec-new-products .swiper-category-fruits {
    padding: 20px 0;
}

.sec-new-products .item-category {
    display: flex;
    width: 100%;
    height: 228px;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 50px;
    background: var(--whitecolor);
    box-shadow: 0px 4px 50px 0px rgba(69, 71, 75, 0.02);
    border: 3px solid var(--whitecolor);
    transition: all 0.3s;
}

.sec-new-products .item-category:hover {
    border-color: var(--maincolor);
    box-shadow: 0px 4px 50px 0px rgba(55, 151, 119, 0.15);
}

.sec-new-products .item-category .box-icon {
    background-color: var(--lightcolor);
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 100%;
    transition: all 0.3s;
}

.sec-new-products .item-category:hover .box-icon {
    background-color: var(--yellowcolor);
}

.sec-new-products .item-category .box-icon .svg-fruit {
    height: 40px;
    transition: all 0.3s;
}

.sec-new-products .item-category:hover .box-icon .svg-fruit {
    transform: scale(0.9);
}

.sec-new-products .item-category .box-icon .svg-fruit .path-color {
    fill: var(--maincolor);
    stroke: var(--maincolor);
    transition: all 0.3s;
}

.sec-new-products .item-category:hover .box-icon .svg-fruit .path-color {
    fill: var(--subcolor);
    stroke: var(--subcolor);
}

.sec-new-products .item-category .content {
    text-align: center;
}

.sec-new-products .item-category .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 3px;
    transition: all 0.3s;
}

.sec-new-products .item-category:hover .title {
    color: var(--subcolor);
}

.sec-new-products .item-category .count {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-new-products .list-products-gohar {
    position: relative;
    margin-top: 60px;
}

.sec-new-products .list-products-gohar::before {
    content: "";
    background-color: var(--yellowcolor);
    width: 500px;
    height: 500px;
    flex-shrink: 0;
    border-radius: 100%;
    opacity: 0.05;
    filter: blur(500px);
    position: absolute;
    left: -360px;
    top: 130px;
}

.list-products-gohar .circular-read {
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 9999;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 69, 61, 0.7) url('../images/site/bg-noise.png') no-repeat center center / cover;
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.5);
    transition: all 0.6s;
}

.list-products-gohar .circular-read.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.list-products-gohar .circular-read:hover {
    background-color: rgba(0, 69, 61, 0.5);
}

.list-products-gohar .circular-read .text {
    width: 145px;
    flex-shrink: 0;
}

.list-products-gohar .circular-read .logo {
    position: absolute;
    width: 35px;
    /* animation: rotationcontrary 5s linear infinite; */
}

.list-products-gohar .circular-read text {
    fill: var(--white);
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
    font-variant-ligatures: none;
    letter-spacing: 6px;
    transform-origin: 250px 250px;
    animation: rotation 10s linear infinite;
}

.list-products-gohar .circular-read .textcircle {
    transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
    transform-origin: 250px 250px;
}

.list-products-gohar .circular-read:hover .textcircle {
    transform: scale(0.9) rotate(90deg);
}

@keyframes rotation {
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotationcontrary {
    to {
        transform: rotate(-360deg);
    }
}

/*---------------------- /Section New Products ---------------------*/

/*---------------------- Section Free Support ---------------------*/

.sec-free-support {
    position: relative;
    margin-top: 130px;
}

.sec-free-support::before {
    content: "";
    background-color: var(--maincolor);
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    border-radius: 100%;
    opacity: 0.5;
    filter: blur(200px);
    position: absolute;
    right: 230px;
    top: -120px;
    z-index: -1;
}

.sec-free-support .box-banner-gohar {
    position: relative;
    background-color: var(--whitecolor);
    width: 100%;
    height: 200px;
    padding: 30px 300px 30px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 40px;
    box-shadow: 0px 4px 250px 0px rgba(69, 71, 75, 0.05);
    z-index: 100;
}

.sec-free-support .box-banner-gohar .person {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sec-free-support .box-banner-gohar .person .prs-support {
    position: absolute;
    right: 60px;
    bottom: 0;
    height: 260px;
}

.sec-free-support .box-banner-gohar .person .call-text {
    display: inline-flex;
    padding: 20px 25px 20px 30px;
    justify-content: center;
    align-items: center;
    border-radius: 40px 20px 20px 0px;
    background: var(--yellowcolor);
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
    position: absolute;
    top: 38%;
    right: -100px;
    z-index: 150;
    font-size: 14px;
    font-weight: 700;
    color: var(--subcolor);
    animation-name: flo2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes flo2 {
    50% {
        transform: translateX(20px)
    }
}

.sec-free-support .box-banner-gohar .person .help-text {
    display: inline-flex;
    padding: 20px 25px 20px 30px;
    justify-content: center;
    align-items: center;
    border-radius: 20px 40px 0px 20px;
    background: var(--whitecolor);
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
    position: absolute;
    bottom: -30px;
    right: 30px;
    z-index: 150;
    font-size: 14px;
    font-weight: 700;
    color: var(--textcolor);
    animation-name: flo3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes flo3 {
    50% {
        transform: translateY(20px)
    }
}

.sec-free-support .box-banner-gohar .details-box {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 200;
}

.sec-free-support .box-banner-gohar .content .title {
    font-size: 30px;
    font-weight: 400;
    color: var(--blackcolor);
    margin: 0 0 5px;
}

.sec-free-support .box-banner-gohar .content .title>strong {
    font-weight: 800;
    color: var(--maincolor);
}

.sec-free-support .box-banner-gohar .content .desc {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-free-support .box-banner-gohar form {
    flex-shrink: 0;
}

.sec-free-support .box-banner-gohar .form {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
}

.sec-free-support .box-banner-gohar .form .btn-send-gohar {
    background-color: var(--maincolor);
    display: flex;
    height: 70px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.40);
    font-size: 16px;
    font-weight: 600;
    color: var(--whitecolor);
    border: none;
    flex-shrink: 0;
    transition: all 0.3s;
}

.sec-free-support .box-banner-gohar .form .btn-send-gohar:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.5);
}

.sec-free-support .box-banner-gohar .form .btn-send-gohar .arrow-left {
    background-color: var(--whitecolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 10px;
    font-size: 24px;
    color: var(--maincolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.sec-free-support .box-banner-gohar .form .btn-send-gohar:hover .arrow-left {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.sec-free-support .box-banner-gohar .form .input-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-left: 20px;
}

.sec-free-support .box-banner-gohar .form .input-box {
    background-color: var(--whitecolor);
    width: 250px;
    height: 70px;
    padding: 10px 25px;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.sec-free-support .box-banner-gohar .form .input-box:focus {
    border-color: rgba(155, 164, 180, 0.5);
}

.sec-free-support .box-banner-gohar .form .input-box::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    opacity: 0.5;
}

/*---------------------- /Section Free Support ---------------------*/

/*---------------------- Section Help Customers ---------------------*/

.sec-help-customers {
    position: relative;
    margin-top: 150px;
}

.sec-help-customers::before {
    content: "";
    background-color: var(--yellowcolor);
    width: 500px;
    height: 500px;
    flex-shrink: 0;
    border-radius: 100%;
    opacity: 0.1;
    filter: blur(500px);
    position: absolute;
    left: -240px;
    bottom: -300px;
}

.sec-help-customers .row {
    justify-content: space-between;
}

.sec-help-customers .list-steps {
    display: flex;
    flex-direction: column;
}

.sec-help-customers .list-steps .item-step {
    position: relative;
    margin-bottom: 30px;
}

.sec-help-customers .list-steps .item-step:nth-child(odd) {
    direction: rtl;
    text-align: right;
    padding-left: 18px;
}

.sec-help-customers .list-steps .item-step:nth-child(even) {
    direction: ltr;
    text-align: left;
    padding-right: 18px;
}

.sec-help-customers .list-steps .item-step .line-step {
    background-color: var(--textcolor);
    width: 72%;
    height: 1px;
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0.3;
}

.sec-help-customers .list-steps .item-step .line-step::before {
    content: "";
    width: 30px;
    height: 60px;
    border-radius: 0 0 30px 0;
    border-right: 1px solid var(--textcolor);
    border-bottom: 1px solid var(--textcolor);
    position: absolute;
    right: -30px;
    bottom: 0;
}

.sec-help-customers .list-steps .item-step .line-step::after {
    content: "";
    width: 30px;
    height: 60px;
    border-radius: 30px 0 0 0;
    border-left: 1px solid var(--textcolor);
    border-top: 1px solid var(--textcolor);
    position: absolute;
    left: -30px;
    top: 0;
}

.sec-help-customers .list-steps .item-step:nth-child(even) .line-step {
    transform: scaleX(-1);
}

.sec-help-customers .item-step .details {
    position: relative;
    z-index: 50;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec-help-customers .item-step .details .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-help-customers .item-step .details .number {
    background-color: var(--maincolor);
    display: flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.40);
    font-size: 38px;
    font-weight: 800;
    color: var(--whitecolor);
    flex-shrink: 0;
    margin-left: 20px;
}

.sec-help-customers .item-step:nth-child(even) .details .number {
    margin-left: 0;
    margin-right: 20px;
    background-color: var(--redcolor);
    box-shadow: 0px 4px 30px 0px rgba(199, 37, 62, 0.40);
}

.sec-help-customers .item-step .details .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 5px;
}

.sec-help-customers .item-step .details .desc {
    font-size: 16px;
    font-weight: 400;
    color: var(--textcolor);
}

.sec-help-customers .item-step .details .step-icon {
    font-size: 40px;
    color: var(--textcolor);
    opacity: 0.5;
}

/*---------------------- /Section Help Customers ---------------------*/

/*---------------------- Section Amazing Offer ---------------------*/

.sec-amazing-offer {
    margin: 100px 0;
}

.sec-amazing-offer .box-amazing {
    position: relative;
    background-color: var(--maincolor);
    height: 650px;
    padding: 0;
    border-radius: 50px;
    overflow: hidden;
}

.sec-amazing-offer .box-amazing::before {
    content: "";
    background: url('../images/site/bg-noise.png') repeat center center / 800px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.sec-amazing-offer .box-amazing::after {
    content: "";
    background: rgb(55, 143, 114);
    background: -moz-linear-gradient(90deg, rgba(55, 143, 114, 1) 0%, rgba(55, 143, 114, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(55, 143, 114, 1) 0%, rgba(55, 143, 114, 0) 100%);
    background: linear-gradient(90deg, rgba(55, 143, 114, 1) 0%, rgba(55, 143, 114, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#378f72", endColorstr="#378f72", GradientType=1);
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.sec-amazing-offer .box-amazing>.row {
    height: 100%;
}

.sec-amazing-offer .box-amazing .content-amazing {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 90px 150px 110px 15px;
    z-index: 50;
    height: 100%;
}

.sec-amazing-offer .box-amazing .content-amazing::before {
    content: "";
    background-color: var(--subcolor);
    width: 600px;
    height: 600px;
    border-radius: 100%;
    opacity: 0.5;
    filter: blur(600px);
    position: absolute;
    bottom: -100px;
    right: -150px;
}

.sec-amazing-offer .box-amazing .content-amazing::after {
    content: "";
    background: url('../images/logo/logo-main.svg') no-repeat center center / 75px;
    width: 75px;
    height: 70px;
    position: absolute;
    right: 45px;
    bottom: 30px;
    z-index: 100;
}

.sec-amazing-offer .box-amazing .content-amazing>* {
    position: relative;
    z-index: 100;
}

.sec-amazing-offer .box-amazing .title-amazing {
    text-align: right;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    color: var(--whitecolor);
    margin: 0;
}

.sec-amazing-offer .box-amazing .title-amazing>strong {
    font-weight: 800;
    color: var(--yellowcolor);
}

.sec-amazing-offer .box-amazing .desc-amazing {
    font-size: 14px;
    font-weight: 200;
    line-height: 30px;
    color: var(--whitecolor);
    text-align: right;
    margin: 0 0 20px;
}

.sec-amazing-offer .box-amazing .btn-more-gohar {
    display: inline-flex;
    color: var(--whitecolor);
    justify-content: flex-start;
}

.sec-amazing-offer .box-amazing .btn-more-gohar .arrow-left {
    background-color: var(--subcolor);
    color: var(--whitecolor);
}

.sec-amazing-offer .box-amazing .btn-more-gohar:hover .arrow-left {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.sec-amazing-offer .box-amazing .countdown {
    background-color: var(--subcolor);
    display: inline-flex;
    width: auto;
    height: 70px;
    padding: 10px 12px;
    border-radius: 20px;
    margin-top: 40px;
}

.sec-amazing-offer .box-amazing .countdown .countdown_exciting {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sec-amazing-offer .box-amazing .countdown .number {
    position: relative;
    width: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.1;
    flex-shrink: 0;
}

.sec-amazing-offer .box-amazing .countdown .number:not(:last-child)::after {
    content: ":";
    text-align: center;
    position: absolute;
    top: 5px;
    right: -8px;
    font-size: 30px;
    font-weight: 300;
    color: var(--whitecolor);
    opacity: 0.2;
}

.sec-amazing-offer .box-amazing .countdown .txt {
    font-size: 25px;
    font-weight: 700;
    color: var(--whitecolor);
}

.sec-amazing-offer .box-amazing .countdown .title {
    font-size: 14px;
    font-weight: 300;
    color: var(--whitecolor);
    opacity: 0.5;
}

.sec-amazing-offer .box-amazing .vectors {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 0;
    bottom: 0;
    width: 100%;
}

.sec-amazing-offer .box-amazing .vectors .rect-ocr {
    position: absolute;
    bottom: 220px;
    right: 40px;
    z-index: 0;
    opacity: 0.1;
    width: 55px;
    transform: scaleY(-1) rotate(15deg);
}

.sec-amazing-offer .box-amazing .vectors .rect-obl {
    position: absolute;
    bottom: -40px;
    left: 50px;
    z-index: 0;
    opacity: 0.1;
    width: 90px;
    transform: scale(-1) rotate(-16deg);
}

.sec-amazing-offer .box-amazing .vectors .sqr-tl {
    position: absolute;
    top: -68px;
    left: 80px;
    z-index: 0;
    width: 85px;
    transform: scale(-1) rotate(-15deg);
}

.sec-amazing-offer .box-amazing .vectors .sqr-otc {
    position: absolute;
    top: 165px;
    left: 180px;
    z-index: 0;
    width: 41px;
    opacity: 0.1;
    transform: scaleY(-1) rotate(10deg);
}

.sec-amazing-offer .box-amazing .vectors .trg-tr {
    position: absolute;
    top: 80px;
    right: -115px;
    z-index: 100;
    width: 290px;
    height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px 0 0;
}

.sec-amazing-offer .box-amazing .vectors .trg-tr .triangle {
    width: 212px;
    transform: scaleX(-1) rotate(15deg);
}

.sec-amazing-offer .box-amazing .vectors .trg-tr .percentage {
    width: 95px;
    position: absolute;
    margin-top: -10px;
    margin-left: -5px;
}

.sec-amazing-offer .box-amazing .swiper-amazing-offer {
    padding: 30px 0;
}

.sec-amazing-offer .box-amazing .swiper-amazing-offer .box-product-gohar:hover {
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.70);
}

.sec-amazing-offer .box-amazing .swiper-gohar-next {
    display: none;
}

.sec-amazing-offer .box-amazing .swiper-gohar-prev {
    top: 46%;
    left: 200px;
    z-index: 200;
}

/*---------------------- /Section Amazing Offer ---------------------*/

/*---------------------- Section Videos Consent ---------------------*/

.sec-videos-consent {
    overflow: hidden;
}

.sec-videos-consent .box-video-consent {
    position: relative;
    background-color: var(--whitecolor);
    width: 100%;
    height: 580px;
    overflow: hidden;
    border-radius: 30px;
}

.sec-videos-consent .box-video-consent::before {
    content: "";
    background: rgb(69, 71, 75);
    background: -moz-linear-gradient(0deg, rgba(69, 71, 75, 0.7) 0%, rgba(69, 71, 75, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(69, 71, 75, 0.7) 0%, rgba(69, 71, 75, 0) 100%);
    background: linear-gradient(0deg, rgba(69, 71, 75, 0.7) 0%, rgba(69, 71, 75, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45474b", endColorstr="#45474b", GradientType=1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.sec-videos-consent .box-video-consent .cover-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.8s;
}

.sec-videos-consent .box-video-consent:hover .cover-video {
    transform: scale(1.1);
}

.sec-videos-consent .box-video-consent .details {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    padding: 140px 30px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.sec-videos-consent .box-video-consent .details .outer-play {
    position: relative;
    border: 3px solid rgba(255, 255, 255, 0.30);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-videos-consent .box-video-consent .details .outer-play::before {
    content: "";
    border: 2px solid rgba(255, 255, 255, 0.20);
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: absolute;
    animation: out1 1s alternate infinite;
}

@keyframes out1 {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.sec-videos-consent .box-video-consent .details .outer-play::after {
    content: "";
    border: 2px solid rgba(255, 255, 255, 0.10);
    width: 140px;
    height: 140px;
    border-radius: 100%;
    position: absolute;
    animation: out2 1s alternate infinite;
    animation-delay: 1s;
}

@keyframes out2 {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.sec-videos-consent .box-video-consent .details .btn-play {
    position: relative;
    background: rgba(255, 255, 255, 0.30);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--whitecolor);
    z-index: 10;
    transition: all 0.3s;
}

.sec-videos-consent .box-video-consent .details .btn-play:hover {
    background-color: var(--subcolor);
    color: var(--yellowcolor);
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.5);
    transform: scale(0.9);
}

.sec-videos-consent .box-video-consent .details .content-video {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.sec-videos-consent .box-video-consent .content-video .sub-title {
    background-color: var(--maincolor);
    border-radius: 10px;
    padding: 2px 5px 3px;
    font-size: 12px;
    font-weight: 600;
    color: var(--whitecolor);
}

.sec-videos-consent .box-video-consent .content-video .state {
    background-color: var(--yellowcolor);
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    color: var(--subcolor);
}

.sec-videos-consent .box-video-consent .content-video .state.external {
    background-color: var(--redcolor);
    color: var(--whitecolor);
}

.sec-videos-consent .list-videos {
    position: relative;
}

.sec-videos-consent .list-videos::before,
.sec-videos-consent .list-videos::after {
    content: "";
    background: rgb(245, 247, 248);
    background: -moz-linear-gradient(90deg, rgba(245, 247, 248, 0) 0%, rgba(245, 247, 248, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(245, 247, 248, 0) 0%, rgba(245, 247, 248, 1) 100%);
    background: linear-gradient(90deg, rgba(245, 247, 248, 0) 0%, rgba(245, 247, 248, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f7f8", endColorstr="#f5f7f8", GradientType=1);
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 50;
}

.sec-videos-consent .list-videos::after {
    transform: scaleX(-1);
    right: auto;
    left: 0;
}

.sec-videos-consent .list-videos .swiper-gohar-next {
    right: 75px;
    top: 44%;
}

.sec-videos-consent .list-videos .swiper-gohar-prev {
    left: 75px;
    top: 44%;
}

.sec-videos-consent .swiper-videos-consent {
    overflow: visible;
}

/*---------------------- /Section Videos Consent ---------------------*/

/*---------------------- Section Banner Catalog ---------------------*/

.sec-banner-catalog {
    position: relative;
    margin-top: 140px;
}

.sec-banner-catalog::before {
    content: "";
    background-color: var(--maincolor);
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    border-radius: 100%;
    opacity: 0.5;
    filter: blur(200px);
    position: absolute;
    left: 50px;
    top: -100px;
    z-index: -1;
}

.sec-banner-catalog .box-banner-gohar {
    position: relative;
    background-color: var(--whitecolor);
    width: 100%;
    height: 200px;
    padding: 30px 350px 30px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 40px;
    box-shadow: 0px 4px 250px 0px rgba(69, 71, 75, 0.05);
    z-index: 100;
}

.sec-banner-catalog .box-banner-gohar .img-catalog {
    position: absolute;
    right: 0;
    bottom: 20px;
    height: 220px;
    z-index: 150;
}

.sec-banner-catalog .box-banner-gohar .details-box {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 200;
}

.sec-banner-catalog .box-banner-gohar .content .title {
    font-size: 30px;
    font-weight: 400;
    color: var(--blackcolor);
    margin: 0 0 5px;
}

.sec-banner-catalog .box-banner-gohar .content .title>strong {
    font-weight: 800;
    color: var(--maincolor);
}

.sec-banner-catalog .box-banner-gohar .content .desc {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-banner-catalog .box-banner-gohar .info-count {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sec-banner-catalog .box-banner-gohar .info-count .btn-send-gohar {
    background-color: var(--maincolor);
    display: flex;
    height: 70px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.40);
    font-size: 16px;
    font-weight: 600;
    color: var(--whitecolor);
    border: none;
    flex-shrink: 0;
    margin-right: 30px;
    transition: all 0.3s;
}

.sec-banner-catalog .box-banner-gohar .info-count .btn-send-gohar:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.5);
}

.sec-banner-catalog .box-banner-gohar .info-count .btn-send-gohar .arrow-left {
    background-color: var(--whitecolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 10px;
    font-size: 24px;
    color: var(--maincolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.sec-banner-catalog .box-banner-gohar .info-count .btn-send-gohar:hover .arrow-left {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.sec-banner-catalog .box-banner-gohar .details-count {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-banner-catalog .box-banner-gohar .details-count .number {
    background-color: var(--yellowcolor);
    display: flex;
    width: 70px;
    height: 70px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
    font-size: 28px;
    font-weight: 700;
    color: var(--subcolor);
    margin-left: 15px;
}

.sec-banner-catalog .box-banner-gohar .details-count .title-cnt {
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 5px;
}

.sec-banner-catalog .box-banner-gohar .details-count .title-cnt>strong {
    color: var(--maincolor);
    font-weight: 700;
    margin: 0 2px;
}

.sec-banner-catalog .box-banner-gohar .details-count .desc-cnt {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
}

/*---------------------- /Section Banner Catalog ---------------------*/

/*---------------------- Section Ads Banners ---------------------*/

.sec-ads-banners {
    margin-top: 50px;
}

.sec-ads-banners .row-ads {
    margin: 0 -10px;
    flex-wrap: nowrap;
}

.sec-ads-banners .item-ads {
    padding: 0 10px;
    transition: all 0.3s;
}

.sec-ads-banners .item-ads:hover,
.sec-ads-banners .item-ads.active {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
}

.sec-ads-banners .item-ads .box-ads {
    position: relative;
    display: block;
    background-color: var(--whitecolor);
    width: 100%;
    height: 150px;
    padding: 0;
    border-radius: 25px;
    overflow: hidden;
}

.sec-ads-banners .item-ads .box-ads::after {
    content: "";
    background: rgb(69, 71, 75);
    background: -moz-linear-gradient(90deg, rgba(69, 71, 75, 0.08) 0%, rgba(69, 71, 75, 0.8) 100%);
    background: -webkit-linear-gradient(90deg, rgba(69, 71, 75, 0.08) 0%, rgba(69, 71, 75, 0.8) 100%);
    background: linear-gradient(90deg, rgba(69, 71, 75, 0.08) 0%, rgba(69, 71, 75, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45474b", endColorstr="#45474b", GradientType=1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.sec-ads-banners .item-ads.active .box-ads::after {
    opacity: 1;
    visibility: visible;
}

.sec-ads-banners .item-ads .box-ads .bg-banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.sec-ads-banners .item-ads.active .box-ads .bg-banner {
    opacity: 1;
    visibility: visible;
}

.sec-ads-banners .item-ads .box-ads .status {
    background-color: var(--redcolor);
    padding: 6px 8px 6px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 23px;
    border-radius: 100px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 100;
    font-size: 14px;
    font-weight: 700;
    color: var(--whitecolor);
}

.sec-ads-banners .item-ads .box-ads .status.new {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.sec-ads-banners .item-ads .box-ads .first-details {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    gap: 15px;
    height: 100%;
    transition: all 0.3s;
}

.sec-ads-banners .item-ads.active .box-ads .first-details {
    opacity: 0;
    visibility: hidden;
}

.sec-ads-banners .item-ads .box-ads .first-details .img-icon {
    height: 45px;
}

.sec-ads-banners .item-ads .box-ads .first-details .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.sec-ads-banners .item-ads .box-ads .first-details .count {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
}

.sec-ads-banners .item-ads .box-ads .second-details {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    transition: all 0.3s;
}

.sec-ads-banners .item-ads.active .box-ads .second-details {
    opacity: 1;
    visibility: visible;
}

.sec-ads-banners .item-ads .box-ads .second-details .title {
    font-size: 22px;
    font-weight: 700;
    color: var(--whitecolor);
    margin: 0;
}

.sec-ads-banners .item-ads .box-ads .second-details .count {
    font-size: 14px;
    font-weight: 400;
    color: var(--lightcolor);
}

.sec-ads-banners .item-ads .box-ads .second-details .img-icon {
    height: 70px;
    filter: brightness(0) invert(1) opacity(0.5);
}

/*---------------------- /Section Ads Banners ---------------------*/

/*---------------------- Section Certificates ---------------------*/

.sec-certificates {
    position: relative;
    margin-top: 100px;
}

.sec-certificates::before {
    content: "";
    background-color: var(--yellowcolor);
    width: 500px;
    height: 500px;
    flex-shrink: 0;
    border-radius: 100%;
    opacity: 0.1;
    filter: blur(500px);
    position: absolute;
    right: -250px;
    top: -190px;
    z-index: -1;
}

.sec-certificates .row {
    justify-content: space-between;
}

.sec-certificates .arrows {
    background-color: var(--subcolor);
    width: 50px;
    height: 25px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.sec-certificates .arrows .sw-arrow {
    display: flex;
    font-size: 16px;
    color: var(--whitecolor);
}

.sec-certificates .arrows .sw-arrow.swiper-button-disabled {
    opacity: 0.3;
}

.sec-certificates .list-licenses {
    padding-left: 0;
}

.sec-certificates .list-licenses .box-license {
    background-color: var(--whitecolor);
    height: 350px;
    padding: 20px 20px 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 25px;
    text-align: center;
}

.sec-certificates .list-licenses .box-license .box-image {
    position: relative;
    display: flex;
    width: 100%;
    height: 220px;
    border-radius: 15px;
    border: 4px solid var(--lightcolor);
    overflow: hidden;
}

.sec-certificates .list-licenses .box-license .box-image::before {
    content: "";
    background-color: var(--subcolor);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: all 0.3s;
}

.sec-certificates .list-licenses .box-license .box-image:hover::before {
    opacity: 0.7;
    visibility: visible;
}

.sec-certificates .list-licenses .box-license .box-image::after {
    content: "\e93f";
    font-family: 'icomoon';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    color: var(--whitecolor);
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: all 0.3s;
}

.sec-certificates .list-licenses .box-license .box-image:hover::after {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.sec-certificates .list-licenses .box-license .box-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.sec-certificates .list-licenses .box-license .box-image:hover>img {
    transform: scale(1.1);
    filter: grayscale(1);
}

.sec-certificates .list-licenses .box-license .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.sec-certificates .list-licenses .box-license .date {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
}

.sec-certificates .list-certificates .arrows {
    transform: rotate(90deg);
    margin-left: -10px;
}

.sec-certificates .swiper-list-certificates {
    height: 350px;
}

.sec-certificates .list-certificates .box-certificate {
    background-color: var(--whitecolor);
    width: 100%;
    height: 105px;
    padding: 25px 25px 25px 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec-certificates .list-certificates .box-certificate .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.sec-certificates .list-certificates .box-certificate .date {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
}

.sec-certificates .list-certificates .box-certificate .box-image {
    width: 90px;
    text-align: center;
}

.sec-certificates .list-certificates .box-certificate .box-image>img {
    height: 70px;
    flex-shrink: 0;
}

.sec-certificates .list-certificates .box-certificate .box-image {
    width: 80px;
}

.sec-certificates .list-certificates .box-certificate .box-image>img {
    height: 60px;
}

/*---------------------- /Section Certificates ---------------------*/

/*---------------------- Section Best Seller ---------------------*/

.sec-best-seller {
    margin-top: 100px;
    overflow: hidden;
}

.sec-best-seller .head-sec-gohar {
    margin-bottom: 20px;
}

.sec-best-seller .list-products {
    position: relative;
}

.sec-best-seller .list-products::before,
.sec-best-seller .list-products::after {
    content: "";
    background: rgb(245, 247, 248);
    background: -moz-linear-gradient(90deg, rgba(245, 247, 248, 0) 0%, rgba(245, 247, 248, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(245, 247, 248, 0) 0%, rgba(245, 247, 248, 1) 100%);
    background: linear-gradient(90deg, rgba(245, 247, 248, 0) 0%, rgba(245, 247, 248, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f7f8", endColorstr="#f5f7f8", GradientType=1);
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 50;
}

.sec-best-seller .list-products::after {
    transform: scaleX(-1);
    right: auto;
    left: 0;
}

.sec-best-seller .list-products .swiper-gohar-next {
    right: 75px;
    top: 44%;
}

.sec-best-seller .list-products .swiper-gohar-prev {
    left: 75px;
    top: 44%;
}

.sec-best-seller .swiper-best-seller {
    overflow: visible;
    padding: 20px 0;
}

.sec-best-seller .swiper-best-seller .box-product-gohar {
    margin: 0;
}

/*---------------------- /Section Best Seller ---------------------*/

/*---------------------- Section Gohar News ---------------------*/

.sec-gohar-news {
    position: relative;
    margin-top: 80px;
}

.sec-gohar-news::before {
    content: "";
    background-color: var(--maincolor);
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    border-radius: 100%;
    opacity: 0.5;
    filter: blur(200px);
    position: absolute;
    left: -100px;
    bottom: -50px;
    z-index: -1;
}

.sec-gohar-news .item-news {
    transition: all 0.3s;
}

.sec-gohar-news .row:hover .item-news {
    filter: blur(3px) opacity(0.5);
}

.sec-gohar-news .row .item-news:hover {
    filter: none;
}

.sec-gohar-news .item-news .image-news {
    display: flex;
    width: 100%;
    height: 200px;
    border-radius: 25px;
    overflow: hidden;
}

.sec-gohar-news .item-news .image-news>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.sec-gohar-news .item-news:hover .image-news>img {
    transform: scale(1.1);
}

.sec-gohar-news .item-news .title-news {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: right;
    margin: 20px 0 15px;
}

.sec-gohar-news .item-news .title-news>a {
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.sec-gohar-news .item-news:hover .title-news>a {
    color: var(--maincolor);
}

.sec-gohar-news .item-news .desc-news {
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: var(--textcolor);
    text-align: right;
    line-height: 30px;
    margin: 0;
}

.sec-gohar-news .item-news .options-news {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.sec-gohar-news .item-news .options-news .item-op {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: 400;
    color: var(--blackcolor);
}

.sec-gohar-news .item-news .options-news .item-op>i {
    font-size: 22px;
    color: var(--textcolor);
    margin-left: 8px;
}

.sec-gohar-news .item-news .options-news .item-op>span {
    display: flex;
    padding-top: 5px;
}

/*---------------------- /Section Gohar News ---------------------*/

/*---------------------- Section Agencies News ---------------------*/

.sec-agancies-news {
    margin-top: 40px;
}

.sec-agancies-news .head-sec-gohar {
    margin: 0;
    padding-left: 0;
}

.sec-agancies-news .head-sec-gohar .text {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 5px;
}

.sec-agancies-news .head-sec-gohar .title>strong {
    color: var(--redcolor);
}

.sec-agancies-news .head-sec-gohar .title>strong::after {
    display: none;
}

.sec-agancies-news .swiper-agancies-news {
    padding: 20px 0;
}

.sec-agancies-news .list-agancies .item-ags {
    background-color: var(--whitecolor);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
    border-radius: 20px;
    height: 100px;
    transition: all 0.3s;
}

.sec-agancies-news .list-agancies .item-ags:hover {
    box-shadow: 0px 4px 30px 0px rgba(69, 71, 75, 0.08);
}

.sec-agancies-news .list-agancies .item-ags .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.sec-agancies-news .list-agancies .item-ags .content .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 2px;
}

.sec-agancies-news .list-agancies .item-ags .content .date {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    margin: 0;
}

.sec-agancies-news .list-agancies .item-ags .arrow-left {
    background-color: var(--textcolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 10px;
    font-size: 24px;
    color: var(--whitecolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.sec-agancies-news .list-agancies .item-ags:hover .arrow-left {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
    margin-left: 5px;
}

/*---------------------- /Section Agencies News ---------------------*/

/*---------------------- Section Features Gohar ---------------------*/

.sec-features-gohar {
    margin-top: 100px;
}

.sec-features-gohar .row-features {
    gap: 60px;
    margin: 0;
}

.sec-features-gohar .box-fts {
    background-color: var(--lightcolor);
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 20px;
    transition: all 0.3s;
}

.sec-features-gohar .box-fts:hover {
    background-color: var(--whitecolor);
    box-shadow: 0px 0 15px 0px rgba(69, 71, 75, 0.2) inset;
    padding: 0 25px;
}

.sec-features-gohar .box-fts .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
}

.sec-features-gohar .box-fts .content .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 5px;
    transition: all 0.3s;
}

.sec-features-gohar .box-fts:hover .content .title {
    color: var(--maincolor);
}

.sec-features-gohar .box-fts .content .desc {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-features-gohar .box-fts .fts-icon {
    font-size: 45px;
    color: var(--maincolor);
    transition: all 0.3s;
}

.sec-features-gohar .box-fts:hover .fts-icon {
    color: var(--yellowcolor);
}

/*---------------------- /Section Features Gohar ---------------------*/

/*---------------------- /Main ---------------------*/

/*---------------------- Footer ---------------------*/

.footer-main {
    position: relative;
    margin-top: 50px;
    background-color: var(--whitecolor);
    box-shadow: 0px 20px 60px 0px rgba(69, 71, 75, 0.12) inset;
    padding: 60px 0 30px;
    height: auto;
    overflow: hidden;
}

.footer-main::before {
    content: "";
    background: url('../images/site/bg-noise.png') repeat center center / 1000px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.05;
}

.footer-main .footer-about {
    position: relative;
}

.footer-main .footer-about::before {
    content: "";
    background-color: var(--yellowcolor);
    width: 500px;
    height: 500px;
    flex-shrink: 0;
    border-radius: 100%;
    opacity: 0.1;
    filter: blur(500px);
    position: absolute;
    right: -360px;
    top: -250px;
}

.footer-main .footer-about::after {
    content: "";
    background-color: var(--maincolor);
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    border-radius: 100%;
    opacity: 0.5;
    filter: blur(200px);
    position: absolute;
    left: -50px;
    top: 100px;
}

.footer-main .footer-about .row {
    justify-content: space-between;
}

.footer-main .footer-about .head-about {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-main .footer-about .logo-main {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.footer-main .footer-about .logo-main>img {
    width: 80px;
    flex-shrink: 0;
    margin-left: 15px;
}

.footer-main .footer-about .logo-main .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.3;
}

.footer-main .footer-about .logo-main .title {
    font-size: 27px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.footer-main .footer-about .logo-main .slogan {
    font-size: 12.5px;
    font-weight: 400;
    color: var(--blackcolor);
}

.footer-main .footer-about .desc-about {
    font-size: 16px;
    text-align: justify;
    font-weight: 400;
    line-height: 35px;
    color: var(--textcolor);
    margin: 40px 0;
}

.footer-main .footer-about .socials-website .title-sc {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 20px;
}

.footer-main .footer-about .socials-website .list-sc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.footer-main .footer-about .socials-website .item-sc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s;
}

.footer-main .footer-about .socials-website .item-sc.active {
    margin: 0 5px;
}

.footer-main .footer-about .socials-website .item-sc .box-icon {
    background: rgba(155, 164, 180, 0.50);
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-size: 25px;
    color: var(--whitecolor);
    transition: all 0.3s;
}

.footer-main .footer-about .socials-website .item-sc.active .box-icon {
    background-color: var(--maincolor);
}

.footer-main .footer-about .socials-website .item-sc .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: right;
    width: 0;
    height: 50px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    transition: all 0.3s;
}

.footer-main .footer-about .socials-website .item-sc.active .text {
    width: 220px;
    opacity: 1;
    visibility: visible;
    margin-right: 15px;
    transition-delay: 0.2s;
}

.footer-main .footer-about .socials-website .item-sc .title {
    font-size: 16px;
    font-weight: 700;
    color: var(--maincolor);
    margin: 0;
}

.footer-main .footer-about .socials-website .item-sc .desc {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.footer-main .footer-about .head-tell {
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-main .footer-about .head-tell .title-head {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.footer-main .footer-about .contacts-about .row-tel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.footer-main .footer-about .contacts-about .fullname {
    font-size: 16px;
    font-weight: 500;
    color: var(--textcolor);
}

.footer-main .footer-about .contacts-about .tel-number {
    font-size: 20px;
    font-weight: 800;
    color: var(--maincolor);
    direction: ltr;
}

.footer-main .footer-about .spacing {
    border-top: 1px solid rgba(155, 164, 180, 0.50);
    opacity: 0.3;
    margin: 30px 0;
}

.footer-main .footer-about .head-address {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.footer-main .footer-about .head-address .title-head {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.footer-main .footer-about .head-address .btn-google-map {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
}

.footer-main .footer-about .head-address .btn-google-map>img {
    width: 22px;
    margin-right: 10px;
}

.footer-main .footer-about .head-address .btn-google-map:hover>img {
    animation: bounce 1s infinite;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-2px);
    }

    50% {
        transform: translateY(2px);
    }

    100% {
        transform: translateY(0);
    }
}

.footer-main .footer-about .list-address .map-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-main .footer-about .list-address .item-adrs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 260px;
    flex-shrink: 0;
}

.footer-main .footer-about .list-address .item-adrs:not(:last-child) {
    margin: 0 0 30px;
}

.footer-main .footer-about .list-address .item-adrs .title {
    font-size: 18px;
    font-weight: 800;
    color: var(--blackcolor);
    margin: 0 0 10px;
    transition: all 0.3s;
}

.footer-main .footer-about .list-address .item-adrs:hover .title {
    color: var(--maincolor);
}

.footer-main .footer-about .list-address .item-adrs .text {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
    margin: 0;
}

.footer-main .footer-about .list-address .box-map {
    background-color: var(--lightcolor);
    width: 330px;
    height: 190px;
    border-radius: 25px;
    overflow: hidden;
}

.footer-main .footer-about .list-address .box-map iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    filter: grayscale(1);
}

.footer-main .footer-links .box-outer-links {
    background-color: var(--lightcolor);
    position: relative;
    display: flex;
    width: 100%;
    height: 200px;
    padding: 30px 50px;
    justify-content: flex-end;
    align-items: center;
    gap: 100px;
    border-radius: 30px;
    margin-top: 60px;
    z-index: 10;
}

.footer-main .footer-links .box-outer-links .box-col-links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 30px;
    flex: 1 0 0;
}

.footer-main .footer-links .box-col-links .head-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.footer-main .footer-links .box-col-links .head-links .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.footer-main .footer-links .box-col-links .head-links .btn-more {
    font-size: 16px;
    font-weight: 700;
    color: var(--textcolor);
    margin: 0;
    transition: all 0.3s;
}

.footer-main .footer-links .box-col-links .head-links .btn-more:hover {
    color: var(--maincolor);
}

.footer-main .footer-links .box-col-links .list-links {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    align-self: stretch;
}

.footer-main .footer-links .box-col-links .row-links {
    display: flex;
    height: 25px;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    align-self: stretch;
    width: 100%;
    padding: 0;
    margin: 0;
}

.footer-main .footer-links .box-col-links .row-links li {
    display: flex;
    width: auto;
    justify-content: flex-end;
    align-items: center;
}

.footer-main .footer-links .box-col-links .row-links a {
    font-size: 16px;
    font-weight: 400;
    flex: 1 0 0;
    color: var(--textcolor);
    transition: all 0.3s;
}

.footer-main .footer-links .box-col-links .row-links a:hover {
    color: var(--maincolor);
    font-weight: 600;
}

.footer-main .footer-bottom {
    position: relative;
    margin-top: 30px;
    z-index: 10;
}

.footer-main .footer-bottom .row {
    justify-content: space-between;
    margin: 0;
}

.footer-main .footer-bottom .space-col {
    width: 400px;
    flex-shrink: 0;
}

.footer-main .footer-bottom .sec-copyright {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-main .footer-bottom .sec-copyright .designer {
    font-size: 14px;
    font-weight: 700;
    color: var(--blackcolor);
}

.footer-main .footer-bottom .sec-copyright .copyright {
    font-size: 14px;
    font-weight: 400;
    color: var(--textcolor);
}

.footer-main .footer-bottom .licenses-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.footer-main .footer-bottom .licenses-footer img {
    height: 40px;
}

.footer-main .footer-bottom .item-lcs {
    position: relative;
    width: 40px;
}

.footer-main .footer-bottom .item-lcs .tooltip-text {
    background-color: var(--whitecolor);
    padding: 10px 15px;
    border-radius: 12px;
    width: 150px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    color: var(--textcolor);
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.5);
    position: absolute;
    bottom: 45px;
    right: -54px;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    transition: all 0.6s;
}

.footer-main .footer-bottom .item-lcs:hover .tooltip-text {
    opacity: 1;
    visibility: visible;
}

.footer-main .footer-bottom .sec-slogan {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.footer-main .footer-bottom .sec-slogan .btn-gotop {
    display: flex;
    background-color: var(--maincolor);
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 20px;
    font-size: 24px;
    color: var(--whitecolor);
    margin-right: 10px;
    transition: all 0.3s;
}

.footer-main .footer-bottom .sec-slogan .btn-gotop:hover {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
}

.footer-main .footer-bottom .sec-slogan .content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-main .footer-bottom .sec-slogan .title {
    font-size: 16px;
    font-weight: 700;
    color: var(--maincolor);
}

.footer-main .footer-bottom .sec-slogan .slogan {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
}

.footer-main .vectors .rect-occ {
    position: absolute;
    width: 90px;
    bottom: 43%;
    right: 42%;
    z-index: 0;
    pointer-events: none;
    transform: scale(-1) rotate(15deg);
    filter: brightness(0) opacity(0.03);
}

.footer-main .vectors .rect-obr {
    position: absolute;
    width: 55px;
    bottom: 35%;
    right: 90px;
    z-index: 0;
    pointer-events: none;
    transform: scaleY(-1) rotate(-5deg);
    filter: brightness(0) opacity(0.03);
}

.footer-main .vectors .sqr-otr {
    position: absolute;
    width: 40px;
    top: 45px;
    right: 30px;
    z-index: 0;
    pointer-events: none;
    transform: scaleY(-1) rotate(-10deg);
    filter: brightness(0) opacity(0.03);
}

.footer-main .vectors .sqr-obl {
    position: absolute;
    width: 40px;
    bottom: 86px;
    left: 70px;
    z-index: 0;
    pointer-events: none;
    transform: rotate(-15deg);
    filter: brightness(0) opacity(0.03);
}

.footer-main .vectors .trg-otl {
    position: absolute;
    width: 190px;
    top: -130px;
    left: 20%;
    z-index: 0;
    pointer-events: none;
    transform: scale(-1) rotate(3deg);
    filter: brightness(0) opacity(0.03);
}

.footer-main .vectors .trg-ocl {
    position: absolute;
    width: 106px;
    top: 35%;
    left: -35px;
    z-index: 0;
    pointer-events: none;
    transform: scaleY(-1) rotate(3deg);
    filter: brightness(0) opacity(0.03);
}

/*---------------------- /Footer ---------------------*/

.tabs-footer {
    position: fixed;
    background-color: var(--white);
    box-shadow: 0px -4px 30px 0px rgba(0, 69, 61, 0.40);
    border-radius: 20px 20px 0 0;
    display: none;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
}

.tabs-footer .item-tabft {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
}

.tabs-footer .item-tabft.side-link {
    width: 40%;
    font-size: 13px;
    font-weight: 600;
    color: var(--darkcolor);
}

.tabs-footer .item-tabft.cart-link {
    width: 20%;
    font-size: 11px;
    font-weight: 600;
    color: var(--darkcolor);
}

.tabs-footer .item-tabft.cart-link .box-icon {
    position: relative;
    background-color: var(--maincolor);
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--white);
    margin-top: -25px;
    margin-bottom: 5px;
}

.tabs-footer .item-tabft.cart-link .box-icon .count {
    background-color: var(--yellowcolor);
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
    position: absolute;
    top: -3px;
    right: 1px;
    z-index: 10;
    color: var(--subcolor);
}

/*---------------------- Page Styles ---------------------*/

.header-main.header-pages {
    padding: 30px;
    background-color: var(--whitecolor);
    box-shadow: 0px -20px 60px 0px rgba(69, 71, 75, 0.12) inset;
}

.header-main.header-pages .head-menu {
    margin-top: 0;
}

.header-main.header-pages .head-menu .options-head .btn-option {
    background-color: var(--maincolor);
    color: var(--whitecolor);
}

.header-main.header-pages .head-menu .options-head .btn-option:hover {
    background-color: var(--subcolor);
}

.content-pages {
    position: relative;
    padding-top: 60px;
}

.sec-breadcrumb {
    margin-bottom: 40px;
}

.outer-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.outer-breadcrumb .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.outer-breadcrumb .breadcrumb .breadcrumb-item,
.outer-breadcrumb .breadcrumb .breadcrumb-item>a {
    font-size: 12px;
    font-weight: 600;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.outer-breadcrumb .breadcrumb .breadcrumb-item>a:hover {
    color: var(--maincolor);
}

.outer-breadcrumb .breadcrumb .breadcrumb-item {
    font-weight: 400;
    color: var(--textcolor);
    padding: 0;
}

.outer-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "\e91e";
    font-family: 'icomoon';
    font-size: 15px;
    display: inline-block;
    padding: 0 10px;
    color: var(--textcolor);
    opacity: 0.5;
    line-height: 1.1;
}

.outer-breadcrumb .btn-share-page {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
    font-size: 12px;
    font-weight: 600;
    color: var(--blackcolor);
    flex-shrink: 0;
    transition: all 0.3s;
}

.outer-breadcrumb .btn-share-page:hover {
    color: var(--maincolor);
}

.outer-breadcrumb .btn-share-page>i {
    font-size: 20px;
    color: var(--textcolor);
    margin-right: 10px;
    transition: all 0.3s;
}

.outer-breadcrumb .btn-share-page:hover>i {
    color: var(--subcolor);
}

.content-pages .sec-header-product .images-product {
    background-color: var(--whitecolor);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 540px;
    padding: 30px;
    border-radius: 30px;
}

.content-pages .sec-header-product .images-product .head-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-pages .sec-header-product .images-product .btns-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.content-pages .sec-header-product .images-product .btns-head .btn-item {
    font-size: 20px;
    color: var(--textcolor);
}

.content-pages .sec-header-product .images-product .btns-head .icon-bookmark {
    font-size: 22px;
    transition: all 0.3s;
}

.content-pages .sec-header-product .images-product .btns-head .icon-bookmark-fill {
    color: var(--maincolor);
}

.content-pages .sec-header-product .images-product .arrows {
    background-color: var(--textcolor);
    width: 50px;
    height: 25px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.content-pages .sec-header-product .images-product .arrows .sw-arrow {
    display: flex;
    font-size: 16px;
    color: var(--whitecolor);
}

.content-pages .sec-header-product .images-product .arrows .sw-arrow.swiper-button-disabled {
    opacity: 0.3;
}

.content-pages .sec-header-product .swiper-images-product {
    width: 100%;
    flex-shrink: 0;
}

.content-pages .sec-header-product .swiper-images-product .swiper-slide {
    text-align: center;
}

.content-pages .sec-header-product .swiper-images-product .swiper-slide img {
    width: 200px;
}

.content-pages .sec-header-product .swiper-thumbs-product {
    width: 100%;
    flex-shrink: 0;
}

.content-pages .sec-header-product .swiper-thumbs-product .swiper-slide {
    cursor: pointer;
    background-color: var(--lightcolor);
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    transition: all 0.3s;
}

.content-pages .sec-header-product .swiper-thumbs-product .swiper-slide-thumb-active {
    background-color: rgba(155, 164, 180, 0.30);
}

.content-pages .sec-header-product .swiper-thumbs-product .swiper-slide>img {
    height: 50px;
}

.content-pages .sec-header-product .cart-details {
    padding: 0;
}

.content-pages .sec-header-product .cart-details .box-cart {
    background-color: var(--whitecolor);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 430px;
    padding: 30px;
    border-radius: 30px;
}

.content-pages .sec-header-product .cart-details .warning-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.content-pages .sec-header-product .cart-details .warning-info .title-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-pages .sec-header-product .cart-details .warning-info .title {
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.content-pages .sec-header-product .cart-details .warning-info .icon-info {
    font-size: 20px;
    color: var(--textcolor);
}

.content-pages .sec-header-product .cart-details .warning-info .desc-info {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    color: var(--textcolor);
}

.content-pages .sec-header-product .cart-details .bottom-cart {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
}

.content-pages .sec-header-product .cart-details .options {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2px;
}

.content-pages .sec-header-product .cart-details .options .price .pr-title {
    display: flex;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
}

.content-pages .sec-header-product .cart-details .options .price .pr-number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 25px;
    font-weight: 700;
    color: var(--blackcolor);
    line-height: 1.2;
}

.content-pages .sec-header-product .cart-details .options .price .pr-number .unit {
    font-size: 14px;
    font-weight: 600;
    color: var(--blackcolor);
    margin-right: 5px;
}

.content-pages .sec-header-product .cart-details .options .offer {
    background-color: var(--yellowcolor);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 800;
    color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
}

.content-pages .sec-header-product .cart-details .counter {
    background-color: var(--lightcolor);
    border-radius: 20px;
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 80px;
    align-self: stretch;
}

.content-pages .sec-header-product .cart-details .counter .lbl-counter {
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    color: var(--blackcolor);
}

.content-pages .sec-header-product .cart-details .counter .countnumber-gohar {
    display: flex;
    height: 20px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
}

.content-pages .sec-header-product .cart-details .counter .bsh-count {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    color: var(--textcolor);
    font-size: 20px;
    opacity: 0.5;
    transition: all 0.3s;
}

.content-pages .sec-header-product .cart-details .counter .bsh-count:hover {
    opacity: 1;
}

.content-pages .sec-header-product .cart-details .counter .number {
    font-size: 22px;
    font-weight: 600;
    color: var(--blackcolor);
}

.content-pages .sec-header-product .cart-details .btn-add-cart {
    background-color: var(--maincolor);
    display: flex;
    width: 100%;
    height: 70px;
    padding: 25px;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.40);
    font-size: 16px;
    font-weight: 700;
    color: var(--whitecolor);
    border: none;
    flex-shrink: 0;
    transition: all 0.3s;
}

.content-pages .sec-header-product .cart-details .btn-add-cart:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.5);
}

.content-pages .sec-header-product .cart-details .btn-add-cart .icon-plus-small {
    background-color: var(--whitecolor);
    width: 35px;
    height: 25px;
    border-radius: 100px;
    font-size: 24px;
    color: var(--maincolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.content-pages .sec-header-product .cart-details .btn-add-cart:hover .icon-plus-small {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.content-pages .sec-header-product .cart-details .btn-download-catalog,
.sec-news-details .cart-details .btn-list-comments {
    background-color: var(--whitecolor);
    height: 90px;
    padding: 30px;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: 20px;
    transition: all 0.3s;
}

.content-pages .sec-header-product .cart-details .btn-download-catalog:hover,
.sec-news-details .cart-details .btn-list-comments:hover {
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
}

.content-pages .sec-header-product .cart-details .btn-download-catalog .content,
.sec-news-details .cart-details .btn-list-comments .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
}

.content-pages .sec-header-product .cart-details .btn-download-catalog .title,
.sec-news-details .cart-details .btn-list-comments .title {
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.content-pages .sec-header-product .cart-details .btn-download-catalog .desc,
.sec-news-details .cart-details .btn-list-comments .desc {
    font-size: 12px;
    font-weight: 400;
    color: var(--textcolor);
}

.content-pages .sec-header-product .cart-details .btn-download-catalog>i,
.sec-news-details .cart-details .btn-list-comments>i {
    font-size: 28px;
    color: var(--maincolor);
}

.content-pages .sec-header-product .details-product {
    padding: 20px 50px;
}

.content-pages .sec-header-product .details-product .product-name {
    font-size: 22px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.content-pages .sec-header-product .details-product .weather {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.content-pages .sec-header-product .details-product .list-status {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.content-pages .sec-header-product .details-product .list-status>i {
    font-size: 20px;
    color: var(--textcolor);
}

.content-pages .sec-header-product .details-product .list-status>i.active {
    color: var(--redcolor);
}

.content-pages .sec-header-product .details-product .weather .status {
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--textcolor);
}

.content-pages .sec-header-product .details-product .row-features {
    margin-top: 40px;
}

.content-pages .sec-header-product .details-product .head-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 5px;
    margin-bottom: 15px;
}

.content-pages .sec-header-product .details-product .head-title-row .title {
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.content-pages .sec-header-product .details-product .head-title-row .btn-more {
    font-size: 15px;
    font-weight: 700;
    color: var(--maincolor);
    transition: all 0.3s;
}

.content-pages .sec-header-product .details-product .head-title-row .btn-more:hover {
    color: var(--subcolor);
}

.content-pages .sec-header-product .details-product .features {
    background: rgba(155, 164, 180, 0.10);
    border-radius: 25px;
    padding: 20px 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.content-pages .sec-header-product .details-product .features .row-fts {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-pages .sec-header-product .details-product .features .item-fts {
    position: relative;
    width: 95px;
    text-align: center;
}

.content-pages .sec-header-product .details-product .features .item-fts .sub-title {
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.content-pages .sec-header-product .details-product .features .item-fts .text {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: var(--blackcolor);
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.content-pages .sec-header-product .details-product .features .item-fts .tooltip-text {
    background-color: var(--whitecolor);
    padding: 10px 15px;
    border-radius: 12px;
    width: auto;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    color: var(--textcolor);
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.5);
    position: absolute;
    bottom: 25px;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    transition: all 0.6s;
}

.content-pages .sec-header-product .details-product .features .item-fts .text:hover+.tooltip-text {
    opacity: 1;
    visibility: visible;
}

.content-pages .sec-header-product .details-product hr.spacing {
    border-top-color: rgba(155, 164, 180, 0.2);
    width: 99%;
    margin: 40px auto;
}

.content-pages .sec-header-product .details-product .desc-text {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    color: var(--textcolor);
    text-align: justify;
    overflow: hidden;
    margin: 15px 0 0;
}

.content-pages .sec-features-gohar {
    margin: 40px 0;
}

.sec-other-contents .tab-contents {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--whitecolor);
    border-radius: 50px;
    padding: 30px;
    margin-bottom: 100px;
}

.sec-other-contents .tab-contents .head-sticky {
    position: sticky;
    width: 100%;
    align-self: flex-start;
    top: 0;
    z-index: 999;
    background-color: var(--lightcolor);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px 15px 30px;
    border-radius: 25px;
    margin-bottom: 60px;
    transition: all 0.3s;
}

.sec-other-contents .tab-contents .head-sticky.fixed {
    border-radius: 0 0 25px 25px;
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.3);
}

.sec-other-contents .head-sticky .list-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
}

.sec-other-contents .head-sticky .list-tabs .item-tab {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: var(--blackcolor);
    padding: 15px 0;
    transition: all 0.3s;
}

.sec-other-contents .head-sticky .list-tabs .item-tab.active {
    background-color: var(--whitecolor);
    border-radius: 15px;
    padding: 15px 30px;
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
    font-weight: 700;
    color: var(--maincolor);
}

.sec-other-contents .head-sticky .list-tabs .item-tab::after {
    content: "";
    width: 0;
    height: 4px;
    background-color: var(--maincolor);
    border-radius: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s 0.2s;
}

.sec-other-contents .head-sticky .list-tabs .item-tab.active::after {
    width: 60px;
    opacity: 1;
    visibility: visible;
}

.sec-other-contents .tab-contents .row-head-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.sec-other-contents .tab-contents .title-head-section {
    background-color: var(--maincolor);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px 5px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    color: var(--whitecolor);
    margin: 0 0 40px;
}

.sec-other-contents .tab-contents .row-head-between .title-head-section {
    margin: 0;
}

.sec-other-contents .tab-contents .row-head-between .desc-head-section {
    font-size: 16px;
    font-weight: 700;
    color: var(--textcolor);
}

.sec-other-contents .tab-contents hr.spacing {
    width: 100%;
    height: 1px;
    border: none;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    opacity: 0.12;
    margin: 60px 0;
}

.sec-other-contents .tab-contents .section {
    width: 100%;
}

.sec-other-contents .tab-contents .box-desc {
    position: relative;
    height: 950px;
    overflow: hidden;
}

.sec-other-contents .tab-contents .box-desc.show {
    height: auto;
    padding-bottom: 40px;
}

.sec-other-contents .tab-contents .box-desc::after {
    content: "";
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 230px;
    z-index: 1050;
}

.sec-other-contents .tab-contents .box-desc.show::after {
    display: none;
}

.sec-other-contents .tab-contents .box-desc h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 15px;
}

.sec-other-contents .tab-contents .box-desc p {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: justify;
    color: var(--blackcolor);
    margin: 0;
}

.sec-other-contents .tab-contents .box-desc p a {
    font-weight: 700;
    color: var(--maincolor);
    text-decoration: underline !important;
}

.sec-other-contents .tab-contents .box-desc .banner-desc {
    position: relative;
    background-color: var(--subcolor);
    height: 200px;
    padding: 30px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 40px;
    overflow: hidden;
    margin: 40px 0;
}

.sec-other-contents .tab-contents .box-desc .banner-desc::before {
    content: "";
    width: 600px;
    height: 600px;
    position: absolute;
    right: -150px;
    bottom: -400px;
    border-radius: 500px;
    opacity: 0.6;
    background: var(--maincolor);
    filter: blur(1000px);
}

.sec-other-contents .tab-contents .box-desc .banner-desc .details {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-other-contents .tab-contents .box-desc .banner-desc .svg-fruit {
    width: 90px;
    height: 90px;
    margin-left: 30px;
    flex-shrink: 0;
}

.sec-other-contents .tab-contents .box-desc .banner-desc .path-color {
    fill: var(--yellowcolor);
    stroke: var(--yellowcolor);
}

.sec-other-contents .tab-contents .box-desc .banner-desc .content .title {
    font-size: 28px;
    font-weight: 200;
    color: var(--whitecolor);
    margin: 0 0 5px;
}

.sec-other-contents .tab-contents .box-desc .banner-desc .content .title>strong {
    font-weight: 800;
}

.sec-other-contents .tab-contents .box-desc .banner-desc .content .desc {
    font-size: 18px;
    font-weight: 300;
    color: var(--whitecolor);
    margin: 0;
    line-height: normal;
}

.sec-other-contents .tab-contents .box-desc .banner-desc .btn-link-banner {
    background-color: var(--yellowcolor);
    display: flex;
    height: 70px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
    font-size: 16px;
    font-weight: 700;
    color: var(--subcolor);
    border: none;
    flex-shrink: 0;
    transition: all 0.3s;
}

.sec-other-contents .tab-contents .box-desc .banner-desc .btn-link-banner:hover {
    background-color: var(--whitecolor);
    box-shadow: 0px 4px 30px 0px rgba(255, 255, 255, 0.40);
}

.sec-other-contents .tab-contents .box-desc .banner-desc .btn-link-banner .arrow-left {
    background-color: var(--whitecolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 10px;
    font-size: 24px;
    color: var(--subcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.sec-other-contents .tab-contents .box-desc .banner-desc .btn-link-banner:hover .arrow-left {
    background-color: var(--subcolor);
    color: var(--whitecolor);
}

.sec-other-contents .tab-contents .box-desc .btn-more-description {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    z-index: 2000;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: var(--blackcolor);
    opacity: 0.5;
}

.sec-other-contents .tab-contents .box-desc .btn-more-description::before {
    content: "نمایش بیشتر";
}

.sec-other-contents .tab-contents .box-desc.show .btn-more-description::before {
    content: "نمایش کمتر";
}

.sec-other-contents .tab-contents .box-desc .btn-more-description>i {
    font-size: 18px;
    transition: all 0.3s;
}

.sec-other-contents .tab-contents .box-desc.show .btn-more-description>i {
    transform: rotate(180deg);
}

.sec-other-contents .tab-specification .row-specif {
    margin: 0 -7.5px;
    gap: 15px 0;
}

.sec-other-contents .tab-specification .item-specif {
    padding: 0 7.5px;
}

.sec-other-contents .tab-specification .box-specif {
    background-color: var(--lightcolor);
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec-other-contents .tab-specification .box-specif .label {
    font-size: 16px;
    font-weight: 700;
    color: var(--textcolor);
    text-align: right;
}

.sec-other-contents .tab-specification .box-specif .text {
    font-size: 16px;
    font-weight: 600;
    color: var(--blackcolor);
    text-align: left;
}

.sec-other-contents .tab-faqlist .list-accordian .accordion-item {
    background-color: var(--lightcolor);
    margin-bottom: 20px;
}

.sec-other-contents .tab-faqlist .list-accordian .accordion-item .accordion-header .title {
    font-size: 16px;
}

.sec-other-contents .tab-faqlist .list-accordian .accordion-item .accordion-header .box-icon {
    font-size: 22px;
}

.sec-other-contents .tab-faqlist .list-accordian .accordion-item:last-child {
    margin-bottom: 0;
}

.sec-other-contents .tab-faqlist .list-accordian .accordion-item.active {
    background-color: var(--whitecolor);
}

.sec-other-contents .tab-comments .item-comment,
.sec-news-details .content-news .item-comment,
.sec-profile-page .box-outer-profile .item-comment {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.sec-other-contents .tab-comments .item-comment.answer,
.sec-news-details .content-news .item-comment.answer {
    padding-right: 80px;
}

.sec-other-contents .tab-comments .box-comment,
.sec-news-details .content-news .box-comment,
.sec-profile-page .box-outer-profile .box-comment {
    position: relative;
    background-color: var(--lightcolor);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    padding: 20px;
    gap: 30px;
    border-radius: 30px;
    z-index: 100;
}

.sec-other-contents .tab-comments .item-comment.answer .box-comment,
.sec-news-details .content-news .item-comment.answer .box-comment {
    background-color: var(--whitecolor);
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
}

.sec-other-contents .tab-comments .item-comment.answer::before,
.sec-news-details .content-news .item-comment.answer::before {
    content: "";
    position: absolute;
    top: -40px;
    right: 40px;
    width: 1px;
    height: 37px;
    background: rgb(155, 164, 180);
    background: -moz-linear-gradient(0deg, rgba(155, 164, 180, 0.4) 0%, rgba(155, 164, 180, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(155, 164, 180, 0.4) 0%, rgba(155, 164, 180, 0) 100%);
    background: linear-gradient(0deg, rgba(155, 164, 180, 0.4) 0%, rgba(155, 164, 180, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9ba4b4", endColorstr="#9ba4b4", GradientType=1);
}

.sec-other-contents .tab-comments .item-comment.answer::after,
.sec-news-details .content-news .item-comment.answer::after {
    content: "";
    position: absolute;
    top: -3px;
    right: 40px;
    width: 90px;
    height: 50px;
    border-bottom-right-radius: 30px;
    border-right: 1px solid var(--textcolor);
    border-bottom: 1px solid var(--textcolor);
    opacity: 0.4;
}

.sec-other-contents .tab-comments .result-ratings,
.sec-news-details .content-news .result-ratings,
.modal-goharnahal .modal-form-comment .result-ratings {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    background-color: var(--whitecolor);
    width: 400px;
    padding: 20px;
    border-radius: 20px;
    flex-shrink: 0;
}

.sec-other-contents .tab-comments .result-ratings .item-rate,
.sec-news-details .content-news .result-ratings .item-rate,
.modal-goharnahal .modal-form-comment .result-ratings .item-rate {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(155, 164, 180, 0.2);
}

.sec-other-contents .tab-comments .result-ratings .item-rate:last-child,
.sec-news-details .content-news .result-ratings .item-rate:last-child,
.modal-goharnahal .modal-form-comment .result-ratings .item-rate:last-child {
    border-bottom: none;
}

.sec-other-contents .tab-comments .result-ratings .rating-gohar,
.sec-news-details .content-news .result-ratings .rating-gohar,
.modal-goharnahal .modal-form-comment .result-ratings .rating-gohar {
    gap: 10px;
}

.sec-other-contents .tab-comments .result-ratings .br-theme-bars-gohar .br-widget,
.sec-news-details .content-news .result-ratings .br-theme-bars-gohar .br-widget,
.modal-goharnahal .modal-form-comment .result-ratings .br-theme-bars-gohar .br-widget {
    width: 100px;
}

.sec-other-contents .tab-comments .result-ratings .br-theme-bars-gohar .br-widget a,
.sec-news-details .content-news .result-ratings .br-theme-bars-gohar .br-widget a,
.modal-goharnahal .modal-form-comment .result-ratings .br-theme-bars-gohar .br-widget a {
    width: 5px;
    height: 5px;
}

.sec-other-contents .tab-comments .result-ratings .br-theme-bars-gohar .br-widget .br-current,
.sec-news-details .content-news .result-ratings .br-theme-bars-gohar .br-widget .br-current,
.modal-goharnahal .modal-form-comment .result-ratings .br-theme-bars-gohar .br-widget .br-current {
    width: 12px;
    height: 12px;
}

.sec-other-contents .tab-comments .result-ratings .rating-gohar .counts,
.sec-news-details .content-news .result-ratings .counts,
.modal-goharnahal .modal-form-comment .result-ratings .counts {
    gap: 3px;
}

.sec-other-contents .tab-comments .result-ratings .rating-gohar .counts .all,
.sec-other-contents .tab-comments .result-ratings .rating-gohar .counts .value,
.sec-news-details .content-news .result-ratings .counts .all,
.sec-news-details .content-news .result-ratings .counts .value,
.modal-goharnahal .modal-form-comment .result-ratings .counts .all,
.modal-goharnahal .modal-form-comment .result-ratings .counts .value {
    font-size: 22px;
}

.sec-other-contents .tab-comments .result-ratings .rating-gohar .counts .slash,
.sec-news-details .content-news .result-ratings .counts .slash,
.modal-goharnahal .modal-form-comment .result-ratings .counts .slash {
    font-size: 18px;
}

.sec-other-contents .tab-comments .result-ratings .rating-gohar .title-rating,
.sec-news-details .content-news .result-ratings .rating-gohar .title-rating {
    width: 100%;
    color: var(--blackcolor);
}

.sec-other-contents .tab-comments .details-comment,
.sec-news-details .content-news .details-comment,
.sec-profile-page .box-outer-profile .details-comment {
    padding: 15px 0;
}

.sec-other-contents .tab-comments .item-comment.answer .details-comment,
.sec-news-details .content-news .item-comment.answer .details-comment {
    padding: 0;
}

.sec-other-contents .tab-comments .details-comment .head,
.sec-news-details .content-news .details-comment .head,
.sec-profile-page .box-outer-profile .details-comment .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 15px;
    border-bottom: 1px solid rgba(155, 164, 180, 0.2);
}

.sec-other-contents .tab-comments .item-comment.answer .head,
.sec-news-details .content-news .item-comment.answer .details-comment .head {
    padding: 0 0 15px;
}

.sec-other-contents .tab-comments .details-comment .user-info,
.sec-news-details .content-news .details-comment .user-info,
.sec-profile-page .box-outer-profile .details-comment .user-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-other-contents .tab-comments .details-comment .user-info .image,
.sec-news-details .content-news .details-comment .user-info .image,
.sec-profile-page .box-outer-profile .details-comment .user-info .image {
    width: 52px;
    height: 52px;
    border-radius: 500px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-clip: padding-box;
    margin-left: 15px;
    overflow: hidden;
}

.sec-other-contents .tab-comments .details-comment .user-info .image>img,
.sec-news-details .content-news .details-comment .user-info .image>img,
.sec-profile-page .box-outer-profile .details-comment .user-info .image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec-other-contents .tab-comments .details-comment .user-info .info,
.sec-news-details .content-news .details-comment .user-info .info,
.sec-profile-page .box-outer-profile .details-comment .user-info .info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.sec-other-contents .tab-comments .details-comment .user-info .fullname,
.sec-news-details .content-news .details-comment .user-info .fullname,
.sec-profile-page .box-outer-profile .details-comment .user-info .fullname {
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
}

.sec-other-contents .tab-comments .details-comment .user-info .status,
.sec-news-details .content-news .details-comment .user-info .status,
.sec-profile-page .box-outer-profile .details-comment .user-info .status {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
}

.sec-other-contents .tab-comments .details-comment .desc,
.sec-news-details .content-news .details-comment .desc,
.sec-profile-page .box-outer-profile .details-comment .desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    color: var(--blackcolor);
    text-align: justify;
    margin: 20px 0;
}

.sec-other-contents .tab-comments .item-comment.answer .details-comment .desc,
.sec-news-details .content-news .item-comment.answer .details-comment .desc {
    margin: 20px 0 0;
}

.sec-other-contents .tab-comments .details-comment .options,
.sec-news-details .content-news .details-comment .options,
.sec-profile-page .box-outer-profile .details-comment .options {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec-other-contents .tab-comments .details-comment .btn-answer,
.sec-news-details .content-news .details-comment .btn-answer,
.sec-profile-page .box-outer-profile .details-comment .btn-answer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-other-contents .tab-comments .details-comment .btn-answer>i,
.sec-news-details .content-news .details-comment .btn-answer>i,
.sec-profile-page .box-outer-profile .details-comment .btn-answer>i {
    font-size: 20px;
}

.sec-other-contents .tab-comments .details-comment .viewpoint,
.sec-news-details .content-news .details-comment .viewpoint,
.sec-profile-page .box-outer-profile .details-comment .viewpoint {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
}

.sec-other-contents .tab-comments .details-comment .viewpoint .text,
.sec-news-details .content-news .details-comment .viewpoint .text,
.sec-profile-page .box-outer-profile .details-comment .viewpoint .text {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-other-contents .tab-comments .details-comment .viewpoint .result,
.sec-news-details .content-news .details-comment .viewpoint .result,
.sec-profile-page .box-outer-profile .details-comment .viewpoint .result {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}

.sec-other-contents .tab-comments .details-comment .viewpoint .btn-like,
.sec-other-contents .tab-comments .details-comment .viewpoint .btn-dislike,
.sec-news-details .content-news .details-comment .viewpoint .btn-like,
.sec-news-details .content-news .details-comment .viewpoint .btn-dislike,
.sec-profile-page .box-outer-profile .details-comment .viewpoint .btn-like,
.sec-profile-page .box-outer-profile .details-comment .viewpoint .btn-dislike {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--maincolor);
}

.sec-other-contents .tab-comments .details-comment .viewpoint .btn-dislike,
.sec-news-details .content-news .details-comment .viewpoint .btn-dislike,
.sec-profile-page .box-outer-profile .details-comment .viewpoint .btn-dislike {
    color: var(--textcolor);
}

.sec-other-contents .tab-comments .details-comment .viewpoint .btn-like>i,
.sec-other-contents .tab-comments .details-comment .viewpoint .btn-dislike>i,
.sec-news-details .content-news .details-comment .viewpoint .btn-like>i,
.sec-news-details .content-news .details-comment .viewpoint .btn-dislike>i,
.sec-profile-page .box-outer-profile .details-comment .viewpoint .btn-like>i,
.sec-profile-page .box-outer-profile .details-comment .viewpoint .btn-dislike>i {
    font-size: 24px;
}

.sec-other-contents .tab-comments .details-comment .viewpoint .btn-dislike>i,
.sec-news-details .content-news .details-comment .viewpoint .btn-dislike>i,
.sec-profile-page .box-outer-profile .details-comment .viewpoint .btn-dislike>i {
    transform: scaleX(-1);
}

.sec-other-contents .tab-comments .row-add-comment,
.sec-news-details .content-news .row-add-comment {
    margin-top: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
}

.sec-other-contents .tab-comments .form-comment .head-form,
.sec-news-details .content-news .form-comment .head-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.sec-other-contents .tab-comments .form-comment .head-form .title,
.sec-news-details .content-news .form-comment .head-form .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.sec-other-contents .tab-comments .form-comment .head-form .btn-logout,
.sec-news-details .content-news .form-comment .head-form .btn-logout {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    transition: all 0.3s;
}

.sec-other-contents .tab-comments .form-comment .head-form .btn-logout:hover,
.sec-news-details .content-news .form-comment .head-form .btn-logout:hover {
    color: var(--maincolor);
    gap: 6px;
}

.sec-other-contents .tab-comments .form-comment .head-form .btn-logout>i,
.sec-news-details .content-news .form-comment .head-form .btn-logout>i {
    font-size: 20px;
}

.sec-other-contents .tab-comments .form-comment .row-form-comment,
.sec-news-details .content-news .form-comment .row-form-comment {
    margin: 0 -10px;
}

.sec-other-contents .tab-comments .form-comment .form-group,
.sec-news-details .content-news .form-comment .form-group {
    margin: 0 0 20px;
    padding: 0 10px;
}

.sec-other-contents .tab-comments .form-comment .form-control,
.sec-news-details .content-news .form-comment .form-control {
    width: 100%;
    height: 70px;
    padding: 10px 25px;
    text-align: right;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-color: var(--whitecolor);
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    box-shadow: none;
    transition: all 0.3s;
}

.sec-other-contents .tab-comments .form-comment .form-control:focus,
.sec-news-details .content-news .form-comment .form-control:focus {
    border-color: var(--maincolor);
}

.sec-other-contents .tab-comments .form-comment .form-control::placeholder,
.sec-news-details .content-news .form-comment .form-control::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    opacity: 0.5;
}

.sec-other-contents .tab-comments .form-comment textarea.form-control,
.sec-news-details .content-news .form-comment textarea.form-control {
    height: 125px;
    padding: 25px;
}

.sec-other-contents .tab-comments .form-comment .bottom-form,
.sec-news-details .content-news .form-comment .bottom-form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

.sec-other-contents .tab-comments .form-comment .message-form,
.sec-news-details .content-news .form-comment .message-form {
    font-size: 14px;
    font-weight: 700;
    color: var(--textcolor);
}

.sec-other-contents .tab-comments .form-comment .btn-send-form,
.sec-news-details .content-news .form-comment .btn-send-form {
    background-color: var(--maincolor);
    display: flex;
    height: 70px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.40);
    font-size: 16px;
    font-weight: 600;
    color: var(--whitecolor);
    border: none;
    flex-shrink: 0;
    transition: all 0.3s;
}

.sec-other-contents .tab-comments .form-comment .btn-send-form:hover,
.sec-news-details .content-news .form-comment .btn-send-form:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.4);
}

.sec-other-contents .tab-comments .form-comment .btn-send-form .arrow-left,
.sec-news-details .content-news .form-comment .btn-send-form .arrow-left {
    background-color: var(--whitecolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 10px;
    font-size: 24px;
    color: var(--maincolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.sec-other-contents .tab-comments .form-comment .btn-send-form:hover .arrow-left,
.sec-news-details .content-news .form-comment .btn-send-form:hover .arrow-left {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.sec-other-contents .tab-comments .rating-form .title-head-rating,
.modal-goharnahal .modal-form-comment .rating-form .title-head-rating {
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 40px;
}

.sec-other-contents .tab-comments .rating-form .result-ratings,
.modal-goharnahal .modal-form-comment .rating-form .result-ratings {
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
}

.sec-other-contents .tab-similar .box-product-gohar {
    border: 3px solid var(--lightcolor);
    margin-bottom: 0;
}

.sec-other-contents .tab-similar .row-head-between .arrows {
    background-color: var(--subcolor);
    width: 50px;
    height: 25px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.sec-other-contents .tab-similar .row-head-between .arrows .sw-arrow {
    display: flex;
    font-size: 16px;
    color: var(--whitecolor);
}

.fixed-cart-product {
    background-color: var(--whitecolor);
    position: fixed;
    bottom: -100%;
    right: 0;
    left: 0;
    z-index: 999999;
    box-shadow: 0px -4px 100px 0px rgba(69, 71, 75, 0.1);
    padding: 15px 0;
    transition: all 1s 0.2s;
}

.fixed-cart-product.show {
    bottom: 0;
    transition: all 1s 0.2s;
}

.fixed-cart-product .row {
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.fixed-cart-product .about-product {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.fixed-cart-product .about-product .image>img {
    height: 60px;
}

.fixed-cart-product .about-product .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 15px;
}

.fixed-cart-product .about-product .content .product-name {
    font-size: 14px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.fixed-cart-product .about-product .content .weather {
    font-size: 11px;
    font-weight: 400;
    color: var(--textcolor);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.fixed-cart-product .details-option {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.fixed-cart-product .details-option .options {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.fixed-cart-product .details-option .options .price .pr-title {
    display: flex;
    text-align: right;
    font-size: 11px;
    font-weight: 400;
    color: var(--textcolor);
}

.fixed-cart-product .details-option .options .price .pr-number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
    line-height: 1;
}

.fixed-cart-product .details-option .options .pr-number .unit {
    font-size: 12px;
    font-weight: 600;
    color: var(--blackcolor);
    margin-right: 5px;
}

.fixed-cart-product .details-option .options .offer {
    background-color: var(--yellowcolor);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 800;
    color: var(--subcolor);
    margin-right: 10px;
}

.fixed-cart-product .details-option .counter {
    background-color: var(--lightcolor);
    border-radius: 15px;
    height: 40px;
    display: flex;
    padding: 0 15px;
    align-items: center;
}

.fixed-cart-product .details-option .counter .countnumber-gohar {
    display: flex;
    height: 20px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
}

.fixed-cart-product .details-option .counter .bsh-count {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    color: var(--textcolor);
    font-size: 16px;
    opacity: 0.5;
    transition: all 0.3s;
}

.fixed-cart-product .details-option .counter .bsh-count:hover {
    opacity: 1;
}

.fixed-cart-product .details-option .counter .number {
    display: flex;
    justify-content: center;
    width: 30px;
    font-size: 16px;
    font-weight: 600;
    color: var(--blackcolor);
    flex-shrink: 0;
}

.fixed-cart-product .details-option .btn-add-cart {
    background-color: var(--maincolor);
    display: flex;
    width: auto;
    height: 40px;
    padding: 0 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    color: var(--whitecolor);
    border: none;
    flex-shrink: 0;
    transition: all 0.3s;
}

.fixed-cart-product .details-option .btn-add-cart:hover {
    background-color: var(--subcolor);
}

.sec-search-products .sidebar-filter .category-box {
    background-color: var(--maincolor);
    border-radius: 25px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.sec-search-products .sidebar-filter .category-box .box-icon {
    background-color: var(--yellowcolor);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 100%;
    transition: all 0.3s;
}

.sec-search-products .sidebar-filter .category-box .box-icon .svg-fruit {
    height: 35px;
    transition: all 0.3s;
}

.sec-search-products .sidebar-filter .category-box .box-icon .svg-fruit .path-color {
    fill: var(--subcolor);
    stroke: var(--subcolor);
    transition: all 0.3s;
}

.sec-search-products .sidebar-filter .category-box .content {
    text-align: right;
}

.sec-search-products .sidebar-filter .category-box .title {
    font-size: 16px;
    font-weight: 700;
    color: var(--whitecolor);
    margin: 0 0 0;
    transition: all 0.3s;
}

.sec-search-products .sidebar-filter .category-box .count {
    font-size: 13px;
    font-weight: 500;
    color: var(--whitecolor);
    opacity: 0.6;
}

.sec-search-products .head-filter-resp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    display: none;
}

.sec-search-products .head-filter-resp .title {
    font-size: 18px;
    font-weight: bold;
    color: var(--subcolor);
}

.sec-search-products .head-filter-resp .btn-close-filter {
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    background-color: var(--whitecolor);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--textcolor);
    opacity: 1;
    text-shadow: none;
    transition: all 0.4s;
}

.sec-search-products .sidebar-filter {
    position: relative;
}

.sec-search-products .sidebar-filter .btn-confirm-filter {
    position: fixed;
    bottom: 20px;
    z-index: 999999;
    right: 0;
    left: 0;
    background-color: var(--subcolor);
    width: 100%;
    height: 50px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: var(--whitecolor);
}

.sec-search-products .filter-box {
    background-color: var(--whitecolor);
    border-radius: 25px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 30px 0px rgba(69, 71, 75, 0.05);
}

.sec-search-products .filter-box.hide {
    height: 60px;
    overflow: hidden;
    border-radius: 20px;
}

.sec-search-products .filter-box .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--lightcolor);
}

.sec-search-products .filter-box .head .title {
    font-size: 16px;
    font-weight: 700;
    color: var(--subcolor);
    margin: 0;
}

.sec-search-products .filter-box .head>i {
    font-size: 18px;
    color: var(--textcolor);
    transition: all 0.3s;
}

.sec-search-products .filter-box.hide .head>i {
    transform: rotate(180deg);
}

.sec-search-products .filter-box .body {
    padding: 20px;
}

.sec-search-products .list-resault-filter .head-resault {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.sec-search-products .head-resault .input-group {
    position: relative;
}

.sec-search-products .head-resault .form-control-search {
    width: 400px;
    height: 70px;
    padding: 10px 20px;
    text-align: right;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-color: var(--whitecolor);
    font-size: 14px;
    font-weight: 700;
    color: var(--blackcolor);
    box-shadow: none;
    transition: all 0.3s;
}

.sec-search-products .head-resault .form-control-search:focus {
    border-color: var(--maincolor);
}

.sec-search-products .head-resault .form-control-search::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    opacity: 0.5;
}

.sec-search-products .head-resault .btn-confirm-search {
    background-color: var(--maincolor);
    position: absolute;
    top: 10px;
    left: 10px;
    height: 50px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 12px;
    color: var(--whitecolor);
    transition: all 0.3s;
}

.sec-search-products .head-resault .sortby-box {
    position: relative;
    width: 280px;
}

.sec-search-products .head-resault .sortby-box .title {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    right: 20px;
    top: 24px;
    z-index: 100;
    font-size: 14px;
    color: var(--textcolor);
}

.sec-search-products .head-resault .sortby-box .title>i {
    font-size: 16px;
    margin-left: 6px;
    color: var(--graycolor);
}

.sec-search-products .head-resault .sortby-box .select2-selection__rendered {
    padding-right: 115px;
    font-size: 14px;
}

.sec-search-products .list-products-gohar .row {
    margin: 0 -10px;
}

.sec-search-products .list-products-gohar .item-product-gohar {
    padding: 0 10px;
}

.btn-show-filters {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--yellowcolor);
    border-radius: 16px;
    height: 50px;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: bold;
    color: var(--subcolor);
    border: 2px solid var(--subcolor);
    box-shadow: 0px -4px 100px 0px rgba(69, 71, 75, 0.3);
    z-index: 1000;
}

.btn-show-filters>i {
    font-size: 16px;
    margin-left: 6px;
}

.sec-other-contents.sec-faq-list .tab-contents .head-sticky,
.sec-other-contents.sec-news-goharnahal .tab-contents .head-sticky {
    padding: 15px 20px;
}

.sec-other-contents .head-sticky .form-control-search {
    width: 400px;
    height: 70px;
    padding: 10px 20px;
    text-align: right;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-color: var(--whitecolor);
    font-size: 14px;
    font-weight: 700;
    color: var(--blackcolor);
    box-shadow: none;
    transition: all 0.3s;
}

.sec-other-contents .head-sticky .form-control-search:focus {
    border-color: var(--maincolor);
}

.sec-other-contents .head-sticky .form-control-search::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    opacity: 0.5;
}

.sec-other-contents .head-sticky .btn-confirm-search {
    background-color: var(--maincolor);
    position: absolute;
    top: 10px;
    left: 10px;
    height: 50px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 12px;
    color: var(--whitecolor);
    transition: all 0.3s;
}

.sec-faq-list .tab-comments .row-add-comment {
    margin-top: 0 !important;
}

.sec-faq-list .tab-comments,
.sec-faq-list .tab-comments .row-add-comment,
.sec-faq-list .tab-comments .row-add-comment .form-comment {
    width: 100%;
}

.sec-faq-list .tab-comments .socials-website .item-sc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s;
}

.sec-faq-list .tab-comments .socials-website .item-sc.active {
    margin: 0 5px;
}

.sec-faq-list .tab-comments .socials-website .item-sc .box-icon {
    background: rgba(155, 164, 180, 0.50);
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    font-size: 20px;
    color: var(--textcolor);
    transition: all 0.3s;
}

.sec-faq-list .tab-comments .socials-website .item-sc.active .box-icon {
    background-color: var(--lightcolor);
}

.sec-faq-list .tab-comments .socials-website .item-sc .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: right;
    width: 0;
    height: 50px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    transition: all 0.3s;
}

.sec-faq-list .tab-comments .socials-website .item-sc.active .text {
    width: auto;
    opacity: 1;
    visibility: visible;
    margin-right: 15px;
    transition-delay: 0.2s;
}

.sec-faq-list .tab-comments .socials-website .item-sc .title {
    font-size: 12px;
    font-weight: 700;
    color: var(--maincolor);
    margin: 0 0 2px;
}

.sec-faq-list .tab-comments .socials-website .item-sc .desc {
    font-size: 11px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-about-goharnahal .tab-contents .box-desc {
    height: auto !important;
}

.sec-about-goharnahal .tab-contents .box-desc::after {
    display: none !important;
}

.sec-about-goharnahal .sec-free-support {
    width: 100%;
    margin-top: 60px;
}

.sec-about-goharnahal .sec-free-support .box-banner-gohar {
    background-color: var(--lightcolor);
    height: 150px;
    border-radius: 30px;
    padding: 20px 30px 20px 300px;
}

.sec-about-goharnahal .sec-free-support .box-banner-gohar .person .prs-support {
    height: 200px;
    right: auto;
    left: 30px;
}

.sec-about-goharnahal .sec-free-support .box-banner-gohar .person .call-text {
    right: auto;
    left: 100px;
    padding: 15px 20px 15px 25px;
    font-size: 12px;
    border-radius: 35px 15px 15px 0px;
}

.sec-about-goharnahal .sec-free-support .box-banner-gohar .person .help-text {
    padding: 15px 20px 15px 25px;
    border-radius: 15px 35px 0px 15px;
    right: auto;
    left: 30px;
    font-size: 12px;
}

.sec-about-goharnahal .sec-free-support .box-banner-gohar .details-box {
    justify-content: flex-start;
    gap: 30px;
}

.sec-about-goharnahal .tab-manager .row {
    align-items: center;
}

.sec-about-goharnahal .image-manager img {
    width: 100%;
    height: 450px;
    border: 4px solid var(--lightcolor);
    border-radius: 30px;
    object-fit: cover;
}

.sec-about-goharnahal .content-manager .signature {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    margin-top: 50px;
}

.sec-about-goharnahal .content-manager .signature>img {
    height: 60px;
    opacity: 0.3;
}

.sec-about-goharnahal .content-manager .signature .manager {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 700;
    color: var(--textcolor);
    margin-left: 50px;
}

.sec-about-goharnahal .content-manager .signature .manager>i {
    transform: scale(-1);
    font-size: 32px;
    margin-right: 15px;
}

.sec-about-goharnahal .sec-agancies-news .list-agancies .item-ags {
    background-color: var(--lightcolor);
}

.sec-about-goharnahal .sec-agancies-news .list-agancies .item-ags:hover {
    background-color: var(--whitecolor);
}

.sec-about-goharnahal .sec-agancies-news {
    margin-top: 10px;
}

.sec-about-goharnahal .sec-certificates {
    margin-top: 30px;
}

.sec-about-goharnahal .sec-certificates .list-licenses {
    padding-left: 15px;
}

.sec-about-goharnahal .sec-certificates .list-licenses .box-license {
    background-color: var(--lightcolor);
}

.sec-about-goharnahal .sec-certificates .list-licenses .box-license .box-image {
    border-color: var(--whitecolor);
}

.sec-contact-goharnahal .contact-form {
    padding: 20px 15px 20px 40px;
}

.sec-contact-goharnahal .contact-details {
    position: relative;
    padding: 20px 40px 20px 15px;
}

.sec-contact-goharnahal .contact-details::before {
    content: "";
    width: 1px;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    opacity: 0.12;
}

.sec-contact-goharnahal .contact-details .head-tell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.sec-contact-goharnahal .contact-details .head-tell .title-head {
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.sec-contact-goharnahal .contact-details .row-tel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.sec-contact-goharnahal .contact-details .fullname {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-contact-goharnahal .contact-details .tel-number {
    font-size: 18px;
    font-weight: 800;
    color: var(--maincolor);
    direction: ltr;
}

.sec-contact-goharnahal .tab-contents hr.spacing {
    background-image: none;
    border-top: 1px solid rgba(155, 164, 180, 0.50);
    opacity: 0.3;
    margin: 20px 0;
}

.sec-contact-goharnahal .contact-details .head-address {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.sec-contact-goharnahal .contact-details .head-address .title-head {
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.sec-contact-goharnahal .contact-details .head-address .btn-google-map {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
}

.sec-contact-goharnahal .contact-details .head-address .btn-google-map>img {
    width: 22px;
    margin-right: 10px;
}

.sec-contact-goharnahal .contact-details .head-address .btn-google-map:hover>img {
    animation: bounce 1s infinite;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-2px);
    }

    50% {
        transform: translateY(2px);
    }

    100% {
        transform: translateY(0);
    }
}

.sec-contact-goharnahal .contact-details .list-address .map-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec-contact-goharnahal .contact-details .list-address .item-adrs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    flex-shrink: 0;
}

.sec-contact-goharnahal .contact-details .list-address .item-adrs:not(:last-child) {
    margin: 0 0 30px;
}

.sec-contact-goharnahal .contact-details .list-address .item-adrs .title {
    font-size: 16px;
    font-weight: 800;
    color: var(--blackcolor);
    margin: 0 0 5px;
    transition: all 0.3s;
}

.sec-contact-goharnahal .contact-details .list-address .item-adrs:hover .title {
    color: var(--maincolor);
}

.sec-contact-goharnahal .contact-details .list-address .item-adrs .text {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
    margin: 0;
}

.sec-contact-goharnahal .box-map {
    background-color: var(--lightcolor);
    width: 100%;
    height: 400px;
    border-radius: 25px;
    overflow: hidden;
    margin-top: 40px;
}

.sec-contact-goharnahal .box-map iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    filter: grayscale(1);
}

.sec-contact-goharnahal .contact-details .socials-website .title-sc {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 20px;
}

.sec-contact-goharnahal .contact-details .socials-website .list-sc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.sec-contact-goharnahal .contact-details .socials-website .item-sc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s;
}

.sec-contact-goharnahal .contact-details .socials-website .item-sc.active {
    margin: 0 5px;
}

.sec-contact-goharnahal .contact-details .socials-website .item-sc .box-icon {
    background: rgba(155, 164, 180, 0.50);
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-size: 25px;
    color: var(--whitecolor);
    transition: all 0.3s;
}

.sec-contact-goharnahal .contact-details .socials-website .item-sc.active .box-icon {
    background-color: var(--maincolor);
}

.sec-contact-goharnahal .contact-details .socials-website .item-sc .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: right;
    width: 0;
    height: 50px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    transition: all 0.3s;
}

.sec-contact-goharnahal .contact-details .socials-website .item-sc.active .text {
    width: 220px;
    opacity: 1;
    visibility: visible;
    margin-right: 15px;
    transition-delay: 0.2s;
}

.sec-contact-goharnahal .contact-details .socials-website .item-sc .title {
    font-size: 16px;
    font-weight: 700;
    color: var(--maincolor);
    margin: 0;
}

.sec-contact-goharnahal .contact-details .socials-website .item-sc .desc {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-news-goharnahal .sec-gohar-news {
    margin-top: 0;
}

.sec-news-goharnahal .sec-gohar-news .item-news {
    margin-bottom: 30px;
}

.sec-gallery-goharnahal .sec-gallery-list .box-gallery {
    background-color: var(--lightcolor);
    height: 350px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 25px;
    text-align: center;
    margin-bottom: 30px;
}

.sec-gallery-goharnahal .sec-gallery-list .box-gallery .box-image {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: 4px solid var(--lightcolor);
    overflow: hidden;
}

.sec-gallery-goharnahal .sec-gallery-list .box-gallery .box-image::before {
    content: "";
    background-color: var(--subcolor);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: all 0.3s;
}

.sec-gallery-goharnahal .sec-gallery-list .box-gallery .box-image:hover::before {
    opacity: 0.7;
    visibility: visible;
}

.sec-gallery-goharnahal .sec-gallery-list .box-gallery .box-image::after {
    content: "\e93f";
    font-family: 'icomoon';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    color: var(--whitecolor);
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: all 0.3s;
}

.sec-gallery-goharnahal .sec-gallery-list .box-gallery .box-image:hover::after {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.sec-gallery-goharnahal .sec-gallery-list .box-gallery .box-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.sec-gallery-goharnahal .sec-gallery-list .box-gallery .box-image:hover>img {
    transform: scale(1.1);
    filter: grayscale(1);
}

.sec-videos-goharnahal .sec-videos-consent .item-video {
    margin-bottom: 30px;
}

.sec-news-details+.sec-gohar-news {
    margin-bottom: 100px;
}

.sec-news-details .content-news {
    padding-left: 50px;
}

.sec-news-details .content-news .title-main {
    font-size: 25px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0;
}

.sec-news-details .content-news .image-news {
    position: relative;
    width: 100%;
    height: 400px;
    border-radius: 30px;
    overflow: hidden;
    margin: 20px 0;
}

.sec-news-details .content-news .image-news>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec-news-details .content-news .image-news .btn-like-news {
    background-color: rgba(255, 255, 255, 0.3);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-size: 22px;
    color: var(--whitecolor);
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 100;
    transition: all 0.3s;
}

.sec-news-details .content-news .image-news .btn-like-news.active {
    background-color: var(--whitecolor);
    color: var(--redcolor);
}

.sec-news-details .content-news .other-desc-news p {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: justify;
    color: var(--blackcolor);
    margin: 0;
}

.sec-news-details .content-news .other-desc-news p a {
    font-weight: 700;
    color: var(--maincolor);
    text-decoration: underline !important;
}

.sec-news-details .content-news .other-desc-news .short-quote {
    position: relative;
    background-color: var(--whitecolor);
    padding: 20px 20px 20px 100px;
    border-radius: 25px;
    margin: 20px 0 30px;
}

.sec-news-details .content-news .other-desc-news .short-quote::before {
    content: "\e953";
    font-family: 'icomoon';
    font-size: 50px;
    color: var(--textcolor);
    position: absolute;
    bottom: 5px;
    left: 25px;
    transform: scale(-1);
    opacity: 0.2;
}

.sec-news-details .content-news .other-desc-news .short-quote p {
    font-size: 14px;
    line-height: 35px;
    color: var(--textcolor);
}

.sec-news-details .content-news .other-desc-news h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 15px;
}

.sec-news-details .content-news .other-desc-news .banner-desc {
    position: relative;
    background-color: var(--subcolor);
    height: 200px;
    padding: 30px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 40px;
    overflow: hidden;
    margin: 40px 0;
}

.sec-news-details .content-news .other-desc-news .banner-desc::before {
    content: "";
    width: 600px;
    height: 600px;
    position: absolute;
    right: -150px;
    bottom: -400px;
    border-radius: 500px;
    opacity: 0.6;
    background: var(--maincolor);
    filter: blur(1000px);
}

.sec-news-details .content-news .other-desc-news .banner-desc .details {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-news-details .content-news .other-desc-news .banner-desc .svg-fruit {
    width: 90px;
    height: 90px;
    margin-left: 30px;
    flex-shrink: 0;
}

.sec-news-details .content-news .other-desc-news .banner-desc .path-color {
    fill: var(--yellowcolor);
    stroke: var(--yellowcolor);
}

.sec-news-details .content-news .other-desc-news .banner-desc .content .title {
    font-size: 25px;
    font-weight: 200;
    color: var(--whitecolor);
    margin: 0 0 5px;
}

.sec-news-details .content-news .other-desc-news .banner-desc .content .title>strong {
    font-weight: 800;
}

.sec-news-details .content-news .other-desc-news .banner-desc .content .desc {
    font-size: 16px;
    font-weight: 300;
    color: var(--whitecolor);
    margin: 0;
    line-height: normal;
}

.sec-news-details .content-news .other-desc-news .banner-desc .btn-link-banner {
    background-color: var(--yellowcolor);
    display: flex;
    height: 70px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
    font-size: 16px;
    font-weight: 700;
    color: var(--subcolor);
    border: none;
    flex-shrink: 0;
    transition: all 0.3s;
}

.sec-news-details .content-news .other-desc-news .banner-desc .btn-link-banner:hover {
    background-color: var(--whitecolor);
    box-shadow: 0px 4px 30px 0px rgba(255, 255, 255, 0.40);
}

.sec-news-details .content-news .other-desc-news .banner-desc .btn-link-banner .arrow-left {
    background-color: var(--whitecolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 10px;
    font-size: 24px;
    color: var(--subcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.sec-news-details .content-news .other-desc-news .banner-desc .btn-link-banner:hover .arrow-left {
    background-color: var(--subcolor);
    color: var(--whitecolor);
}

.sec-news-details .content-news hr.spacing {
    width: 100%;
    height: 1px;
    border: none;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    opacity: 0.12;
    margin: 60px 0;
}

.sec-news-details .content-news .row-head-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.sec-news-details .content-news .title-head-section {
    background-color: var(--maincolor);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px 5px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    color: var(--whitecolor);
    margin: 0 0 40px;
}

.sec-news-details .content-news .row-head-between .title-head-section {
    margin: 0;
}

.sec-news-details .content-news .row-head-between .desc-head-section {
    font-size: 16px;
    font-weight: 700;
    color: var(--textcolor);
}

.sec-news-details .content-news .box-comment {
    background-color: var(--whitecolor);
}

.sec-news-details .cart-details {
    position: sticky;
    top: 30px;
    align-self: flex-start;
}

.sec-news-details .cart-details .accordion-news {
    background-color: var(--whitecolor);
    border-radius: 25px;
    box-shadow: none;
}

.sec-news-details .cart-details .accordion-news .accordion-news-header {
    padding: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec-news-details .cart-details .accordion-news .accordion-news-header .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--textcolor);
    margin: 0;
}

.sec-news-details .cart-details .accordion-news .accordion-news-header .box-icon {
    display: flex;
    font-size: 20px;
    color: var(--textcolor);
    transition: all 0.4s;
}

.sec-news-details .cart-details .box-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: auto;
    padding: 5px 0;
    border-radius: 30px;
    margin-top: -20px;
}

.sec-news-details .cart-details .box-details .item-dts {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
}

.sec-news-details .cart-details .box-details .item-dts:last-child {
    border-bottom: none;
}

.sec-news-details .cart-details .box-details .item-dts .title {
    font-size: 14px;
    font-weight: 600;
    color: var(--blackcolor);
}

.sec-news-details .cart-details .box-details .item-dts .content {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--textcolor);
}

.sec-news-details .cart-details .box-details .item-dts .content>i {
    font-size: 20px;
}

.sec-news-details .cart-details .box-details .item-dts .content>span {
    padding-top: 2px;
}

.sec-news-details .cart-details .btn-list-comments {
    border-radius: 25px;
}

.sec-cart-page .details-price .box-card-price {
    position: sticky;
    align-self: flex-start;
    top: 20px;
    background-color: var(--whitecolor);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
}

.sec-cart-page .box-card-price .item-price {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    color: var(--textcolor);
    font-weight: 600;
}

.sec-cart-page .box-card-price .item-price.off {
    color: var(--maincolor);
    font-weight: bold;
}

.sec-cart-page .box-card-price .item-price.total {
    color: var(--blackcolor);
    font-weight: bold;
}

.sec-cart-page .box-card-price .item-price .title {
    font-size: 14px;
}

.sec-cart-page .box-card-price .item-price .price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 18px;
}

.sec-cart-page .box-card-price .item-price .price .toman {
    font-size: 11px;
    margin-right: 3px;
}

.sec-cart-page .box-card-price .row-offer {
    width: 100%;
    border-top: 1px solid rgba(155, 164, 180, 0.2);
    border-bottom: 1px solid rgba(155, 164, 180, 0.2);
    padding-top: 20px;
    margin-bottom: 20px;
}

.sec-cart-page .box-card-price .row-offer .item-price {
    color: var(--subcolor);
}

.sec-cart-page .box-card-price .row-offer .item-price .title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-cart-page .box-card-price .row-offer .item-price .title>i {
    font-size: 22px;
    width: 22px;
    text-align: center;
    margin-left: 10px;
}

.sec-cart-page .box-card-price .btn-confim-next {
    position: relative;
    background-color: var(--maincolor);
    display: flex;
    width: 100%;
    height: 70px;
    padding: 25px;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.40);
    font-size: 16px;
    font-weight: 700;
    color: var(--whitecolor);
    border: none;
    flex-shrink: 0;
    margin-top: 10px;
    z-index: 10;
    transition: all 0.3s;
}

.sec-cart-page .box-card-price .btn-confim-next:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.5);
}

.sec-cart-page .box-card-price .btn-confim-next .arrow-left {
    background-color: var(--whitecolor);
    width: 35px;
    height: 25px;
    border-radius: 100px;
    font-size: 24px;
    color: var(--maincolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.sec-cart-page .box-card-price .btn-confim-next:hover .arrow-left {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.sec-cart-page .box-card-price .desc-cart {
    background-color: var(--lightcolor);
    width: 100%;
    border-radius: 20px;
    padding: 15px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: var(--textcolor);
    margin-top: 15px;
}

.sec-cart-page .list-cart .title-cart-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.sec-cart-page .list-cart .title-cart-head .text {
    font-size: 20px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.sec-cart-page .list-cart .title-cart-head .count {
    background-color: var(--whitecolor);
    padding: 3px 15px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: bold;
    color: var(--maincolor);
    margin-right: 10px;
}

.sec-cart-page .list-cart .item-product-cart {
    background-color: var(--whitecolor);
    border-radius: 30px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.sec-cart-page .list-cart .item-product-cart .details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-cart-page .list-cart .item-product-cart .details .image-prd {
    width: 100px;
    height: 100px;
    background-color: var(--lightcolor);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    flex-shrink: 0;
}

.sec-cart-page .list-cart .item-product-cart .details .image-prd>img {
    width: 80%;
}

.sec-cart-page .list-cart .item-product-cart .info-prd .title-prd {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 10px;
}

.sec-cart-page .list-cart .item-product-cart .info-prd .desc-prd {
    font-size: 12px;
    font-weight: 500;
    color: var(--textcolor);
    margin: 0;
}

.sec-cart-page .list-cart .item-product-cart .options .price {
    margin-left: 10px;
}

.sec-cart-page .list-cart .item-product-cart .options .price .pr-title {
    display: flex;
    align-items: center;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
}

.sec-cart-page .list-cart .item-product-cart .options .price .pr-title>.pr-number {
    margin-left: 5px;
    text-decoration: line-through !important;
}

.sec-cart-page .list-cart .item-product-cart .options .price>.pr-number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 25px;
    font-weight: 700;
    color: var(--blackcolor);
    line-height: 1.1;
}

.sec-cart-page .list-cart .item-product-cart .options .price>.pr-number .unit {
    font-size: 14px;
    font-weight: 600;
    color: var(--blackcolor);
    margin-right: 5px;
}

.sec-cart-page .list-cart .item-product-cart .options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-shrink: 0;
    margin-right: 30px;
}

.sec-cart-page .list-cart .item-product-cart .counter {
    background-color: var(--lightcolor);
    width: 120px;
    height: 45px;
    border-radius: 15px;
    display: flex;
    padding: 15px;
    align-items: center;
    gap: 50px;
    align-self: stretch;
}

.sec-cart-page .list-cart .item-product-cart .counter .countnumber-gohar {
    display: flex;
    height: 16px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
}

.sec-cart-page .list-cart .item-product-cart .counter .bsh-count {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    color: var(--textcolor);
    font-size: 18px;
    opacity: 0.5;
    transition: all 0.3s;
}

.sec-cart-page .list-cart .item-product-cart .counter .bsh-count:hover {
    opacity: 1;
}

.sec-cart-page .list-cart .item-product-cart .counter .number {
    font-size: 18px;
    font-weight: 600;
    color: var(--blackcolor);
}

.sec-cart-page .list-cart .item-product-cart .options .btn-delprd {
    background-color: rgba(199, 37, 62, 0.1);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 18px;
    color: var(--redcolor);
    transition: all 0.3s;
}

.sec-cart-page .list-cart .item-product-cart .options .btn-delprd:hover {
    background-color: var(--redcolor);
    color: var(--whitecolor);
}

.sec-cart-page .list-cart .title-cart-head .btn-back-step {
    background-color: var(--whitecolor);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 12px;
    border-radius: 100px;
    font-size: 25px;
    font-weight: bold;
    color: var(--maincolor);
    margin-left: 10px;
    transform: scaleX(-1);
}

.sec-cart-page .list-cart .box-cart-selected {
    background-color: var(--whitecolor);
    border-radius: 30px;
    padding: 30px 30px 20px;
    margin-bottom: 20px;
}

.sec-cart-page .list-cart .box-cart-selected .head-selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.sec-cart-page .list-cart .box-cart-selected .head-selected .title-head {
    font-size: 18px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.sec-cart-page .list-cart .box-cart-selected .head-selected .desc-head {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
    margin: 0;
}

.sec-cart-page .list-cart .box-cart-selected .head-selected .btn-add-head {
    font-size: 16px;
    font-weight: bold;
    color: var(--maincolor);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sec-cart-page .list-cart .box-cart-selected .head-selected .btn-add-head>i {
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
}

.sec-cart-page .list-cart .box-cart-selected .list-selection>.row {
    margin: 0 -10px;
}

.sec-cart-page .list-cart .box-cart-selected .item-col-slc {
    padding: 10px;
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar {
    position: relative;
    background-color: var(--whitecolor);
    border-radius: 20px;
    padding: 20px;
    cursor: pointer;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 3px solid var(--lightcolor);
    transition: all 0.3s;
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar.item-address {
    height: 120px;
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar.active {
    border-color: var(--maincolor);
    background-color: var(--whitecolor);
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar .box-radio {
    position: relative;
    background-color: var(--whitecolor);
    width: 35px;
    height: 35px;
    border-radius: 100%;
    flex-shrink: 0;
    margin-left: 20px;
    border: 1px solid rgba(155, 164, 180, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar .box-radio::after {
    content: "";
    width: 70%;
    height: 69%;
    border-radius: 100%;
    background-color: var(--yellowcolor);
    position: absolute;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar.active .box-radio::after {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar .details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar .details .sub-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--maincolor);
    margin: 0 0 5px;
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar .details .title {
    font-size: 16px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.sec-cart-page .list-cart .box-cart-selected .item-slc-gohar .details .desc {
    font-size: 16px;
    font-weight: 500;
    color: var(--textcolor);
    margin: 5px 0 0;
    line-height: 1.2;
}

.sec-cart-page .list-cart .box-cart-selected .input-group {
    position: relative;
}

.sec-cart-page .list-cart .box-cart-selected .form-control-offer {
    width: 100%;
    height: 70px;
    padding: 10px 20px;
    text-align: right;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-color: var(--whitecolor);
    font-size: 20px;
    font-weight: normal;
    color: var(--blackcolor);
    box-shadow: none;
    transition: all 0.3s;
}

.sec-cart-page .list-cart .box-cart-selected .form-control-offer:focus {
    border-color: var(--maincolor);
}

.sec-cart-page .list-cart .box-cart-selected .form-control-offer::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    opacity: 0.5;
}

.sec-cart-page .list-cart .box-cart-selected .btn-confirm-offer {
    background-color: var(--maincolor);
    position: absolute;
    top: 10px;
    left: 10px;
    height: 50px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 12px;
    color: var(--whitecolor);
    transition: all 0.3s;
}

.sec-cart-page .list-cart .box-cart-selected .btn-close-offer {
    background-color: var(--textcolor);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: none;
    font-size: 10px;
    color: var(--whitecolor);
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 10px;
    z-index: 10;
}

.sec-cart-page .list-cart .box-cart-selected .btn-close-offer>i {
    font-weight: bold;
}

.sec-cart-page .list-cart .box-cart-selected .alert-view .alert-success {
    height: 70px;
    border-radius: 20px;
    background-color: rgba(55, 151, 119, 0.1);
    color: var(--maincolor);
    display: none;
    text-align: center;
    padding: 24px;
    font-size: 15px;
    font-weight: 500;
    border: none;
    margin: 0;
}

.modal-form-address .row {
    margin: 0 -10px;
}

.modal-form-address .row .form-group {
    padding: 10px;
    margin: 0;
}

.sec-profile-page .sidebar-menu {
    background-color: var(--whitecolor);
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
    border-radius: 30px;
    padding: 20px;
    position: sticky;
    align-self: flex-start;
    top: 20px;
}

.sec-profile-page .sidebar-menu .head-sidebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(155, 164, 180, 0.2);
}

.sec-profile-page .sidebar-menu .account {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-profile-page .sidebar-menu .account .image {
    margin-left: 10px;
}

.sec-profile-page .sidebar-menu .account svg {
    width: 50px;
    height: 50px;
}

.sec-profile-page .sidebar-menu .account .fill-lighten-surface-color {
    fill: var(--lightcolor);
}

.sec-profile-page .sidebar-menu .account .fill-lighter-surface-color {
    fill: var(--maincolor);
    stroke: var(--maincolor);
}

.sec-profile-page .sidebar-menu .account .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sec-profile-page .sidebar-menu .account .fullname {
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-profile-page .sidebar-menu .account .mobile {
    font-size: 18px;
    font-weight: 800;
    color: var(--blackcolor);
}

.sec-profile-page .sidebar-menu .head-sidebar .edit-account {
    font-size: 14px;
    font-weight: 600;
    color: var(--maincolor);
}

.sec-profile-page .sidebar-menu .list-menu {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.sec-profile-page .sidebar-menu .list-menu .link-menu {
    background-color: var(--whitecolor);
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    margin-bottom: 5px;
    transition: all 0.3s;
}

.sec-profile-page .sidebar-menu .list-menu .link-menu.active {
    background-color: rgba(55, 151, 119, 0.1);
}

.sec-profile-page .sidebar-menu .list-menu .link-menu .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-profile-page .sidebar-menu .list-menu .link-menu .box-icon {
    width: 25px;
    font-size: 22px;
    color: var(--blackcolor);
    margin-left: 10px;
    text-align: center;
    transition: all 0.3s;
}

.sec-profile-page .sidebar-menu .list-menu .link-menu:hover .box-icon,
.sec-profile-page .sidebar-menu .list-menu .link-menu.active .box-icon {
    color: var(--maincolor);
}

.sec-profile-page .sidebar-menu .list-menu .link-menu.logout .box-icon {
    color: var(--redcolor);
}

.sec-profile-page .sidebar-menu .list-menu .link-menu .text {
    font-size: 14px;
    font-weight: 600;
    color: var(--blackcolor);
    transition: all 0.3s;
}

.sec-profile-page .sidebar-menu .list-menu .link-menu:hover .text,
.sec-profile-page .sidebar-menu .list-menu .link-menu.active .text {
    color: var(--maincolor);
}

.sec-profile-page .sidebar-menu .list-menu .link-menu.logout .text {
    color: var(--redcolor);
}

.sec-profile-page .box-outer-profile {
    background-color: var(--whitecolor);
    padding: 30px;
    border-radius: 30px;
}

.sec-profile-page .box-outer-profile .head-boxprf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.sec-profile-page .box-outer-profile .head-boxprf .title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 18px;
    font-weight: bold;
    color: var(--blackcolor);
    margin: 0;
}

.sec-profile-page .box-outer-profile .head-boxprf .desc-head {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
}

.sec-profile-page .box-outer-profile .head-boxprf .title .btn-back {
    background-color: var(--lightcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 12px;
    border-radius: 100px;
    font-size: 25px;
    font-weight: bold;
    color: var(--textcolor);
    margin-left: 5px;
    transform: scaleX(-1);
}

.sec-profile-page .box-outer-profile .head-boxprf .title .btn-hidden {
    display: none;
}

.sec-profile-page .box-outer-profile .head-boxprf .btn-profile {
    background-color: var(--lightcolor);
    width: auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    transition: all 0.3s;
}

.sec-profile-page .box-outer-profile .head-boxprf .btn-profile>i {
    font-size: 16px;
    margin-left: 8px;
}

.sec-profile-page .box-outer-profile .head-boxprf .btn-profile:hover {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.sec-profile-page .box-outer-profile .row-small {
    margin: 0 -10px;
}

.sec-profile-page .box-outer-profile .row-small .outer-input-gohar,
.sec-profile-page .box-outer-profile .item-fvcol {
    padding: 10px;
    margin: 0;
}

.sec-profile-page .box-outer-profile .btn-confirm-gohar {
    margin-top: 0;
}

.sec-profile-page .box-outer-profile .box-fvstyle {
    position: relative;
    background-color: var(--whitecolor);
    padding: 20px;
    border-radius: 20px;
    border: 2px solid var(--lightcolor);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s;
}

.sec-profile-page .box-outer-profile .box-fvstyle:hover {
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
}

.sec-profile-page .box-outer-profile .box-fvstyle .image {
    width: 100px;
    height: 100px;
    background-color: var(--lightcolor);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    flex-shrink: 0;
    overflow: hidden;
}

.sec-profile-page .box-outer-profile .box-fvstyle.news .image {
    border: 2px solid var(--lightcolor);
}

.sec-profile-page .box-outer-profile .box-fvstyle .image>img {
    width: 80%;
}

.sec-profile-page .box-outer-profile .box-fvstyle.news .image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec-profile-page .box-outer-profile .box-fvstyle .title {
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    margin: 0 0 10px;
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.sec-profile-page .box-outer-profile .box-fvstyle .price-box {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-profile-page .box-outer-profile .box-fvstyle .pr-title {
    display: flex;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: var(--textcolor);
}

.sec-profile-page .box-outer-profile .box-fvstyle .pr-number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 24px;
    font-weight: 700;
    color: var(--blackcolor);
    line-height: 1;
}

.sec-profile-page .box-outer-profile .box-fvstyle .pr-number .unit {
    font-size: 14px;
    font-weight: 600;
    color: var(--blackcolor);
    margin-right: 5px;
}

.sec-profile-page .box-outer-profile .box-fvstyle.news .pr-number .unit {
    margin: 5px 0 0;
}

.sec-profile-page .box-outer-profile .box-fvstyle .offer {
    background-color: var(--yellowcolor);
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 800;
    color: var(--subcolor);
    margin-right: 10px;
}

.sec-profile-page .box-outer-profile .box-fvstyle .btn-options {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.sec-profile-page .box-outer-profile .box-fvstyle .btn-options .btn-item {
    background-color: var(--lightcolor);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    font-size: 18px;
    color: var(--textcolor);
    transition: all 0.3s;
}

.sec-profile-page .box-outer-profile .box-fvstyle .btn-options .btn-item:hover {
    background-color: var(--blackcolor);
    color: var(--whitecolor);
}

.sec-profile-page .box-outer-profile .box-fvstyle .btn-options .btn-otherprf {
    background-color: rgba(55, 151, 119, 0.1);
    color: var(--maincolor);
}

.sec-profile-page .box-outer-profile .box-fvstyle .btn-options .btn-otherprf:hover {
    background-color: var(--maincolor);
    color: var(--whitecolor);
}

.sec-profile-page .box-outer-profile .box-fvstyle.address .sub-title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--maincolor);
    margin: 0 0 5px;
}

.sec-profile-page .box-outer-profile .box-fvstyle.address {
    padding-left: 120px;
    height: 120px;
}

.sec-profile-page .box-outer-profile .box-fvstyle.address .title {
    margin: 0;
    display: block;
    line-height: 1.5;
}

.sec-profile-page .box-outer-profile .box-comment {
    padding: 10px 20px;
    background-color: var(--whitecolor);
    border: 3px solid var(--lightcolor);
}

.sec-profile-page .box-outer-profile .box-comment .options-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-profile-page .box-outer-profile .box-comment .btn-options {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    margin-right: 20px;
}

.sec-profile-page .box-outer-profile .box-comment .btn-options .btn-item {
    background-color: var(--lightcolor);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    font-size: 18px;
    color: var(--textcolor);
    transition: all 0.3s;
}

.sec-profile-page .box-outer-profile .box-comment .btn-options .btn-item:hover {
    background-color: var(--redcolor);
    color: var(--whitecolor);
}

.sec-profile-page .box-outer-profile .box-comment .btn-options .btn-otherprf:hover {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

.sec-profile-page .box-outer-profile .details-comment .head {
    padding: 0 0 15px;
}

.sec-profile-page .box-outer-profile .box-comment .status {
    background-color: var(--lightcolor);
    width: 115px;
    padding: 6px 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
}

.sec-profile-page .box-outer-profile .box-comment .status.success {
    background-color: rgba(55, 151, 119, 0.1);
    color: var(--maincolor);
}

.sec-profile-page .box-outer-profile .box-comment .status.danger {
    background-color: rgba(199, 37, 62, 0.1);
    color: var(--redcolor);
}

.sec-profile-page .box-outer-profile .box-comment .status .status-icon {
    background-color: var(--textcolor);
    width: 20px;
    height: 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    color: var(--whitecolor);
    margin-left: 5px;
}

.sec-profile-page .box-outer-profile .box-comment .status.success .status-icon {
    background-color: var(--maincolor);
}

.sec-profile-page .box-outer-profile .box-comment .status.danger .status-icon {
    background-color: var(--redcolor);
}

.sec-profile-page .box-outer-profile .item-comment {
    margin-bottom: 15px;
}

.sec-profile-page .box-outer-profile .details-comment .user-info .info {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.sec-profile-page .box-outer-profile .details-comment .user-info .info .date {
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
}

.sec-profile-page .box-outer-profile .details-comment .user-info .image {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.modal-goharnahal .modal-form-comment .head-comment-modal {
    width: 100%;
    background-color: var(--lightcolor);
    border-radius: 20px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.modal-goharnahal .modal-form-comment .head-comment-modal .image {
    width: 60px;
    height: 60px;
    border-radius: 500px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-clip: padding-box;
    margin-left: 15px;
    overflow: hidden;
    flex-shrink: 0;
}

.modal-goharnahal .modal-form-comment .head-comment-modal .image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal-goharnahal .modal-form-comment .head-comment-modal .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.modal-goharnahal .modal-form-comment .head-comment-modal .fullname {
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
}

.modal-goharnahal .modal-form-comment .head-comment-modal .date {
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
}

.modal-goharnahal .modal-form-comment .rating-form {
    margin-bottom: 20px;
}

.modal-goharnahal .modal-form-comment .rating-form .title-head-rating {
    margin-bottom: 15px;
}

.modal-goharnahal .modal-form-comment .rating-form .result-ratings {
    width: 100%;
    padding: 10px 20px;
}

.modal-goharnahal .modal-form-comment .rating-form .result-ratings .title-rating {
    width: 100%;
    color: var(--blackcolor);
}

.modal-goharnahal .modal-form-comment textarea.form-control-gohar {
    font-size: 12px;
    font-weight: normal;
    line-height: 2;
    padding: 15px 25px;
}

.sec-profile-page .box-outer-profile .form-control-search {
    width: 400px;
    height: 60px;
    padding: 10px 20px;
    text-align: right;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-color: var(--whitecolor);
    font-size: 14px;
    font-weight: 500;
    color: var(--blackcolor);
    box-shadow: none;
    transition: all 0.3s;
}

.sec-profile-page .box-outer-profile .form-control-search:focus {
    border-color: var(--maincolor);
}

.sec-profile-page .box-outer-profile .btn-confirm-search {
    background-color: var(--maincolor);
    position: absolute;
    top: 10px;
    left: 10px;
    height: 40px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 12px;
    color: var(--whitecolor);
    transition: all 0.3s;
}

.sec-profile-page .box-outer-profile .item-order-profile {
    background-color: var(--whitecolor);
    border-radius: 30px;
    padding: 20px;
    border: 3px solid var(--lightcolor);
    margin-bottom: 15px;
}

.sec-profile-page .item-order-profile .head-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(155, 164, 180, 0.2);
    padding-bottom: 20px;
}

.sec-profile-page .item-order-profile .head-order .status {
    background-color: var(--lightcolor);
    width: auto;
    padding: 6px 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--textcolor);
}

.sec-profile-page .item-order-profile .head-order .status.success {
    background-color: rgba(55, 151, 119, 0.1);
    color: var(--maincolor);
}

.sec-profile-page .item-order-profile .head-order .status.danger {
    background-color: rgba(199, 37, 62, 0.1);
    color: var(--redcolor);
}

.sec-profile-page .item-order-profile .head-order .status .status-icon {
    background-color: var(--textcolor);
    width: 20px;
    height: 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    color: var(--whitecolor);
    margin-left: 5px;
}

.sec-profile-page .item-order-profile .head-order .status.success .status-icon {
    background-color: var(--maincolor);
}

.sec-profile-page .item-order-profile .head-order .status.danger .status-icon {
    background-color: var(--redcolor);
}

.sec-profile-page .item-order-profile .head-order .btn-details-order {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    font-weight: 500;
    color: var(--textcolor);
}

.sec-profile-page .item-order-profile .head-order .btn-details-order>i {
    font-size: 16px;
    margin-right: 5px;
}

.sec-profile-page .item-order-profile .details-order {
    padding: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec-profile-page .item-order-profile .details-order .row-dts {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 0;
}

.sec-profile-page .item-order-profile .details-order .item-dts {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-profile-page .item-order-profile .details-order .item-dts+.item-dts::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: rgba(155, 164, 180, 0.2);
    border-radius: 100px;
    margin: 0 15px;
}

.sec-profile-page .item-order-profile .details-order .item-dts .label {
    font-size: 16px;
    font-weight: normal;
    color: var(--textcolor);
    margin-left: 5px;
}

.sec-profile-page .item-order-profile .details-order .item-dts .value,
.sec-profile-page .item-order-profile .details-order .item-dts .price {
    font-size: 16px;
    font-weight: bold;
    color: var(--blackcolor);
}

.sec-profile-page .item-order-profile .details-order .item-dts .price .unit {
    font-size: 12px;
}

.sec-profile-page .item-order-profile .details-order .list-images {
    background-color: var(--lightcolor);
    border-radius: 20px;
    padding: 15px 45px 15px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-profile-page .item-order-profile .details-order .list-images .item-img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: var(--whitecolor);
    border: 4px solid var(--lightcolor);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -30px;
}

.sec-profile-page .item-order-profile .details-order .list-images .item-img>img {
    width: 80%;
}

.sec-profile-page .item-order-profile .details-order .list-images .count-img {
    font-size: 18px;
    font-weight: 600;
    color: var(--textcolor);
    letter-spacing: 0.5px;
    padding-top: 2px;
}

.sec-profile-page .item-order-profile .details-order .list-images .count-img .plus {
    font-size: 16px;
    display: inline-block;
    padding-bottom: 3px;
}

.sec-profile-page .main-details-order .top-details {
    margin-top: 20px;
}

.sec-profile-page .main-details-order .top-details,
.sec-profile-page .main-details-order .other-details {
    background-color: var(--lightcolor);
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.sec-profile-page .main-details-order .top-details .head-top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(155, 164, 180, 0.3);
}

.sec-profile-page .main-details-order .item-dtsodr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-profile-page .main-details-order .item-dtsodr+.item-dtsodr::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: rgba(155, 164, 180, 0.2);
    border-radius: 100px;
    margin: 0 15px;
}

.sec-profile-page .main-details-order .item-dtsodr .label {
    font-size: 14px;
    font-weight: normal;
    color: var(--textcolor);
    margin-left: 5px;
}

.sec-profile-page .main-details-order .item-dtsodr .value,
.sec-profile-page .main-details-order .item-dtsodr .price {
    font-size: 14px;
    font-weight: bold;
    color: var(--blackcolor);
}

.sec-profile-page .main-details-order .item-dtsodr .price {
    display: inline-flex;
    align-items: center;
}

.sec-profile-page .main-details-order .item-dtsodr.font-lg .label,
.sec-profile-page .main-details-order .item-dtsodr.font-lg .value,
.sec-profile-page .main-details-order .item-dtsodr.font-lg .price {
    font-size: 16px;
}

.sec-profile-page .main-details-order .item-dtsodr .price .unit {
    font-size: 12px;
}

.sec-profile-page .main-details-order .top-details .body-top,
.sec-profile-page .main-details-order .other-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.sec-profile-page .main-details-order .item-dtsodr.item-full {
    width: 100%;
    margin-top: 10px;
}

.sec-profile-page .main-details-order .item-dtsodr.item-full::before {
    display: none;
}

.sec-profile-page .main-details-order .card-details-list {
    border: 3px solid var(--lightcolor);
    border-radius: 20px;
    margin-top: 30px;
}

.sec-profile-page .main-details-order .card-details-list .top-details-list {
    position: relative;
    padding: 10px 20px;
}

.sec-profile-page .main-details-order .card-details-list .top-details-list .head-toplist,
.sec-profile-page .main-details-order .card-details-list .top-details-list .body-toplist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}

.sec-profile-page .main-details-order .card-details-list .top-details-list .body-toplist .right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec-profile-page .main-details-order .card-details-list .spacing {
    width: 100%;
    height: 1px;
    border: none;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    opacity: 0.12;
    margin: 10px 0;
}

.sec-profile-page .main-details-order .card-details-list .status {
    background-color: var(--lightcolor);
    width: auto;
    padding: 6px 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
}

.sec-profile-page .main-details-order .card-details-list .status.success {
    background-color: rgba(55, 151, 119, 0.1);
    color: var(--maincolor);
}

.sec-profile-page .main-details-order .card-details-list .status.danger {
    background-color: rgba(199, 37, 62, 0.1);
    color: var(--redcolor);
}

.sec-profile-page .main-details-order .list-products-order {
    padding: 20px;
}

.sec-profile-page .main-details-order .list-products-order .item-fvcol {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(155, 164, 180, 0.2);
}

.sec-profile-page .main-details-order .list-products-order .item-fvcol:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sec-profile-page .main-details-order .list-products-order .box-fvstyle {
    border: none;
    box-shadow: none !important;
    padding: 0;
}

.sec-profile-page .main-details-order .list-products-order .btn-add-comment {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--lightcolor);
    padding: 10px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    transition: all 0.3s;
}

.sec-profile-page .main-details-order .list-products-order .btn-add-comment:hover {
    background-color: var(--blackcolor);
    color: var(--whitecolor);
}

.sec-profile-page .main-details-order .list-products-order .btn-add-comment>i {
    font-size: 20px;
    margin-left: 5px;
}

.content-pages .box-paying-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--whitecolor);
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 10px;
    box-shadow: 0px 4px 100px 0px rgba(69, 71, 75, 0.10);
}

.content-pages .box-paying-result .box-icon-pay {
    width: 90px;
    height: 90px;
    background-color: var(--maincolor);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: var(--whitecolor);
}

.content-pages .box-paying-result.danger-style .box-icon-pay {
    background-color: var(--redcolor);
    font-size: 30px;
}

.content-pages .box-paying-result .title-pay {
    font-size: 25px;
    font-weight: 800;
    color: var(--maincolor);
    margin: 20px 0 5px;
}

.content-pages .box-paying-result.danger-style .title-pay {
    color: var(--redcolor);
}

.content-pages .box-paying-result .transaction {
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
}

.content-pages .box-paying-result .desc {
    font-size: 14px;
    font-weight: 400;
    color: var(--textcolor);
    line-height: 28px;
    text-align: center;
    margin: 20px 0;
}

.content-pages .box-paying-result .btn-link-gohar {
    background-color: var(--yellowcolor);
    display: flex;
    width: 100%;
    height: 70px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
    font-size: 16px;
    font-weight: bold;
    color: var(--subcolor);
    border: none;
    flex-shrink: 0;
    margin-top: 20px;
    transition: all 0.3s;
}

.content-pages .box-paying-result .btn-link-gohar:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.4);
    color: var(--whitecolor);
}

.content-pages .box-paying-result .btn-link-gohar .arrow-left {
    background-color: var(--whitecolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 15px;
    font-size: 24px;
    color: var(--subcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.content-pages .box-paying-result .btn-link-gohar:hover .arrow-left {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}

/*---------------------- /Page Styles ---------------------*/

/*---------------------- Error Pages ---------------------*/

.error-page-goharnahal {
    background-color: var(--white);
    height: 100vh;
    padding: 0;
}

.error-page-goharnahal .vectors {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.error-page-goharnahal .rect-cl {
    width: 85px;
    position: absolute;
    left: 10%;
    top: 35%;
    z-index: 50;
    transform: scale(-1);
}

.error-page-goharnahal .rect-obl {
    width: 55px;
    position: absolute;
    left: 20%;
    bottom: 15%;
    z-index: 50;
    transform: scaleX(-1);
    opacity: 0.1;
}

.error-page-goharnahal .rect-obr {
    width: 90px;
    position: absolute;
    right: 10%;
    top: 35%;
    z-index: 50;
    opacity: 0.1;
}

.error-page-goharnahal .sqr-otl {
    width: 70px;
    position: absolute;
    left: 22%;
    top: 10%;
    z-index: 50;
    transform: scaleX(-1);
    opacity: 0.1;
}

.error-page-goharnahal .sqr-cr {
    width: 70px;
    position: absolute;
    right: 20%;
    top: 10%;
    z-index: 50;
}

.error-page-goharnahal .trg-bl {
    width: 105px;
    position: absolute;
    right: 22%;
    bottom: 15%;
    z-index: 50;
}

.error-page-goharnahal .background-error {
    position: relative;
    height: 100%;
    background-color: var(--subcolor);
    border-radius: 0;
    padding: 50px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.error-page-goharnahal .background-error::before {
    content: "";
    width: 600px;
    height: 600px;
    background-color: var(--maincolor);
    border-radius: 100%;
    position: absolute;
    top: 200px;
    filter: blur(600px) opacity(0.5);
}

.error-page-goharnahal .background-error .logo-error {
    text-align: center;
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 900;
}

.error-page-goharnahal .background-error .logo-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error-page-goharnahal .background-error .logo-main>img {
    width: 80px;
    flex-shrink: 0;
    margin-bottom: 10px;
}

.error-page-goharnahal .background-error .logo-main .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.6;
}

.error-page-goharnahal .background-error .logo-main .title {
    font-size: 25px;
    font-weight: bold;
    color: var(--whitecolor);
    margin: 0;
}

.error-page-goharnahal .background-error .logo-main .slogan {
    font-size: 11.5px;
    font-weight: 300;
    color: var(--whitecolor);
}

.error-page-goharnahal .background-error .error-page {
    position: relative;
    width: 50%;
    height: 100%;
    padding-bottom: 0;
    z-index: 100;
    text-align: center;
}

.error-page-goharnahal .background-error .error-page .number-error {
    position: relative;
    font-size: 250px;
    font-weight: bold;
    font-family: Open_Sans;
    color: var(--white);
    margin: 0;
    text-shadow: 0 10px 1px var(--maincolor);
}

.error-page-goharnahal .background-error .error-page .number-error.page404::after {
    content: "";
    width: 140px;
    height: 180px;
    background: url('../images/error/error404.svg') no-repeat bottom center / 140px;
    position: absolute;
    bottom: 50px;
    right: 10px;
    left: 0;
    margin: 0 auto;
}

.error-page-goharnahal .background-error .error-page .number-error.page500::after {
	content: "";
	width: 420px;
	height: 160px;
	background: url('../images/error/error500.svg') no-repeat bottom center / 420px;
	position: absolute;
	bottom: 20px;
	right: -178px;
	left: 0;
	margin: 0 auto;
}

.error-page-goharnahal .background-error .error-page .number-error.page401::after {
	content: "";
	width: 270px;
	height: 230px;
	background: url('../images/error/error401.svg') no-repeat bottom center / 270px;
	position: absolute;
	bottom: 15px;
	right: 25px;
	left: 0;
	margin: 0 auto;
}

.error-page-goharnahal .background-error .error-page .number-error.page400::after {
    content: "";
    width: 250px;
    height: 209px;
    background: url('../images/error/error400.svg') no-repeat bottom center / 250px;
    position: absolute;
    bottom: 25px;
    right: 20px;
    left: 0;
    margin: 0 auto;
}

.error-page-goharnahal .background-error .error-page .number-error.page403::after {
    content: "";
    width: 380px;
    height: 280px;
    background: url('../images/error/error403.svg') no-repeat bottom center / 380px;
    position: absolute;
    bottom: 0;
    right: -75px;
    left: 0;
    margin: 0 auto;
}

.error-page-goharnahal .background-error .error-page .number-error.page503::after {
	content: "";
	width: 400px;
	height: 400px;
	background: url('../images/error/error503.svg') no-repeat bottom center / 400px;
	position: absolute;
	bottom: -15px;
	right: 45px;
	left: 0;
	margin: 0 auto;
}

.error-page-goharnahal .background-error .error-page .title-error {
    font-size: 30px;
    font-weight: 800;
    color: var(--yellowcolor);
}

.error-page-goharnahal .background-error .error-page .desc-error {
    width: 80%;
    font-size: 16px;
    font-weight: normal;
    color: var(--whitecolor);
    text-align: center;
    line-height: 28px;
    opacity: 0.5;
    text-transform: uppercase;
}

.error-page-goharnahal .background-error .error-page .btn-link-gohar {
    background-color: var(--yellowcolor);
    display: flex;
    height: 70px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0px 4px 30px 0px rgba(244, 206, 20, 0.40);
    font-size: 16px;
    font-weight: bold;
    color: var(--subcolor);
    border: none;
    flex-shrink: 0;
    margin-top: 20px;
    transition: all 0.3s;
}

.error-page-goharnahal .background-error .error-page .btn-link-gohar:hover {
    background-color: var(--whitecolor);
    box-shadow: 0px 4px 30px 0px rgba(255, 255, 255, 0.4);
    color: var(--subcolor);
}

.error-page-goharnahal .background-error .error-page .btn-link-gohar .arrow-left {
    background-color: var(--whitecolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 15px;
    font-size: 24px;
    color: var(--subcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.error-page-goharnahal .background-error .error-page .btn-link-gohar:hover .arrow-left {
    background-color: var(--subcolor);
    color: var(--yellowcolor);
}

/*---------------------- /Error Pages ---------------------*/

/*---------------------- Responsives ---------------------*/

@media only screen and (min-width:1700px) and (max-width: 1800px) {
    .container {
        padding: 0;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1700px) {
    .container {
        padding: 0 30px;
    }

    .header-main .head-menu .logo-main>img {
        width: 75px;
    }

    .header-main .head-menu .logo-main .title {
        font-size: 25px;
    }

    .header-main .head-menu .logo-main .slogan {
        font-size: 11.7px;
    }

    .header-main .head-menu .options-head .btn-cart {
        padding: 10px 20px;
    }

    .header-main .head-menu .menu-gohar .nav-link .fa {
        font-size: 15px;
    }

    .sec-about-gohar .slides-images {
        background-size: 730px;
        width: 730px;
        height: 1062px;
        top: -40px;
    }

    .sec-about-gohar .slides-images .mask-image .image-slide {
        top: 200px;
        width: 400px;
    }

    .sec-about-gohar .slides-images .mask-image .sqr-cr {
        top: 103px;
    }

    .sec-about-gohar .slides-images .mask-image .sqr-otl {
        top: 95px;
    }

    .sec-about-gohar .slides-images .mask-image .trg-bl {
        bottom: 150px;
    }

    .sec-about-gohar .slides-images .circular-read {
        top: 380px;
        width: 120px;
        height: 120px;
    }

    .sec-about-gohar .slides-images .circular-read .text {
        width: 150px;
    }

    .sec-about-gohar .slides-images .circular-read .logo {
        width: 35px;
    }

    .sec-about-gohar .title-about {
        font-size: 35px;
    }

    .sec-about-gohar .title-about>img {
        height: 30px;
    }

    .sec-about-gohar .desc-about {
        font-size: 16px;
        line-height: 35px;
    }

    .sec-about-gohar .options .features .item-fts {
        gap: 10px;
    }

    .sec-about-gohar .options .features .item-fts>i {
        width: 25px;
        height: 25px;
        font-size: 25px;
    }

    .sec-about-gohar .options .btn-more-gohar {
        font-size: 16px;
    }

    .swiper-gohar-next,
    .swiper-gohar-prev {
        background-color: var(--lightcolor);
    }

    .sec-new-products .swiper-gohar-next {
        right: 15px;
    }

    .sec-new-products .swiper-gohar-prev {
        left: 15px;
    }

    .box-product-gohar .image {
        height: 130px;
    }

    .box-product-gohar .content .title {
        font-size: 18px;
    }

    .box-product-gohar .content .weather .status,
    .box-product-gohar .options .price .pr-number .unit,
    .box-product-gohar .features .item-fts .text,
    .sec-free-support .box-banner-gohar .form .btn-send-gohar {
        font-size: 14px;
    }

    .box-product-gohar .features .item-fts .sub-title,
    .box-product-gohar .options .price .pr-title {
        font-size: 12px;
    }

    .box-product-gohar .options .price .pr-number {
        font-size: 28px;
    }

    .box-product-gohar {
        height: 560px;
    }

    .sec-free-support .box-banner-gohar .person .call-text {
        right: 0;
    }

    .sec-free-support .box-banner-gohar .content .title {
        font-size: 26px;
    }

    .sec-free-support .box-banner-gohar .content .desc {
        display: flex;
        font-size: 12px;
        line-height: 1.5;
    }

    .sec-free-support .box-banner-gohar .form .input-box {
        width: 220px;
    }

    .sec-free-support .box-banner-gohar .person .prs-support {
        height: 250px;
    }

    .sec-free-support .box-banner-gohar {
        padding: 30px 260px 30px 40px;
    }

    .sec-free-support .box-banner-gohar .person .call-text {
        padding: 15px 25px 15px 30px;
        border-radius: 40px 15px 15px 0px;
    }

    .sec-free-support .box-banner-gohar .person .help-text {
        padding: 15px 25px 15px 30px;
        border-radius: 20px 40px 0px 20px;
        bottom: -15px;
    }

    .head-sec-gohar .content .title {
        font-size: 16px;
    }

    .sec-help-customers .item-step .details .title {
        font-size: 18px;
    }

    .sec-help-customers .item-step .details .desc {
        font-size: 14px;
    }

    .sec-help-customers .item-step .details .number {
        width: 70px;
        height: 70px;
        font-size: 35px;
        padding-top: 2px;
    }

    .sec-help-customers .item-step .details .step-icon {
        font-size: 35px;
    }

    .accordion-item .accordion-header .title {
        font-size: 16px;
    }

    .accordion-item .accordion-header .box-icon {
        font-size: 22px;
    }

    .accordion-item .accordion-content p {
        font-size: 12px;
        line-height: 25px;
    }

    .sec-amazing-offer .box-amazing .title-amazing {
        font-size: 32px;
    }

    .sec-amazing-offer .box-amazing .desc-amazing {
        font-size: 12px;
        line-height: 25px;
    }

    .sec-amazing-offer .box-amazing .vectors .trg-tr .triangle {
        width: 180px;
    }

    .sec-amazing-offer .box-amazing .vectors .trg-tr .percentage {
        width: 80px;
        margin-top: 0;
    }

    .sec-videos-consent .box-video-consent {
        height: 500px;
    }

    .sec-videos-consent .box-video-consent .content-video .state {
        font-size: 16px;
    }

    .sec-banner-catalog .box-banner-gohar .img-catalog {
        height: 210px;
    }

    .sec-banner-catalog .box-banner-gohar {
        padding: 30px 320px 30px 40px;
    }

    .sec-banner-catalog .box-banner-gohar .content .title {
        font-size: 26px;
    }

    .sec-banner-catalog .box-banner-gohar .content .desc {
        display: flex;
        font-size: 12px;
        line-height: 1.5;
    }

    .sec-banner-catalog .box-banner-gohar .details-count .desc-cnt {
        font-size: 12px;
        line-height: 1.5;
    }

    .sec-banner-catalog .box-banner-gohar .info-count .btn-send-gohar {
        font-size: 14px;
    }

    .sec-ads-banners .item-ads .box-ads .first-details .title,
    .sec-certificates .list-licenses .box-license .title,
    .sec-certificates .list-certificates .box-certificate .title {
        font-size: 16px;
    }

    .sec-ads-banners .item-ads .box-ads .first-details .count,
    .sec-ads-banners .item-ads .box-ads .second-details .count,
    .sec-certificates .list-licenses .box-license .date,
    .sec-certificates .list-certificates .box-certificate .date {
        font-size: 12px;
    }

    .sec-ads-banners .item-ads .box-ads .second-details .title {
        font-size: 20px;
    }

    .sec-ads-banners .item-ads .box-ads .second-details .img-icon {
        height: 60px;
    }

    .sec-best-seller .list-products .swiper-gohar-next {
        right: 30px;
    }

    .sec-best-seller .list-products .swiper-gohar-prev {
        left: 30px;
    }

    .sec-gohar-news .item-news .title-news>a {
        font-size: 18px;
    }

    .sec-gohar-news .item-news .desc-news {
        font-size: 12px;
        line-height: 25px;
    }

    .sec-agancies-news .head-sec-gohar .content .desc {
        font-size: 12px;
    }

    .sec-agancies-news .list-agancies .item-ags .content .title {
        font-size: 16px;
    }

    .sec-agancies-news .list-agancies .item-ags .content .date {
        font-size: 12px;
    }

    .sec-features-gohar .row-features {
        gap: 40px;
    }

    .sec-features-gohar .box-fts {
        height: 80px;
    }

    .sec-features-gohar .box-fts .content .title {
        font-size: 16px;
    }

    .sec-features-gohar .box-fts .content .desc {
        font-size: 12px;
    }

    .sec-features-gohar .box-fts .fts-icon {
        font-size: 38px;
    }

    .footer-main .footer-about .logo-main>img {
        width: 75px;
    }

    .footer-main .footer-about .logo-main .title {
        font-size: 25px;
    }

    .footer-main .footer-about .logo-main .slogan {
        font-size: 11.7px;
    }

    .footer-main .footer-about .desc-about {
        font-size: 14px;
        line-height: 30px;
    }

    .footer-main .footer-about .socials-website .title-sc,
    .footer-main .footer-about .head-address .title-head,
    .footer-main .footer-about .head-tell .title-head,
    .footer-main .footer-links .box-col-links .head-links .title {
        font-size: 16px;
    }

    .footer-main .btn-more-gohar,
    .footer-main .footer-links .box-col-links .head-links .btn-more,
    .footer-main .footer-links .box-col-links .row-links a {
        font-size: 14px;
    }

    .btn-more-gohar .arrow-left {
        height: 20px;
        font-size: 20px;
    }

    .footer-main .footer-about .socials-website .item-sc .title {
        font-size: 14px;
    }

    .footer-main .footer-about .socials-website .item-sc .desc {
        font-size: 12px;
    }

    .footer-main .footer-about .socials-website .item-sc.active .text {
        width: 185px;
    }

    .footer-main .footer-about .contacts-about .fullname {
        font-size: 14px;
    }

    .footer-main .footer-about .contacts-about .tel-number {
        font-size: 18px;
    }

    .footer-main .footer-about .list-address .item-adrs .title {
        font-size: 16px;
    }

    .footer-main .footer-about .list-address .item-adrs .text {
        font-size: 12px;
    }
}


.btn-primary-goharnal {
    background-color: var(--maincolor);
    width: 100%;
    display: flex;
    height: 50px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 4px 30px 0px rgba(55, 151, 119, 0.40);
    font-size: 16px;
    font-weight: 600;
    color: var(--whitecolor);
    border: none;
    flex-shrink: 0;
    margin-top: 20px;
    transition: all 0.3s;
}


.btn-primary-goharnal:hover {
    background-color: var(--subcolor);
    box-shadow: 0px 4px 30px 0px rgba(0, 69, 61, 0.4);
}

 .btn-primary-goharnal .arrow-left {
    background-color: var(--whitecolor);
    padding: 5px;
    height: 22px;
    border-radius: 100px;
    margin-right: 10px;
    font-size: 24px;
    color: var(--maincolor);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.btn-primary-goharnal:hover .arrow-left {
    background-color: var(--yellowcolor);
    color: var(--subcolor);
}


.form-control-gohar {
    width: 100%;
    height: 70px;
    padding: 10px 25px;
    text-align: right;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-color: var(--whitecolor);
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    box-shadow: none;
    transition: all 0.3s;
}

 .form-control-gohar:focus {
    border-color: var(--maincolor);
}

 .form-control-gohar::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    opacity: 0.5;
}


.gohar-link{
     color: var(--subcolor) !important;
}

.gohar-link:hover{
     color: var(--maincolor);
}


.container-address .form-control-gohar {
    width: 100%;
    height: 70px;
    padding: 10px 25px;
    text-align: right;
    border-radius: 20px;
    border: 2px solid rgba(155, 164, 180, 0.20);
    background-color: var(--whitecolor);
    font-size: 18px;
    font-weight: 700;
    color: var(--blackcolor);
    box-shadow: none;
    transition: all 0.3s;
}


.container-address .form-control-gohar:focus {
    border-color: var(--maincolor);
}

.container-address .form-control-gohar::placeholder {
    font-size: 14px;
    font-weight: 600;
    color: var(--textcolor);
    opacity: 0.5;
}
/*---------------------- /Responsives ---------------------*/