:is(
  .postid-31130,
  .postid-31889,
  .postid-52211,
  .postid-52404,
  .postid-52469,
  .postid-52470,
  .postid-61640,
  .postid-52403,
  .postid-52988,
  .postid-52995,
  .postid-53001,
  .postid-53002,
  .postid-53003,
  .postid-40691,
  .postid-40697,
) :is(.call_op_main, .price, .himora-call-wrap) {
    display: none !important;
}


.postid-56725 .himora-call-wrap{ display: none !important;}
.postid-56776 .himora-call-wrap{ display: none !important;}
.postid-49284 .himora-call-wrap{ display: none !important;}

/* ---- سبد خرید ---*/
.page-id-3134 .cross-sells {
    display: none !important;
}
.page-id-3134 .entry-content {
    align-content: center;
    text-align: center;
    width: 80%;
    margin: auto;
}
.page-id-3134 .cart-collaterals {
    justify-content: end;
}
.page-id-3134 .actions {
    padding-top: 1.7em !important;
}

.page-id-3135 .entry-content {
    align-content: center;
    text-align: center;
    width: 80%;
    margin: auto;
}
.page-id-3135 .woocommerce-billing-fields {
    text-align: right !important;
}

/*مشکل منو*/
off-canvas-wrapper #page {
    overflow: hidden;
}
/*مشکل منو*/
.off-canvas-wrapper #page.off-canvas-bg-opacity {
    overflow: hidden !important;
}

/*موقعیت go top */
.back-to-top-link {
    top: calc(100vh - 12rem) !important;
}

/* ترتیب صفحه مقالات*/
.content-area {
    order: 1;
}

/*---- تنظیم منو دسکتاپ ----*/
.secondary-nav-menu {
    border-radius: 6px;
    padding-bottom: 10px;
}
.wp-embed-heading {
    text-align: center;
}
.call_op_main {
    justify-content: center;
    display: flex;
}

/*-------------- نویسنده -------------------*/

.writertxt {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 700px;
    border: 1px;
    color: rgb(0, 0, 0);
    margin: auto;
    width: 80%;
    margin-top: 45px;
}

.witera {
    position: absolute;
    color: #F86F03 !important;
    margin-right: 43px;
    margin-top: -15px;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 15px;
    background-color: white;
    float: right;
}
.pwriter {
    font-size: 14px;
    margin-top: 34px;
    text-align: justify;
    padding: 25px;
}
.profile {
    position: relative;
    border-radius: 50%;
    width: 70px;
    margin-right: -30px;
    margin-top: -35px;
    float: right;
    box-shadow: 0px 0px 2px orange;
}
.profile:hover {
    box-shadow: 0px 0px 2px green;
    transition: 200ms;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rtm1 {
    text-decoration: none;
    border: 1px solid green;
    border-radius: 4px;
    color: green !important;
    padding: 5px;
    font-size: 12px;
    float: left;
    margin-left: 18px;
    margin-top: -45px;
    background: white;
}
.rtm1:hover {
    border: 1px solid orange;
    color: orange !important;
}

/*------- بیشتر بخوانید ----------*/

.readmore2 {
    margin-top: 35px;
    margin-right: 5vw;
    border: 1px #00C4FF;
    border-style: dashed;
    width: 75%;
}

.readmore2 a {
    padding-bottom: 10px;
    display: flow;
    margin-top: -18px;
    font-size: 18px;
    padding-left: 5px;
    padding-right: 10px;
    margin-right: 25px;
    background-color: white;
    text-align: start;
}
.readmore2 p {
    font-size: 15px;
    margin-right: 20px;
    margin-top: 6px;
    text-align: center;
    padding-left: 40px;
}
.product2 {
    position: relative;
    height: 135px;
    margin-left: -40px;
    margin-top: -5px;
    float: left;
    padding-right: 15px;
    max-height: 120px;
}
.sp1 {
    color: #FF6969;
}

/*------------- جدول --------------*/
.ts1 {
    margin-bottom: 20px;
}

.ts1 td {
    border-left: 1px solid lightgray;
    padding: 0.1rem !important;
    vertical-align: middle;
    text-align: center;
}
.ts1 table {
    font-size: 10px;
}
@media screen and (min-width: 600px) {
    .ts1 table {
        font-size: 14px;
    }
}

/*--------- لیست --------*/

.flist {
    font-weight: bold;
    padding-top: 20px;
    border-radius: 15px;
    background-image: url(https://www.himora.net/wp-content/uploads/2023/08/Untitled-2-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
}
/* .flist background-image { opacity:75%; }  این انتخاب‌گر بی‌اثر بود و حذف شد */
.flist li:hover {
    color: orange;
}
.flist a:hover {
    color: black !important;
}
.tsb2 {
    overflow-x: auto;
    text-align: center;
}

/*------------ مقالات قبلی و بعدی نویگیشن ---------------------*/

.post-navigation > .nav-links a {
    border: 1px solid red;
    padding: 6px;
    background-color: #404040;
    color: white !important;
    border-radius: 5px;
}

.container > .site-content-inner > .content-area > .site-main > .category-blog {
    margin-bottom: 12px;
}
.post-navigation {
    margin-bottom: 3em !important;
}
.navigation > .nav-links {
    margin-top: 15px;
}

/*--------------banner--------------*/

.titrbold {
    border-bottom: 2px solid orange;
    display: block;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
    background-color: #cecece;
}

/*-------------- نمیدانم --------------------*/
.FAQ {
    border: 2.5px;
    border-color: black;
    border-radius: 10px;
    background-color: #cecece;
    text-align: center;
    color: black;
    padding: 20px;
    margin-bottom: 5px !important;
}

/*-------------------ضربان---------------------*/

.beat {
    -webkit-animation: hbeat .90s infinite alternate;
    -moz-animation: hbeat .90s infinite alternate;
    -ms-animation: hbeat .90s infinite alternate;
    -o-animation: hbeat .90s infinite alternate;
    animation: hbeat .90s infinite alternate;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

@keyframes hbeat {
    to {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}
@-moz-keyframes hbeat {
    to {
        -moz-transform: scale(1.05);
        transform: scale(1.05);
    }
}
@-webkit-keyframes hbeat {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
@-ms-keyframes hbeat {
    to {
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}
@-o-keyframes hbeat {
    to {
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
}

/*-------------------- عدم نمایش برچسب های زیر محصول --------------------*/
.product_meta {
    display: none;
}

/*-------------------- ویس های داخل متن ---------------------------------*/
.audiocss {
    width: 100%;
    border: 2px solid black;
    border-radius: 35px;
    margin-top: 10px;
}

/*-------------------صفحه پادکست ---------------*/
.imgpodcast {
    max-width: 100%;
    display: flex;
    margin: auto;
    margin-bottom: 10px;
}
.podcastcss {
    display: flex;
    margin: auto;
    justify-content: center;
}
.imgp1 {
    margin-left: 4px;
    max-width: 100%;
    transition: transform .3s;
}
.imgp1:hover {
    -ms-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.imgp2 {
    margin-right: 4px;
    max-width: 100%;
    transition: transform .3s;
}
.imgp2:hover {
    -ms-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
@media only screen and (max-width: 700px) {
    .imgpodcast {
        max-width: 85%;
    }
    .podcastcss {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .imgp1 {
        margin-left: 0px;
        max-width: 85%;
        margin: auto;
    }
    .imgp2 {
        margin-right: 0px;
        max-width: 85%;
        margin: auto;
        margin-top: 10px;
    }
    .podcastcss a {
        text-align: center;
    }
}

.textstylepadcast {
    width: 80%;
    margin: auto;
}

.cq-chatbubble-content p {
    color: white !important;
}

/*------------------ blog photo beats  ------------------*/
.hbe {
    margin: auto;
    text-align: center;
    -webkit-animation: beat .80s infinite alternate;
    -moz-animation: beat .80s infinite alternate;
    -ms-animation: beat .80s infinite alternate;
    -o-animation: beat .80s infinite alternate;
    animation: beat .80s infinite alternate;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

@keyframes beat {
    to {
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
}
@-moz-keyframes beat {
    to {
        -moz-transform: scale(1.02);
        transform: scale(1.02);
    }
}
@-webkit-keyframes beat {
    to {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
}
@-ms-keyframes beat {
    to {
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
}
@-o-keyframes beat {
    to {
        -o-transform: scale(1.02);
        transform: scale(1.02);
    }
}

/*------------ hover ------------------*/
.zoom {
    transition: transform .2s;
}
.zoom:hover {
    transform: scale(1.04);
}

/*----------------- بارگیری و ارسال منو ------------------*/
#menu-item-80245 > a {
    font-weight: bold;
    color: red;
}

/*------------------ footer icons -----------------*/
.img4 > div {
    padding: 3px;
}
.icondiv {
    margin-top: 0px !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
}
.icondiv > div {
    align-self: center;
    margin: 5px;
}
.address {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.ss {
    text-align: center !important;
}

/*------------------ aparat border -----------------*/

.bgaparat {
    margin: auto;
    padding: 10px;
    margin-bottom: 15px;
}
.b {
    padding-top: 5px;
}
.pstyle {
    text-align: center !important;
    font-weight: bold;
    padding-right: 10px;
    color: red;
}

/*------------------ pic-position -----------------*/

.cq-hotspots {
    margin-top: 80px;
}

/*------------ padcast in blog position -----------*/
.sidebar-blog .widget-title,
.sidebar > .widget > .widget-title {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    background-color: #333e48 !important;
    color: #fff !important;
    text-shadow: 0 0 2px #000 !important;
    border-radius: 5px !important;
    font-size: 1.286em !important;
    padding: 10px !important;
}
.widget-title {
    background-color: #333e48 !important;
}

.tptn_title {
    display: block;
    max-width: 250px;
    text-align: center;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tptn_posts img {
    margin: auto;
    display: flex;
}

/*-----------  buy  --------------*/
.buyhelp {
    margin-top: 30px;
    font-size: 17px;
    text-align: justify;
}
.buyhelp label {
    color: maroon;
    padding-bottom: 15px;
}
.callbuy {
    display: flow;
    color: black;
    font-weight: bold;
    background-color: #DDE6ED;
    margin: auto;
    width: 200px;
    padding: 8px;
    text-align: center;
    border: 0px solid;
    border-radius: 10px;
}
.callbuy:hover {
    background-color: #526D82;
    color: white;
}

/*-----------  تیتر قسمت همکاری --------------*/
.customerhimora {
    margin-bottom: -5px;
    font: inherit;
    font-size: 18px;
    background-color: rgba(39, 39, 39, 1);
    padding: 10px;
    color: white;
}
.Cooperation {
    margin-top: -30px;
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    overflow-y: hidden;
}

/*----------- scroll style --------*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*-----  لیست همکاری --------*/

.grid-itemq {
    padding: 3.5em 1em;
}
.maine {
    grid-area: main;
    padding: 0;
    overflow-x: scroll;
    overflow-y: hidden;
}
.itemss {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    transform: scale(0.98);
    will-change: transform;
    user-select: none;
    cursor: pointer;
}
.itemss.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1);
}
.itemd {
    height: 55px;
    display: inline-block;
    margin: 2em 1em;
    filter: grayscale(100%);
}
.itemd:hover {
    filter: grayscale(0%);
}

/* ---------------   مقالات صفحه اول -------------*/

.mpc-post > .mpc-post__wrapper > .mpc-post__thumbnail {
    height: 155px !important;
}
.mpc-post > .mpc-post__wrapper > .mpc-post__content {
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
}

/* --------------- (رضایت مشتری) برگه ویدیو بارگیری و ارسال -------------*/
.aiovg-item-category-20091 {
    display: none !important;
}
.post-78928 > .entry-content > .aiovg-6540ed6644e4f1 > .aiovg-section-videos > .aiovg-thumbnail > .aiovg-responsive-container a {
    padding-bottom: 100% !important;
}
.post-78928 > .entry-header h1 {
    font-weight: bold;
}
/* .post-78928 > .entry-header > .entry-title {display: none !important;} */

/*---------- مقایسه دو محصول در کنار هم در صفحه پکیج برقی --------*/

.pricingdiv {
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px !important;
}
.pricingdiv ul.theplan {
    list-style: none;
    padding: 0;
    max-width: 350px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid gray;
    transition: all .5s;
}
.pricingdiv ul.theplan:hover {
    transform: scale(1.03);
    transition: all .5s;
    z-index: 5;
    box-shadow: 0 0 10px gray;
}

.theplanb:disabled {
    margin-bottom: 0 !important;
}

.pricingdiv ul.theplan li {
    padding: 15px 15px;
    position: relative;
    border-bottom: 1px solid #eee;
}
.pricingdiv ul.theplan li.titless {
    font-weight: bold;
    text-align: center !important;
    padding: 20px 10px;
    background: #A7D397;
    color: white !important;
    box-shadow: 0 -10px 5px rgba(0, 0, 0, .1) inset;
}
.pricingdiv ul.theplan:nth-of-type(2) li.titless {
    background: rgb(249, 111, 118);
    color: white;
}
.pricingdiv ul.theplan:nth-of-type(3) li.titless {
    background: rgb(210, 117, 251);
    color: white;
}
.pricingdiv ul.theplan li.titless b {
    font-size: 250%;
}
.pricingdiv ul.theplan li:last-of-type {
    text-align: center;
    margin-top: auto;
}
.pricingdiv a.pricebutton {
    background: red;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    margin: 10px auto;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}

/*------------------------- nav menue problem -------------------------------*/
#sidebar {
    max-width: 300px !important;
}

/************************ hide side bar mobiel *******************************/
@media (max-width: 500px) {
    #sidebar {
        display: none !important;
    }
    .back-to-top-wrapper {
        right: 10px !important;
    }
    .back-to-top-wrapper > a {
        opacity: 0.8;
    }
}

/*--------- iraq --------*/

/* -------- Landing page ------- */
.g1-section {
    padding: 10px 50px;
}
.g1-section .owl-stage {
    margin: 15px 0;
    display: flex;
    display: -webkit-flex;
}
.g1-section .itemn {
    margin: 0 15px 60px;
    width: 320px;
    height: 400px;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    background: #343434 no-repeat center center / cover;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    cursor: pointer;
}
.g1-section .itemn.actives {
    width: 500px;
    box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 12px 40px 40px rgba(0, 0, 0, 0.25);
}
.g1-section .itemn:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
.g1-section .itemn-desc {
    direction: rtl;
    padding: 0 24px 12px;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transform: translateY(calc(100% - 54px));
    -webkit-transform: translateY(calc(100% - 54px));
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.g1-section .itemn.actives .itemn-desc {
    transform: none;
    -webkit-transform: none;
}
.g1-section .itemn-desc p {
    opacity: 0;
    -webkit-transform: translateY(32px);
    transform: translateY(32px);
    transition: all 0.4s ease-in-out 0.2s;
    -webkit-transition: all 0.4s ease-in-out 0.2s;
}
.g1-section .itemn.actives .itemn-desc p {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.g1-section .owl-theme.custom-carousels .owl-dots {
    margin-top: -20px;
    position: relative;
    z-index: 5;
}

/***** responsive css Start ******/

@media (min-width: 992px) and (max-width: 1199px) {
    .g1-section {
        padding: 30px 30px;
    }
    .g1-section .itemn {
        margin: 0 12px 60px;
        width: 260px;
        height: 360px;
    }
    .g1-section .itemn.actives {
        width: 400px;
    }
    .g1-section .itemn-desc {
        transform: translateY(calc(100% - 46px));
        -webkit-transform: translateY(calc(100% - 46px));
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .line-title1 {
        width: 330px;
    }
    .g1-section {
        padding: 50px 30px 40px;
    }
    .g1-section .itemn {
        margin: 0 12px 60px;
        width: 240px;
        height: 330px;
    }
    .g1-section .itemn.actives {
        width: 360px;
    }
    .g1-section .itemn-desc {
        transform: translateY(calc(100% - 42px));
        -webkit-transform: translateY(calc(100% - 42px));
    }
}

@media (max-width: 767px) {
    .g1-section {
        padding: 30px 15px 20px;
    }
    .g1-section .itemn {
        margin: 0 10px 40px;
        width: 200px;
        height: 280px;
    }
    .g1-section .itemn.actives {
        width: 270px;
        box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
    }
    .g1-section .itemn-desc {
        padding: 0 14px 5px;
        transform: translateY(calc(100% - 42px));
        -webkit-transform: translateY(calc(100% - 42px));
    }
}

/*-----------------------------*/
.itemn-desc {
    direction: rtl;
    text-align: justify;
}
.owl-nav {
    display: none;
    width: 0 !important;
}
.owl-dots .owl-dot + .owl-dot {
    margin-right: 0 !important;
}

/*------------------------------------*/
.bodys {
    margin-top: 35px;
    display: grid;
    place-content: center;
    background: #eaeaea;
}
.containers {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 1em;
    width: 600px;
    height: 300px;
    transition: all 400ms;
}
.containers:hover .boxs {
    filter: grayscale(100%) opacity(24%);
}
.boxs {
    position: relative;
    background: var(--img) center center;
    background-size: cover;
    transition: all 400ms;
    display: flex;
    justify-content: center;
    align-items: center;
}
.containers .boxs:hover {
    filter: grayscale(0%) opacity(100%);
}
.containers:has(.box-1:hover) {
    grid-template-columns: 3fr 1fr 1fr 1fr 1fr;
}
.containers:has(.box-2:hover) {
    grid-template-columns: 1fr 3fr 1fr 1fr 1fr;
}
.containers:has(.box-3:hover) {
    grid-template-columns: 1fr 1fr 3fr 1fr 1fr;
}
.containers:has(.box-4:hover) {
    grid-template-columns: 1fr 1fr 1fr 3fr 1fr;
}
.containers:has(.box-5:hover) {
    grid-template-columns: 1fr 1fr 1fr 1fr 3fr;
}
.boxs:nth-child(odd) {
    transform: translateY(-16px);
}
.boxs:nth-child(even) {
    transform: translateY(16px);
}
.boxs::after {
    content: attr(data-text);
    position: absolute;
    bottom: 20px;
    background: #000;
    color: #fff;
    padding: 10px 10px 10px 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    transform: translateY(60px);
    opacity: 0;
    transition: all 400ms;
}
.boxs:hover::after {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 400ms;
}

/* CARD */

.card-body {
    display: flex;
    overflow: scroll;
    gap: 30px;
    padding: 0px 40px 40px 0px;
}
.cardi {
    width: min(100%, 500px);
    min-width: 250px;
    border-radius: 16px;
    z-index: 5;
    background-color: white;
}
.cardi > img {
    display: block;
    width: 100%;
    max-width: 500px;
    aspect-ratio: 4/3;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 16px 16px 0 0;
    filter: contrast(70%);
    transition: all 0.6s cubic-bezier(0.43, 0.41, 0.22, 0.91);
}
.cardi > img:hover {
    filter: contrast(100%);
}
.card-contents {
    text-align: justify;
    display: flex;
    flex-direction: column;
    padding: 20px 15px 20px;
}
.card-contents > p {
    margin-bottom: 10px;
}
.card-contents > p:nth-child(1) {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1e40af;
}
.card-contents > p:nth-child(2) {
    font-size: 0.8rem;
    font-weight: 400;
    color: #6b7280;
}

/* ------------- qustion ----------------*/

.accordion {
    display: flex;
    flex-direction: column;
    margin: 50px auto;
    padding: 0 20%;
    margin: auto;
}
.accordion h2 {
    font-size: 32px;
    text-align: center;
}
.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.accordion-item .accordion-item-title {
    background-color: #eaeaea;
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 15px;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
}
.accordion-item .accordion-item-desc {
    display: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #444;
    border-top: 1px dashed #ddd;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
.accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-title .icon:after {
    content: "-";
    font-size: 20px;
}
.accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 20px;
}
.accordion-item:first-child {
    margin-top: 0;
}
.accordion-item .icon {
    margin-left: 14px;
}

@media screen and (max-width: 767px) {
    .accordion {
        padding: 0 16px;
    }
    .accordion h1 {
        font-size: 22px;
    }
    .cardl {
        color: white;
    }
}
.txtstyle {
    text-align: justify;
}

/*--------- call -----------*/

.tbody1 img {
    border-radius: 50%;
    width: clamp(100px, 40vw, 120px);
    height: clamp(100px, 40vw, 120px);
    object-fit: cover;
    object-position: top;
}
.contents1 {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: white;
    margin-bottom: 4em;
}
.cont01 {
    text-align: center !important;
}

.pcall {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.938rem;
    transform: translateY(-3em);
    position: relative;
    z-index: 10;
}
.pcall .cardl {
    padding-top: 25px;
    max-width: 11rem;
    width: 90%;
    height: 14rem;
    display: grid;
    place-content: center;
    place-items: center;
    text-align: center;
    position: relative;
}
.pcall .cardl::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    z-index: -1;
    border: 0.125rem solid transparent;
    background: linear-gradient(45deg, #1e272e, #48627a) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.pcall .cardl h2 {
    color: white;
    letter-spacing: 0.05rem;
    font-size: clamp(1rem, 0.9375rem + 0.3125vw, 1.25rem);
    margin-top: 0.625em;
    margin-bottom: 0.188em;
}
.pcall .cardl p {
    direction: ltr;
    color: white;
    font-size: clamp(0.8rem, 0.7625rem + 0.1875vw, 0.95rem);
}
.pcall .cardl-top {
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    gap: 0.938rem;
    flex-wrap: wrap;
}
.pcall .cardl-top .card img {
    width: clamp(120px, 40vw, 150px);
    height: clamp(120px, 40vw, 150px);
}

@media (max-width: 478px) {
    .entry-title h1 {
        font-weight: 700;
        padding-right: 40px;
        padding-top: 25px;
    }
    .eh2 {
        padding-right: 40px;
    }
    .accordion h2 {
        text-align: center !important;
        font-weight: bold;
    }
}

/*------------ button -----------------*/
.frameb {
    width: 90%;
    margin: 40px auto;
    text-align: center;
}
.frameb button {
    margin: 20px;
}

.custom-btn {
    height: 45px;
    border-radius: 5px;
    padding: 10px 30px;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow:
        inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
        7px 7px 20px 0px rgba(0, 0, 0, .1),
        4px 4px 5px 0px rgba(0, 0, 0, .1);
    outline: none;
}
.custom-btn a {
    font-size: 15px;
    color: red;
}

/* ------------ 16 ------------*/
.btn-16 {
    border: none;
    color: #000;
}
.btn-16:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    direction: rtl;
    z-index: -1;
    box-shadow:
        -7px -7px 20px 0px #fff9,
        -4px -4px 5px 0px #fff9,
        7px 7px 20px 0px #0002,
        4px 4px 5px 0px #0001;
    transition: all 0.3s ease;
}
.btn-16:hover {
    color: #000;
}
.btn-16:hover:after {
    left: auto;
    right: 0;
    width: 100%;
}
.btn-16:active {
    top: 2px;
}

.disflex {
    display: flex !important;
}

/*------- نتیجه گیری استیکری ------*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.wrapper {
    margin: 60px auto 0 auto;
}

/* Note styles */
.note-wrap h2 {
    font-size: 25px;
    padding-bottom: 10px;
}
.note-wrap {
    width: 100%;
    min-height: 235px;
    padding: 35px;
    margin: 0 22px 44px 22px;
    position: relative;
    font-size: 18px;
    vertical-align: top;
    display: inline-block;
    color: whitesmoke;
    background: #F7E999;
    line-height: 34px;
    text-align: justify;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}
.note-wrap:before {
    display: block;
    content: "";
    background: rgba(222, 52, 40, 0.4);
    width: 150px;
    height: 40px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 6px/18px 0;
    position: absolute;
    top: -20px;
    left: 30%;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.note-wrap a {
    border-radius: 15px;
    padding: 9px 23px;
    background: transparent;
    position: relative;
    display: flex;
    justify-content: center;
    color: orange !important;
    text-decoration: none;
    box-shadow:
        inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
        7px 7px 20px 0px rgba(0, 0, 0, .1),
        4px 4px 5px 0px rgba(0, 0, 0, .1);
    font-size: 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.note-wrap a:hover {
    color: #ffcfcc !important;
}
.note-blue {
    background: #747474;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.framebb {
    bottom: 35px;
    left: 45px;
    position: absolute;
}

/*-----------------*/
.MaW5 {
    margin: auto;
    width: 50%;
}
.heartbeat-box > .wpb_column > .vc_column-inner > .wpb_wrapper > .pb_text_column > .wpb_wrapper > p {
    text-align: center !important;
}
.heartbeat-box {
    margin: auto;
    width: 75%;
    padding: 18px;
    border-radius: 20px;
    background-color: #F7F7F7;
    position: relative;
    animation: heartbeat 2s infinite;
}
@keyframes heartbeat {
    0%, 20%, 80%, 100% {
        box-shadow: none;
    }
    10%, 15% {
        box-shadow: 0 0 5px rgba(255, 0, 0, 1);
    }
    50%, 55% {
        box-shadow: 0 0 5px rgba(255, 0, 0, 1);
    }
}

/* پست‌هایی که ویجت تماس/کال باید مخفی شود */
.postid-31130 .wsppc_div_block {
    display: none;
}
.postid-31130 .call-to-button {
    display: none !important;
}
.postid-50347 .wsppc_div_block,
.postid-31708 .wsppc_div_block,
.postid-30837 .wsppc_div_block,
.postid-31225 .wsppc_div_block {
    display: none;
}
.postid-50347 .coccoc-alo-phone,
.postid-31708 .coccoc-alo-phone,
.postid-30837 .coccoc-alo-phone,
.postid-31225 .coccoc-alo-phone {
    display: none !important;
}
.postid-63683 .wsppc_div_block {
    display: none;
}
.postid-63683 .call-to-button {
    display: none !important;
}

.reviews_tab,
.description_tab,
.specification_tab {
    text-align: center !important;
}

.pulse-image {
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* استایل صفحه یخساز ایرانی */
.page-id-90798 h1 {
    text-align: center;
}

.page-id-85346 h1 {
    color: white;
    font-size: 3rem !important;
    padding-top: 2%;
    padding-right: 10%;
    position: absolute;
    z-index: 10;
    text-align: center;
}
.page-id-85346 #main {
    margin-top: -105px;
}

.h1text {
    position: absolute;
    display: flex;
    top: 10%;
    padding-right: 4%;
    width: 75%;
    text-align: justify;
    color: white;
    font-size: 15px;
}
@media (max-width: 1200px) {
    .h1text {
        width: 90%;
        padding-right: 5%;
    }
}
.skyh1 {
    width: 100%;
    height: 590px;
    background-image: url("https://www.himora.net/wp-content/uploads/2024/01/sky.jpg");
}
.maint {
    margin-top: -40%;
}

:root {
    --background-dark: #2d3548;
    --text-light: rgba(255, 255, 255, 0.6);
    --text-lighter: rgba(255, 255, 255, 0.9);
    --spacing-s: 8px;
    --spacing-m: 16px;
    --spacing-l: 30px;
    --spacing-xl: 32px;
    --spacing-xxl: 64px;
    --width-container: 1200px;
}

.hero-section {
    align-items: flex-start;
    display: flex;
    min-height: 100%;
    justify-content: center;
    padding: var(--spacing-xxl) var(--spacing-l);
}
.card-gridice {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--spacing-l);
    grid-row-gap: var(--spacing-l);
    max-width: var(--width-container);
    width: 100%;
}
@media (min-width: 960px) {
    .card-gridice {
        grid-template-columns: repeat(4, 1fr);
    }
}

.cardice {
    list-style: none;
    position: relative;
}
.cardice:before {
    content: '';
    display: block;
    padding-bottom: 150%;
    width: 100%;
}
.card__background {
    background-size: cover;
    background-position: center;
    border-radius: var(--spacing-l);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center;
    transform: scale(1) translateZ(0);
    transition:
        filter 200ms linear,
        transform 200ms linear;
}
.cardice:hover .card__background {
    transform: scale(1.05) translateZ(0);
}
.card-gridice:hover > .cardice:not(:hover) .card__background {
    filter: brightness(0.5) saturate(0) contrast(0.8) blur(5px);
}
.card__content {
    padding: var(--spacing-l);
    position: absolute;
    top: 0;
}
.card__category {
    margin-bottom: -15px !important;
    direction: rtl;
    color: var(--text-light);
    font-size: 20px;
    margin-bottom: var(--spacing-s);
    text-transform: uppercase;
}
.card__heading {
    direction: rtl !important;
    color: var(--text-lighter);
    font-size: 38px !important;
    text-shadow: 1px 2px 7px rgba(0, 0, 0, 1);
    line-height: 1.8;
}
.w600 {
    max-width: 666px;
}
.disj {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
@media (max-width: 1200px) {
    .disj {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .desert {
        margin-bottom: -255px !important;
        display: flex;
        position: absolute;
        justify-content: center;
    }
}

/*دسته بندی یخساز قالبی*/

:root {
    --d: 700ms;
    --e: cubic-bezier(0.19, 1, 0.22, 1);
}

.bodyi * {
    box-sizing: border-box;
}
.bodyi {
    display: grid;
    place-items: center;
}
.page-contenti {
    display: grid;
    grid-gap: 1rem;
    padding: 1rem;
    max-width: 1200px;
    margin: 0 auto;
    font-family: var(--font-sans);
}
.page-contenti {
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
    .page-contenti {
        grid-template-columns: repeat(6, 1fr);
    }
}
.cardi2 {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    text-align: center;
    color: whitesmoke;
    background-color: whitesmoke;
    box-shadow:
        0 1px 1px rgba(0, 0, 0, 0.1),
        0 2px 2px rgba(0, 0, 0, 0.1),
        0 4px 4px rgba(0, 0, 0, 0.1),
        0 8px 8px rgba(0, 0, 0, 0.1),
        0 16px 16px rgba(0, 0, 0, 0.1);
}
@media (min-width: 600px) {
    .cardi2 {
        height: 350px;
    }
}
.cardi2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    background-size: cover;
    background-position: 0 0;
    transition: transform calc(var(--d) * 1.5) var(--e);
    pointer-events: none;
}
.cardi2:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    pointer-events: none;
    background-image: linear-gradient(to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.009) 11.7%,
        rgba(0, 0, 0, 0.034) 22.1%,
        rgba(0, 0, 0, 0.072) 31.2%,
        rgba(0, 0, 0, 0.123) 39.4%,
        rgba(0, 0, 0, 0.182) 46.6%,
        rgba(0, 0, 0, 0.249) 53.1%,
        rgba(0, 0, 0, 0.32) 58.9%,
        rgba(0, 0, 0, 0.394) 64.3%,
        rgba(0, 0, 0, 0.468) 69.3%,
        rgba(0, 0, 0, 0.54) 74.1%,
        rgba(0, 0, 0, 0.607) 78.8%,
        rgba(0, 0, 0, 0.668) 83.6%,
        rgba(0, 0, 0, 0.721) 88.7%,
        rgba(0, 0, 0, 0.762) 94.1%,
        rgba(0, 0, 0, 0.79) 100%);
    transform: translateY(-50%);
    transition: transform calc(var(--d) * 2) var(--e);
}
.cardi2:nth-child(1):before {
    background-image: url(https://www.himora.net/wp-content/uploads/2024/02/Ice-maker-category-1.webp?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
}
.cardi2:nth-child(2):before {
    background-image: url(https://www.himora.net/wp-content/uploads/2024/02/Ice-maker-category-6.webp?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
}
.cardi2:nth-child(3):before {
    background-image: url(https://www.himora.net/wp-content/uploads/2024/02/Ice-maker-category-5.webp?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
}
.cardi2:nth-child(4):before {
    background-image: url(https://www.himora.net/wp-content/uploads/2024/02/Ice-maker-category-4.webp?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
}
.cardi2:nth-child(5):before {
    background-image: url(https://www.himora.net/wp-content/uploads/2024/02/Ice-maker-category-2.webp?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
}
.cardi2:nth-child(6):before {
    background-image: url(https://www.himora.net/wp-content/uploads/2024/02/Ice-maker-category-3.webp?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
}
.contenti {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1rem;
    transition: transform var(--d) var(--e);
    z-index: 1;
}
.contenti > * + * {
    margin-top: 1rem;
}
.titlei {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}
.copyi {
    font-size: 1.125rem;
    line-height: 1.35;
}
.btni {
    cursor: pointer;
    margin-top: 1.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.65rem;
    font-weight: bold;
    letter-spacing: 0.025rem;
    text-transform: uppercase;
    color: white;
    background-color: black;
    border: none;
}
.btni:hover {
    background-color: #0d0d0d;
}
.btni:focus {
    outline: 1px dashed yellow;
    outline-offset: 3px;
}
@media (hover: hover) and (min-width: 600px) {
    .cardi2:after {
        transform: translateY(0);
    }
    .contenti {
        transform: translateY(calc(100% - 4.5rem));
    }
    .contenti > *:not(.titlei) {
        opacity: 0;
        transform: translateY(1rem);
        transition: transform var(--d) var(--e), opacity var(--d) var(--e);
    }
    .cardi2:hover,
    .cardi2:focus-within {
        align-items: center;
    }
    .cardi2:hover:before,
    .cardi2:focus-within:before {
        transform: translateY(-4%);
    }
    .cardi2:hover:after,
    .cardi2:focus-within:after {
        transform: translateY(-50%);
    }
    .cardi2:hover .contenti,
    .cardi2:focus-within .contenti {
        transform: translateY(0);
    }
    .cardi2:hover .contenti > *:not(.titlei),
    .cardi2:focus-within .contenti > *:not(.titlei) {
        opacity: 1;
        transform: translateY(0);
        transition-delay: calc(var(--d) / 8);
    }
    .cardi2:focus-within:before,
    .cardi2:focus-within:after,
    .cardi2:focus-within .contenti,
    .cardi2:focus-within .contenti > *:not(.titlei) {
        transition-duration: 0s;
    }
}

.cat_test {
    text-align: justify;
}
.cat_test p {
    font-size: 15px;
}

*, *::before, *::after {
    box-sizing: border-box;
}
@keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}
.gradient-border-css {
    background-color: #f5f5f5;
    margin: auto;
    position: relative;
    z-index: 0;
    width: fit-content;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
}
.gradient-border-css::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #399953;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image:
        linear-gradient(#399953, #399953),
        linear-gradient(#fbb300, #fbb300),
        linear-gradient(#d53e33, #d53e33),
        linear-gradient(#377af5, #377af5);
    animation: rotate 4s linear infinite;
}
.gradient-border-css::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: white;
    border-radius: 5px;
}

/*---------------------------------------*/

.stik {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Note styles alt */
.note-wrap {
    min-height: 235px;
    padding: 35px;
    position: relative;
    font-size: 20px;
    vertical-align: top;
    display: inline-block;
    color: #4b453c;
    background: #F7E999;
    line-height: 34px;
    text-align: center;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}
.note-wrap:before {
    display: block;
    content: "";
    background: rgba(227, 200, 114, 0.4);
    width: 130px;
    height: 28px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 6px/18px 0;
    position: absolute;
    top: -13px;
    left: 50px;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.size-yellow { width: 300px; }
.note-yellow {
    background: #F7E999;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}
.size-blue { width: 300px; }
.note-blue {
    background: #b9dcf4;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.size-pink { width: 300px; }
.note-pink {
    background: #FFBDA3;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
}
.size-green { width: 350px; }
.note-green {
    background: #CAF4B9;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}

.archive .term-12639 #main > div:nth-child(2) {
    background-color: #f5f5f5 !important;
    border: none !important;
}

/* برگه صفحه مشتریان هیمورا */

.page-id-86348 h1,
.page-id-82815 h1,
.page-id-82942 h1,
.page-id-82324 h1 {
    font-size: 3rem !important;
    text-align: center;
}

.card-gridice2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: 1200px;
    width: 100%;
}
@media (min-width: 960px) {
    .card-gridice2 {
        grid-template-columns: repeat(5, 1fr);
    }
}
.card-gridice2:hover > .cardice:not(:hover) .card__background {
    filter: brightness(0.5) saturate(0) contrast(0.8) blur(5px);
}

.tiltgrid {
    overflow: hidden;
}
@media screen and (min-width: 720px) {
    .tiltgrid {
        margin-inline: clamp(1rem, 2.4761904762rem, 2rem);
    }
}
.tiltgrid__container {
    --skew-y: calc(var(--scroll-tilt, -7) * 1deg);
    --easing: cubic-bezier(1, 0.45, 0.7, 1.05);
    transform: skewY(var(--skew-y)) scale(1.05);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(0.25rem, 1.3571428571rem, 1rem);
    transition: gap 0.3s ease;
    padding-top: 80px;
    margin-bottom: 180px;
}
@media screen and (min-width: 720px) {
    .tiltgrid__container {
        grid-template-columns: repeat(4, 1fr);
    }
}
.tiltgrid__container:hover img {
    filter: saturate(0);
    transition: scale 0.8s, filter 1s;
}
.tiltgrid__container > div {
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    opacity: 0;
    animation: tiltslide 1s forwards;
}
@keyframes tiltslide {
    from {
        opacity: 0;
        clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
        filter: saturate(0);
    }
    to {
        opacity: 1;
        clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
        filter: saturate(1);
    }
}
.tiltgrid__container > div img {
    aspect-ratio: 1.7777777778;
    min-width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    pointer-events: none;
    filter: saturate(1);
    transform: skewY(calc(var(--skew-y) * -1));
    scale: 1.4;
    transition: scale 0.8s, filter 0.6s;
}
.tiltgrid__container > div:hover img {
    scale: 1.5;
    filter: saturate(1);
    transition: scale 0.8s, filter 0.6s;
}
.p-x {
    padding-inline: 1.5em;
}
.heroic {
    padding-top: clamp(6rem, 11.9047619048rem, 10rem);
    padding-bottom: clamp(2rem, 4.9523809524rem, 4rem);
    position: sticky;
    top: 0;
    transform-origin: 50% 0%;
}
.heroic .containeri {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.heroic .containeri > * {
    margin: 0;
}
.heroic .containeri h1 {
    font-size: clamp(1.5rem, 3.7142857143rem, 3rem);
    line-height: 1.2;
}
.heroic .containeri p {
    margin-top: 0.5em;
    font-size: clamp(0.875rem, 1.4285714286rem, 1.25rem);
    color: #666;
}
.bottom3 {
    min-height: 200vh;
    padding-block: clamp(2rem, 3.4761904762rem, 3rem);
}
.bottom3 .containeri {
    text-align: center;
}

.cusic img {
    max-width: 100%;
    height: auto;
    display: block;
}
.containerir {
    max-width: 1000px;
    margin: 0 auto;
}
.cusic {
    overflow-x: hidden;
}

:root {
    color: #fff;
}
.morj {
    height: 70vh;
}
.c-accordion {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
}
.c-accordion__item {
    --cover: var(--cover-placeholder);
    background: var(--cover);
    background-position: center center;
    background-size: cover;
    background-color: var(--cover-placeholder);
    background-blend-mode: linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, #111111 100%);
    position: relative;
    flex-grow: 1;
    height: 100%;
    width: 100px;
    min-width: 2.05rem;
    transition: all 0.3s ease-in-out;
}
.c-accordion__item:hover,
.c-accordion__item:focus-within,
.c-accordion__item:target {
    flex-grow: 2;
    width: 50%;
    background-color: transparent;
}
.c-accordion__item:hover .c-accordion__title--hover-hide,
.c-accordion__item:focus-within .c-accordion__title--hover-hide,
.c-accordion__item:target .c-accordion__title--hover-hide {
    max-height: 0;
    opacity: 0;
}
.c-accordion__item:hover .c-accordion__title--hover-show,
.c-accordion__item:focus-within .c-accordion__title--hover-show,
.c-accordion__item:target .c-accordion__title--hover-show {
    opacity: 1;
}
.c-accordion__item:hover .c-accordion__description,
.c-accordion__item:focus-within .c-accordion__description,
.c-accordion__item:target .c-accordion__description {
    opacity: 1;
}
.c-accordion__item:hover {
    cursor: pointer;
}
.c-accordion__action {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 15, 15, 0.75);
    background: linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, #111111 100%);
    text-decoration: none;
}
.c-accordion__title {
    color: white;
    font-family: "Roboto Condensed";
    margin: 0;
    max-height: 100%;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.c-accordion__title--hover-show {
    opacity: 0;
    width: 100%;
}
.c-accordion__title--hero {
    font-size: 3rem;
    line-height: 100%;
    font-weight: 500;
}
.c-accordion__aside {
    padding: 1rem;
    position: absolute;
    height: 100%;
    right: 1rem;
    bottom: 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.c-accordion__aside:before {
    content: '+';
    color: #fff;
    margin-bottom: 1rem;
    font-size: 2rem;
    display: inline-block;
}
.c-accordion__aside:after {
    content: '';
    flex-grow: 1;
    width: 1px;
    display: block;
    margin-top: 1rem;
    background-color: rgba(255, 255, 255, 0.2);
}
.c-accordion__content {
    padding: 24rem 4.5rem 0rem 8rem;
    width: 100%;
    text-align: left;
    line-height: 4px;
    font-size: 12px;
    left: -50rem;
}
.c-accordion__description {
    color: white;
    font-weight: 500;
    line-height: 120%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.backeap25 {
    background-color: #eaeaea !important;
    border-radius: 25px !important;
    padding: 20px;
}

/* card02 و لایه توضیحات */

.card02 {
    text-align: justify;
    display: grid;
    max-inline-size: 45ch;
}
.card02 > figcaption {
    background-color: #eaeaea !important;
    border-radius: 25px !important;
    padding: 20px;
    display: grid;
    gap: 1ch;
}
.card02 h2 {
    text-align: center;
}
.reduced1 .card02 {
    gap: 1ch;
}
.reduced1 .card02 > img {
    border-radius: 20px;
    block-size: 18ch;
    object-fit: cover;
}

/* layout moreduced/reduced1 */

.moreduced {
    box-sizing: border-box;
    margin: 0;
    block-size: 100%;
    color-scheme: dark light;
    min-block-size: 100%;
    display: flex;
    flex-direction: row;
    gap: 3%;
    padding: 5vmin;
    place-content: center;
}
.moreduced > section:nth-child(2) {
    place-self: center start;
}
@media (max-width: 750px) {
    .moreduced {
        flex-direction: column;
        place-content: center;
    }
}
.reduced1 section {
    display: grid;
    gap: 5vmin;
    justify-content: center;
}
.reduced1 section > p {
    text-align: center;
}
.reduced1 p {
    line-height: 1.5;
    text-wrap: pretty;
}
.reduced1 img {
    max-width: 100%;
}

.itimg {
    position: absolute;
    width: 60px;
    left: 8px;
    top: -25px;
}
.itimg2 {
    position: absolute;
    width: 60px;
    left: 3%;
    top: -25px;
}

.btnc {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    box-sizing: border-box;
}
.button-anon-pen {
    color: black !important;
    width: 160px;
    background-image: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b);
    text-align: center;
    margin: 0 10px;
    position: relative;
    text-decoration: none;
    font-weight: normal;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 15px;
}
.button-anon-pen:hover {
    -webkit-animation: play 1.6s ease-in infinite;
}
.button-anon-pen span {
    font-size: 30px !important;
    display: block;
    margin: 3px;
    background: white;
    border-radius: 3px;
}
@-webkit-keyframes play {
    0% {
        background-position: 0px;
    }
    20% {
        background-position: -110px;
    }
    35% {
        background-position: -180px;
    }
    50% {
        background-position: -210px;
    }
    80% {
        background-position: -350px;
    }
    100% {
        background-position: -390px;
    }
}



#HVideo {
    border-radius: 20px;
	margin-top: 65px;
	min-width: 100%; 
	min-height: 100%;
}
.textsab p{
	padding: 20px 6em 20px 6em;
	position: absolute;
    top: 12em;
	background: rgba(255, 255, 255, 0.4);
    color: black;
    margin-left: 15px;
}

/*---------------------------------*/

.page-id-15289 h1{
font-family: serif !important;
    font-size: 3rem !important;
    position: absolute;
    padding-right: 6%;
    color: white;
    z-index: 5;
}

/* استایل کلی صفحه */
.page-id-15289 {
  color: #fff;
  background-color: #212428;
}

/* ----------------- بخش عمومی ----------------- */
.page-id-15289 img {
  max-width: 100%;
  display: block;
}

.page-id-15289 ul {
  list-style-type: none;
}

.page-id-15289 ul i {
  color: #fff;
  font-size: clamp(0.9rem, 0.825rem + 0.3vw, 1.2rem);
}

.page-id-15289 ul i:hover {
  color: #f2709c;
}

/* ----------------- سکشن کارت‌های اول (sectionr) ----------------- */
.page-id-15289 .sectionr {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  padding-block: min(20vh, 6rem);
  text-align: center;
  width: calc(min(90rem, 90%));
  margin-inline: auto;
}

.page-id-15289 .sectionr span,
.page-id-15289 .sectionr p,
.page-id-15289 .sectionr h2,
.page-id-15289 .sectionr h3 {
  letter-spacing: 0.035rem;
}

.page-id-15289 .sectionr p {
  line-height: 1.6;
  color: #a3a3a3;
  max-width: 50rem;
  margin: 0 auto;
  font-size: clamp(0.9rem, 0.825rem + 0.3vw, 1.2rem);
}

.page-id-15289 .sectionr .bg-watermark {
  color: #1f1f1f;
  font-size: clamp(6rem, 1.3333rem + 14.9333vw, 20rem);
  font-weight: 800;
  position: absolute;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%) translateY(-15%);
  user-select: none;
  letter-spacing: 0.5rem;
}

.page-id-15289 .sectionr span {
  text-transform: uppercase;
  display: block;
  font-size: 1.2rem;
  color: #a3a3a3;
}

.page-id-15289 .sectionr h2 {
  font-size: clamp(3.5rem, 3rem + 1.6vw, 5rem);
  margin-top: -0.625rem;
  color: #fff;
  margin-bottom: -10px;
}

.page-id-15289 .sectionr .cards {
  margin-top: 7rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
  gap: 2rem;
}

@media screen and (min-width: 51rem) {
  .page-id-15289 section .cards {
    gap: 0;
    padding-bottom: 2.5rem;
  }
}

.page-id-15289 .sectionr .cards .card {
  position: relative;
  cursor: pointer;
}

.page-id-15289 .sectionr .cards .card h3,
.page-id-15289 .sectionr .cards .card p {
  text-transform: capitalize;
}

.page-id-15289 .sectionr .cards .card h3 {
  font-size: clamp(1rem, 0.9167rem + 0.2667vw, 1.25rem);
  font-weight: 400;
  color: #f6f6f6;
}

.page-id-15289 .sectionr .cards .card p {
  font-size: clamp(0.85rem, 0.75rem + 0.32vw, 1.15rem);
  letter-spacing: 0.12rem;
  font-weight: 300;
  max-width: 100%;
}

.page-id-15289 .sectionr .cards .card::before {
  position: absolute;
  content: "";
  width: 5rem;
  height: 6.25rem;
  z-index: 0;
  transition: 0.3s ease-in-out;
  background: #f2709c;
  background: -webkit-linear-gradient(to left, #ff9472, #f2709c);
  background: linear-gradient(to left, #ff9472, #f2709c);
  top: -0.375rem;
  left: -0.375rem;
}

.page-id-15289 .sectionr .cards .card::after {
  position: absolute;
  inset: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #232526;
  background: -webkit-linear-gradient(
    to bottom,
    rgba(65, 67, 69, 0.2),
    rgba(8, 8, 8, 0.9)
  );
  background: linear-gradient(
    to bottom,
    rgba(65, 67, 69, 0.2),
    rgba(8, 8, 8, 0.9)
  );
}

.page-id-15289 .sectionr .cards .card img {
  filter: grayscale(100%);
  transition: 0.5s ease;
}

.page-id-15289 .sectionr .cards .card-content {
  position: absolute;
  bottom: 0;
  z-index: 99;
  left: 0;
  color: #fff;
  width: 100%;
  padding: 1.875rem 1.25rem;
  text-align: center;
}

.page-id-15289 .sectionr .cards .card-content ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin-top: 1.25rem;
}

.page-id-15289 .sectionr .cards .card:hover img {
  filter: grayscale(0%);
}

.page-id-15289 .sectionr .cards .card:hover::before {
  transform: scale(1.03);
}

.page-id-15289 .sectionr .cards .card:nth-child(1)::before {
  top: -0.375rem;
  left: -0.375rem;
}

@media screen and (min-width: 31.25rem) {
  .page-id-15289 section .cards .card:nth-child(2) {
    transform: translateY(15%);
  }
}

.page-id-15289 .sectionr .cards .card:nth-child(2)::before {
  bottom: -0.375rem;
  left: -0.375rem;
  top: auto;
}

.page-id-15289 .sectionr .cards .card:nth-child(3)::before {
  top: -0.375rem;
  left: -0.375rem;
}

/* فونت سایز هدر خاص */
.page-id-15289 .font-sty h2 {
  font-size: 25px !important;
}

/* حذف نان‌کراکر ووکامرس */
.page-id-15289 .woocommerce-breadcrumb {
  display: none;
}

/* ----------------- ریست باکس سایزینگ ----------------- */
.page-id-15289 *,
.page-id-15289 *:before,
.page-id-15289 *:after {
  box-sizing: border-box;
}

/* ----------------- متن و کانتینر توضیحات ----------------- */
.page-id-15289 .contentp {
  text-align: center;
}

.page-id-15289 .content {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1000px;
}

.page-id-15289 .heading {
  width: 100%;
  margin-left: 1rem;
  font-weight: 900;
  font-size: 1.618rem;
  text-transform: uppercase;
  letter-spacing: 0.1ch;
  line-height: 1;
  padding-bottom: 0.5em;
  margin-bottom: 1rem;
  position: relative;
}

.page-id-15289 .heading:after {
  display: block;
  content: "";
  position: absolute;
  width: 60px;
  height: 4px;
  background: linear-gradient(135deg, #1a9be6, #1a57e6);
  bottom: 0;
}

.page-id-15289 .description {
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-left: 1rem;
  margin-right: 1rem;
}

/* ----------------- کارت‌های برگردان‌دار (card2) ----------------- */
.page-id-15289 .card2 {
  color: inherit;
  cursor: pointer;
  width: calc(33% - 2rem);
  min-width: calc(33% - 2rem);
  height: 410px;
  min-height: 450px;
  perspective: 1000px;
  margin: 1rem;
  position: relative;
}

@media screen and (min-device-width: 701px) and (max-device-width: 801px) {
  .page-id-15289 .card2 {
    width: calc(33% - 2rem);
  }
}

@media screen and (min-device-width: 451px) and (max-device-width: 700px) {
  .page-id-15289 .card2 {
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 450px) {
  .page-id-15289 .card2 {
    width: 70%;
  }
}

.page-id-15289 .front,
.page-id-15289 .back {
  display: flex;
  border-radius: 6px;
  background-position: center;
  background-size: cover;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: ease-in-out 600ms;
}

.page-id-15289 .front {
  background-size: cover;
  padding: 2rem;
  font-size: 1.618rem;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  font-family: Poppins, sans-serif;
}

.page-id-15289 .front:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

/* برگرداندن روی کارت دوطرفه */
.page-id-15289 .card2:hover .front {
  transform: rotateY(180deg);
}

.page-id-15289 .card2:nth-child(even):hover .front {
  transform: rotateY(-180deg);
}

.page-id-15289 .back {
  background: #1f2937;
  transform: rotateY(180deg);
  padding: 0 2em;
}

.page-id-15289 .back .button {
  background: linear-gradient(135deg, #1a9be6, #1a57e6);
}

.page-id-15289 .back .button:before {
  box-shadow: 0 0 10px 10px rgba(26, 87, 230, 0.25);
  background-color: rgba(26, 87, 230, 0.25);
}

.page-id-15289 .card2:hover .back {
  transform: rotateY(0deg);
}

.page-id-15289 .card2:nth-child(even) .back {
  transform: rotateY(180deg);
}

.page-id-15289 .card2:nth-child(even) .back .button {
  background: linear-gradient(135deg, #e61a80, #e61a3c);
}

.page-id-15289 .card2:nth-child(even) .back .button:before {
  box-shadow: 0 0 10px 10px rgba(230, 26, 60, 0.25);
  background-color: rgba(230, 26, 60, 0.25);
}

.page-id-15289 .card2:nth-child(even):hover .back {
  transform: rotateY(0deg);
}

/* دکمه روی کارت‌های برگردان‌دار */
.page-id-15289 .button {
  margin-top: 15px;
  transform: translateZ(40px);
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: bold;
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 100px;
  font: inherit;
  border: none;
  position: relative;
  transform-style: preserve-3d;
  transition: 300ms ease;
}

.page-id-15289 .button:before {
  transition: 300ms ease;
  position: absolute;
  display: block;
  content: "";
  transform: translateZ(-40px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  border-radius: 100px;
  left: 10px;
  top: 16px;
}

.page-id-15289 .button:hover {
  transform: translateZ(55px);
}

.page-id-15289 .button:hover:before {
  transform: translateZ(-55px);
}

.page-id-15289 .button:active {
  transform: translateZ(20px);
}

.page-id-15289 .button:active:before {
  transform: translateZ(-20px);
  top: 12px;
}

/* ----------------- تایپوگرافی هدرها ----------------- */
.page-id-15289 h2 {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* جهت سکشن خاص */
.page-id-15289 .section {
  direction: ltr;
}

/* ----------------- کارت‌های بک‌گراند دایره‌ای (card) ----------------- */
.page-id-15289 .card {
  position: relative;
}

.page-id-15289 .card::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  transition: 0.6s;
  z-index: 0;
  background-color: #111827;
}

.page-id-15289 .card:hover {
  box-shadow: 0.063rem 0.063rem 1.25rem 0.375rem rgba(0, 0, 0, 0.53);
}

.page-id-15289 .card:nth-child(1)::before {
  bottom: 0;
  right: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 100% 100%);
}

.page-id-15289 .card:nth-child(2)::before {
  bottom: 0;
  left: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 0% 100%);
}

.page-id-15289 .card:nth-child(3)::before {
  top: 0;
  right: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 100% 0%);
}

.page-id-15289 .card:nth-child(4)::before {
  top: 0;
  left: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 0% 0%);
}

.page-id-15289 .card p {
  transition: 0.8s;
  text-align: justify;
}

.page-id-15289 .card:hover::before {
  clip-path: circle(110vw at 100% 100%);
}

.page-id-15289 .card:hover p {
  color: #fff;
}

@media screen and (min-width: 62.5rem) {
  .page-id-15289 .circle {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
}

.page-id-15289 .card:nth-child(1) .circle {
  background: url("https://www.himora.net/wp-content/uploads/2024/04/himora-about-03.jpg?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")
    no-repeat 50% 50% / cover;
  bottom: 0;
  right: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 100% 100%);
}

.page-id-15289 .card:nth-child(2) .circle {
  background: url("https://www.himora.net/wp-content/uploads/2024/04/himora-about-01.jpg?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")
    no-repeat 50% 50% / cover;
  bottom: 0;
  left: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 0% 100%);
}

.page-id-15289 .card:nth-child(3) .circle {
  background: url("https://www.himora.net/wp-content/uploads/2024/04/himora-about-04.jpg?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")
    no-repeat 50% 50% / cover;
  top: 0;
  right: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 100% 0%);
}

.page-id-15289 .card:nth-child(4) .circle {
  background: url("https://www.himora.net/wp-content/uploads/2024/04/himora-about-02.jpg?q=80&w=720&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")
    no-repeat 50% 50% / cover;
  top: 0;
  left: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 0% 0%);
}

.card__contentab{
  padding:30px;
  position: absolute;
  bottom: 0;
}

/* ================================
   Timeline Container
   ================================ */

.cd-container {
  box-sizing: border-box;
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 10%;
  border-radius: 2px;
}

.cd-container h3 {
  font-size: 15px !important;
}

.cd-container::after {
  content: "";
  display: table;
  clear: both;
}

/* ================================
   Main Timeline Wrapper
   ================================ */

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

#cd-timeline::before {
  content: "";
  position: absolute;
  border-radius: 10px;
  top: 0;
  left: 25px;
  height: 100%;
  width: 4px;
  background: #7E57C2;
}

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

/* ================================
   Timeline Blocks
   ================================ */

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}

.cd-timeline-block::after {
  content: "";
  display: table;
  clear: both;
}

.cd-timeline-block:first-child {
  margin-top: 0;
}

.cd-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }

  .cd-timeline-block:first-child {
    margin-top: 0;
  }

  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

/* ================================
   Timeline Icons
   ================================ */

.cd-timeline-img {
  position: absolute;
  top: 8px;
  left: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow:
    0 0 0 4px #7E57C2,
    inset 0 2px 0 rgba(0, 0, 0, 0.08),
    0 3px 0 4px rgba(0, 0, 0, 0.05);
  background: #673AB7;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 30px;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: 15px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}

/* ================================
   Timeline Content
   ================================ */

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  margin-right: 30px;
  background: #333C42;
  border-radius: 2px;
  padding: 1em;
}

.cd-timeline-content::after {
  content: "";
  display: table;
  clear: both;
}

.cd-timeline-content h2 {
  color: rgba(255, 255, 255, 0.9);
  margin-top: 0;
  margin-bottom: 5px;
}

.cd-timeline-content p,
.cd-timeline-content .cd-date {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.8125rem;
}

.cd-timeline-content .cd-date {
  display: inline-block;
}

.cd-timeline-content p {
  text-align: justify;
  margin: 1em 0;
  line-height: 1.6;
}

/* فلش کنار باکس محتوا در موبایل/تبلت */
.cd-timeline-content::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #333C42;
}

/* اطلاعات اضافی در بالای باکس (عنوان + تاریخ) */
.cd-timeline-content .timeline-content-info {
  background: #2B343A;
  margin-top: 15px;
  padding: 5px 10px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}

.cd-timeline-content .timeline-content-info i {
  margin-right: 5px;
}

.cd-timeline-content .timeline-content-info .timeline-content-info-title,
.cd-timeline-content .timeline-content-info .timeline-content-info-date {
  width: calc(50% - 2px);
  display: inline-block;
}

@media (max-width: 500px) {
  .cd-timeline-content .timeline-content-info .timeline-content-info-title,
  .cd-timeline-content .timeline-content-info .timeline-content-info-date {
    display: block;
    width: 100%;
  }
}

/* مهارت‌ها / تگ‌ها در پایین باکس */
.cd-timeline-content .content-skills {
  font-size: 12px;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cd-timeline-content .content-skills li {
  background: #40484D;
  border-radius: 2px;
  display: inline-block;
  padding: 2px 10px;
  color: rgba(255, 255, 255, 0.7);
  margin: 3px 2px;
  text-align: center;
  flex-grow: 1;
}

/* ================================
   Responsive Typography
   ================================ */

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 1.25rem;
  }

  .cd-timeline-content p {
    font-size: 0.8rem;
  }

  .cd-timeline-content .cd-read-more,
  .cd-timeline-content .cd-date {
    font-size: 0.875rem;
  }
}

/* ================================
   Desktop Layout (خط وسط و جابجایی بلوک‌ها)
   ================================ */

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    color: #fff;
    margin-left: 0;
    padding: 1.6em;
    width: 36%;
    margin: 0 5%;
  }

  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-right-color: #333C42;
  }

  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 1rem;
  }

  /* جابجایی بلاک‌های زوج به سمت چپ */
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: left;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    right: auto;
    left: 100%;
    border-color: transparent;
    border-left-color: #333C42;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
}

/* =========================
   Hero section
   ========================= */
.hero-sectionab {
  align-items: flex-start;
  display: flex;
  min-height: 100%;
  justify-content: center;
  padding: 0 var(--spacing-l);
}

/* =========================
   Page 15289 – Members Section
   ========================= */

.page-id-15289 a:hover {
  color: orange !important;
}

.page-id-15289 .memberss {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

.page-id-15289 li {
  list-style: none;
}

/* Member component styles */
.page-id-15289 .list-members {
  background: rgb(31 41 55);
  width: 80%;
  margin: 4% auto;
  display: flex;
  flex-wrap: wrap;
}

.page-id-15289 .member {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-id-15289 .member h3 {
  text-align: center;
}

.page-id-15289 .member-image {
  width: 50%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.page-id-15289 .member-image img {
  width: 100%;
  height: 100%;
  transition: 1s;
}

.page-id-15289 .member-image:hover img {
  transform: scale(1.1);
}

.page-id-15289 .member-info {
  width: 50%;
  text-align: center;
}

.page-id-15289 .member-info p {
  margin: 20px 0;
}

/* Social links */
.page-id-15289 .social-link .fab {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #000;
  margin: 0 7px;
  cursor: pointer;
  transition: transform 0.5s;
}

.page-id-15289 .social-link .fab:hover {
  background: #000;
  color: #ffe501;
  transform: translateY(-7px);
}

/* مثلث کنار عکس اعضا */
.page-id-15289 .member-image::after {
  content: '';
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid rgb(31 41 55);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/* تغییر چیدمان در دسکتاپ – اعضای 3 و 4، 7 و 8 و... */
@media screen and (min-width: 771px) {
  .page-id-15289 .member:nth-child(4n+3) .member-info,
  .page-id-15289 .member:nth-child(4n+4) .member-info {
    order: 1;
  }

  .page-id-15289 .member:nth-child(4n+3) .member-image,
  .page-id-15289 .member:nth-child(4n+4) .member-image {
    order: 2;
  }

  /* جابجایی جهت مثلث در ردیف‌های زوج */
  .page-id-15289 .member:nth-child(4n+3) .member-image::after,
  .page-id-15289 .member:nth-child(4n+4) .member-image::after {
    right: 0;
    left: auto;
    transform: translateY(-50%) rotateZ(180deg);
  }
}

/* Mobile Styles */
@media screen and (max-width: 770px) {
  .page-id-15289 .list-members {
    width: 95%;
  }

  .page-id-15289 .member {
    flex-basis: 100%;
    font-size: 14px;
  }

  .page-id-15289 .member h3 {
    text-align: center !important;
  }

  .page-id-15289 .social-link .fab {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .page-id-15289 .member:nth-child(even) .member-info {
    order: 1;
  }

  .page-id-15289 .member:nth-child(even) .member-image {
    order: 2;
  }

  /* تنظیم جهت مثلث در موبایل برای آیتم‌های زوج */
  .page-id-15289 .member:nth-child(even) .member-image::after {
    left: 0;
    right: auto;
    /* transform: translateY(-50%) rotateZ(180deg); */
  }
}

/* =========================
   Heading styles
   ========================= */

.card__heading2 {
  direction: rtl !important;
  font-family: 'Jomhuria', serif !important;
  color: var(--text-lighter);
  font-size: 35px !important;
  text-shadow: 1px 2px 7px rgba(0, 0, 0, 1);
  line-height: 1;
}

.card__category2 {
  direction: rtl;
  color: var(--text-light);
  font-size: 20px;
  margin-bottom: var(--spacing-s);
  text-transform: uppercase;
}

/* =========================
   Post 85916 – Typo Layout
   ========================= */

.postid-85916 .container {
  width: 100%;
  height: 100%;
}

.postid-85916 .wrapper {
  width: 250px;
  margin: 50px auto;
  position: relative;
}

.postid-85916 .wrapperm {
  height: 950px !important;
  margin: auto;
  display: grid;
  justify-content: center;
}

.postid-85916 .word {
  display: block;
  text-align: justify;
  line-height: 0.73;
  text-transform: uppercase;
  letter-spacing: 0;
}

/* رنگ‌بندی کلمات */
.postid-85916 .word1,
.postid-85916 .word2 {
  color: #9BC5DE;
}

.postid-85916 .word3,
.postid-85916 .word4 {
  color: #90B3C9;
}

.postid-85916 .word5,
.postid-85916 .word6 {
  color: #809BB0;
}

.postid-85916 .word7 {
  color: #6B7B8A;
}

.postid-85916 .word8,
.postid-85916 .word9 {
  color: #8B8091;
}

.postid-85916 .word10,
.postid-85916 .word11 {
  color: #B68FA2;
}

.postid-85916 .word12,
.postid-85916 .word13 {
  color: #D99AB5;
}

/* سایزبندی کلمات */
.postid-85916 .word1,
.postid-85916 .word2,
.postid-85916 .word3,
.postid-85916 .word4,
.postid-85916 .word5,
.postid-85916 .word6,
.postid-85916 .word7,
.postid-85916 .word8,
.postid-85916 .word9,
.postid-85916 .word10,
.postid-85916 .word11,
.postid-85916 .word12,
.postid-85916 .word13 {
  font-size: 5em !important;
}

/* ======================
   Bubbles
   ====================== */

.bubble1 {
  text-align: center;
  height: 100px;
  width: 100px;
  padding: 15px !important;
  position: absolute;
  color: white;
  background-color: #99C5DE;
  border-top-left-radius: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
  top: 0;
  left: -100px;
  font-size: 1.5em;
  line-height: 1.2;
}

.bubble1 span.the-arrow1 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 0px solid #99C5DE;
  border-bottom: 12px solid #99C5DE;
  position: absolute;
  top: 63px;
  left: 99px;
  transform: rotateY(180deg);
}

.bubble2 {
  height: 150px;
  width: 170px;
  padding: 20px;
  position: absolute;
  color: white;
  background-color: #99C5DE;
  border-top-left-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 0;
  left: 120%;
  top: 20px;
}

.bubble2 span.the-arrow2 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 0px solid #99C5DE;
  border-bottom: 20px solid #99C5DE;
  position: absolute;
  top: 130px;
  left: -19px;
}

.bubble2 img {
  border-top-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
  background: white;
  display: block;
  width: 100%;
  height: 100%;
}

.bubble3 {
  height: 200px;
  width: 250px;
  padding: 20px;
  position: absolute;
  color: white;
  background-color: #90B2CB;
  border-top-left-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 0;
  top: 183px;
  left: -280px;
}

.bubble3 span.the-arrow3 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 0px solid #90B2CB;
  border-bottom: 20px solid #90B2CB;
  position: absolute;
  top: 0;
  left: 250px;
  transform: rotate(180deg);
}

.bubble4 {
  height: 180px;
  width: 250px;
  padding: 20px;
  position: absolute;
  color: white;
  background-color: #809BAE;
  border-top-left-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 0;
  top: 260px;
  left: 280px;
}

.bubble4 span.the-arrow4 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 0px solid #809BAE;
  border-bottom: 20px solid #809BAE;
  position: absolute;
  top: 160px;
  left: -19px;
}

.bubble5 {
  height: 200px;
  width: 250px;
  padding: 20px;
  position: absolute;
  color: white;
  background-color: #697A8A;
  border-top-left-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 0;
  top: 450px;
  left: -280px;
}

.bubble5 span.the-arrow5 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 0px solid #697A8A;
  border-bottom: 20px solid #697A8A;
  position: absolute;
  top: 45px;
  left: 250px;
  transform: rotate(180deg);
}

.bubble6 {
  height: 180px;
  width: 250px;
  padding: 20px;
  position: absolute;
  color: white;
  background-color: #8B8091;
  border-top-left-radius: 0;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 30px;
  top: 509px;
  left: 280px;
  line-height: 1.8;
}

.bubble6 span.the-arrow6 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 0px solid #8B8091;
  border-bottom: 20px solid #8B8091;
  position: absolute;
  top: 85px;
  left: -19px;
  transform: rotateX(180deg);
}

.bubble7 {
  height: 200px;
  width: 250px;
  padding: 20px;
  position: absolute;
  color: white;
  background-color: #B68EA6;
  border-top-left-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 0;
  top: 675px;
  left: -280px;
}

.bubble7 span.the-arrow7 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 0px solid #B68EA6;
  border-bottom: 20px solid #B68EA6;
  position: absolute;
  top: 70px;
  left: 250px;
  transform: rotate(180deg);
}

.bubble8 {
  height: 180px;
  width: 250px;
  padding: 20px;
  position: absolute;
  color: white;
  background-color: #D99AB5;
  border-top-left-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 0;
  top: 740px;
  left: 280px;
}

.bubble8 span.the-arrow8 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 0px solid #D99AB5;
  border-bottom: 20px solid #D99AB5;
  position: absolute;
  top: 160px;
  left: -19px;
}

/* ======================
   Galleries
   ====================== */

.gallery,
.gallery2 {
  display: grid;
  grid-template-rows: repeat(4, 5vw);
  grid-column-gap: 6px;
  grid-row-gap: 42px;
}

.gallery {
  grid-template-columns: repeat(8, 1fr);
}

.gallery2 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery p,
.gallery2 p {
  background-color: #434b56;
  padding: 6px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

.gallery-item {
  width: 100%;
}

.gallery__img {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid #cccccc;
}

.gallery__item--1 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 5;
}

.gallery__item1 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 3;
}

.gallery__item2 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 3;
  grid-row-end: 5;
}

.gallery__item--2 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
}

.gallery__item--3 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}

.gallery__item--4 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 5;
}

.gallery__item--5 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 5;
}

/* گالری نوع دوم */

.gallery__item-1 {
  grid-column-start: 7;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 5;
}

.gallery__item-2 {
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 5;
}

.gallery__item-3 {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3;
}

.gallery__item-4 {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 5;
}

/* ریسپانسیو گالری‌ها */
@media (max-width: 767px) {
  .gallery,
  .gallery2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .gallery__item {
    width: 49%;
  }
}

/* ======================
   Result Box
   ====================== */

.resultcss {
  margin-left: 5% !important;
  margin-right: 5% !important;
  width: 90%;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 40px;
  border: red solid 0.5px;
  background-color: rgb(255, 255, 255);
  box-shadow: 2px 3.464px 6.4px 1.6px rgba(0, 0, 0, 0.25);
  padding: 25px;
  padding-top: 65px;
}

.imgresult {
  position: absolute;
  width: 150px;
  top: -16px;
  right: 60px;
}

.resultcss h2 {
  position: absolute;
  top: -10px;
  z-index: 2;
  font-family: Jomhuria !important;
  font-size: 36px !important;
  line-height: 24px !important;
  right: 111px;
  color: white !important;
}

.resultcss p {
  margin-bottom: 0.1em !important;
}

/* ======================
   Film / Content Boxes
   ====================== */

.head_p {
  background: #fff;
  padding: 10px;
  text-align: center;
  border: 1px solid #bbb;
  font-weight: 700;
}

.film_div_header p {
  text-align: center;
  background: #474747;
  padding: 10px;
  color: #fff;
  font-weight: 700;
}

.film_div_desc {
  margin-bottom: 10px;
  padding: 15px;
  background: #eaeaea;
}

.film_div_header > div > div > div {
  margin-top: 15px !important;
  margin-bottom: 0 !important;
}

.film_div_content li::marker {
  color: #2196F3;
  font-size: 20px;
}

.film_div_bullets {
  background: #eaeaea;
  padding: 10px;
}

/* ======================
   Page Titles
   ====================== */

.page-id-89855 h1,
.page-id-91083 h1 {
  position: relative;
  font-size: 33px !important;
  display: block;
  text-align: center !important;
  margin-top: 40px !important;
}

/* هدر صفحات 89855 و 91083 در موبایل */
@media screen and (max-width: 767px) {
  .page-id-89855 h1,
  .page-id-91083 h1 {
    position: relative;
    font-size: 33px !important;
    display: block;
    text-align: center !important;
    margin-top: 10px;
  }
}

/* فرم و نان‌کراکر در صفحات 89855 و 91083 */
.page-id-89855 .woocommerce-breadcrumb,
.page-id-91083 .woocommerce-breadcrumb {
  display: none;
}

.page-id-89855 .wpcf7-form > label,
.page-id-91083 .wpcf7-form > label {
  font-size: 1em !important;
  line-height: 3em !important;
  font-weight: 700;
  margin-bottom: 0px !important;
}

.page-id-89855 .wpcf7-form,
.page-id-91083 .wpcf7-form {
  border: solid white 1px;
  width: 100%;
  padding: 25px 20px 0px 20px;
  background: #eaeaea;
}

.page-id-89855 .wpcf7-submit,
.page-id-91083 .wpcf7-submit {
  background-color: #686D76 !important;
  color: white !important;
}

.page-id-89855 .wpcf7-form-control,
.page-id-91083 .wpcf7-form-control {
  display: block;
  width: 100%;
  padding: 0.594rem 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #333e48;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ddd;
  appearance: none;
  border-radius: 1.375rem;
  box-shadow: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* ======================
   Popup (مرکز صفحه)
   ====================== */

.popup-section {
  width: 310px;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: #fff;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}

.close-popup {
  position: absolute !important;
}

/* ======================
   صفحه 91083 – محتوای متن و عنوان
   ====================== */

.page-id-91083 .entry-title {
  display: none;
}

.page-id-91083 .wqpn {
  width: 95%;
  margin: auto;
  text-align: justify;
}

@media screen and (min-width: 480px) {
  .page-id-91083 .wqpn {
    width: 75%;
    margin: auto;
    text-align: justify;
  }
}

/* ======================
   پاپ‌آپ پایین صفحه (containerpop)
   ====================== */

.containerpop {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 40px;
  bottom: 10px;
  position: fixed;
  z-index: 5;
}

.containerpopde {
  position: absolute;
}

.cookiesContentpop {
  width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #edede9;
  color: #000;
  text-align: center;
  border-radius: 20px;
  padding: 10px 10px 40px 10px;
}

.cookiesContentpop .button.close {
  width: 30px;
  font-size: 20px;
  color: #c0c5cb;
  align-self: flex-end;
  background-color: transparent;
  border: none;
  margin-bottom: 10px;
}

.cookiesContentpop img {
  width: 110px;
  margin-bottom: 10px;
  line-height: 1.3em !important;
}

.cookiesContentpop p {
  margin-bottom: 1em !important;
  font-size: 18px;
  text-align: center !important;
  padding: 5px;
}

/* دکمه‌ها */
.acceptpop {
  background-color: #ed6755;
  border: none;
  border-radius: 5px;
  padding: 12px 15px;
  font-size: 16px;
  color: #000 !important;
  box-shadow: 0px 6px 18px -5px rgba(237, 103, 85, 1);
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

/* هاور دکمه‌ها */
.acceptpop:hover {
  color: #fff !important;
  background-color: #d85a4a;
}

/* دکمه مخصوص خرید مستقیم */
.acceptpop.buy {
  background-color: #4caf50;
  box-shadow: 0px 6px 18px -5px rgba(76, 175, 80, 1);
}

.acceptpop.buy:hover {
  background-color: #449d48;
  color: #fff !important;
}

/* ریسپانسیو پاپ‌آپ پایین صفحه */
@media only screen and (max-width: 768px) {
  .containerpop {
    width: 100%;
    left: 0;
    bottom: 0;
  }

  .cookiesContentpop {
    padding-bottom: 20px;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    border-radius: 0;
    padding: 5px;
  }

  .cookiesContentpop p {
    line-height: 1em !important;
    font-size: 15px !important;
  }

  .acceptpop {
    padding: 10px;
    font-size: 14px;
  }
}

/* ======================
   صفحه 92170 – لیست‌ها
   ====================== */

.postid-92170 .wpb_wrapper li {
  font-size: 18px;
}


/* custom css */ 

.blur{
   filter: blur(5px) !important;
  -webkit-filter: blur(3px) !important;
}

body{
  scroll-behavior: smooth !important;
}

.bg{
  	background:blue !important;
}
.sidebar-blog .widget,
.sidebar>.widget {
 margin-bottom:1em !important;/*3.3*/
}

.aiovg .aiovg-thumbnail img {
	height: 95%;}

div.vc_row:nth-child(7) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > p:nth-child(1) {
 font-weight:bold;
 text-align:center !important;
 color: rgb(0, 0, 0);
 margin-bottom: 0.4em;
}
div.vc_row:nth-child(10) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > p:nth-child(1) {
 font-weight:bold;
 text-align:center !important;
 color: rgb(0, 0, 0);
 margin-bottom: 0.4em;
}


.redb {
	background-color: #ff8fa5;
	font-weight: bold;
	}
.yellow{
	background-color: gold !important;
	font-weight: bold;
}

.aboutus{
	max-width:1280px !important;
	margin:auto !important;
	border: 1px solid #eee;
    background: #e6e6e6;
    padding: 10px;
}

@media (max-width: 479px){
	.aboutus .mpc-icon-column{
		padding:5px !important;
	}
}

/* secondary nav special item */
#masthead .secondary-nav-menu #menu-item-15332 > a {
  color: #00106c !important;
  font-weight: 700;
  position: relative;
  display: inline-block;
}

#masthead .secondary-nav-menu #menu-item-15332 > a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: red;
  transition: width 0.3s ease;
}

#masthead .secondary-nav-menu #menu-item-15332 > a:hover::before {
  width: 100%;
}

/* hide specific menu item */
#masthead .secondary-nav-menu #menu-item-53093 {
  display: none;
}

/* footer rules box */
footer .footer-rules-box {
  color: #fff;
  background-color: orange;
  text-align: center;
  padding: 10px;
  border-radius: 30px;
  transition: transform 0.3s, background-color 0.3s;
}

footer .footer-rules-box:hover {
  background-color: darkorange;
  transform: scale(1.02);
}

footer .footer-rules-box a {
  display: block;
  color: #fff;
  text-decoration: none;
}

/* packages */
.pack_div {
  margin-top: 10px !important;
}

.pack_div_1,
.pack_div_2 {
  padding: 15px !important;
}

.pack_div > div > div > div {
  padding: 10px !important; /* fix: 10px */
  margin: 10px !important;
  background: #eee !important;
}

.pack_list {
  margin-bottom: 5px !important;
}

.pack_list > div > ul {
  padding: 15px !important;
}

.pack_list > div > ul > li {
  list-style: none !important;
  background: #fff;
  text-align: center !important;
  padding: 5px !important;
  font-size: 15px !important;
  margin-bottom: 5px !important;
}

.pack_div_vid {
  padding: 15px !important;
}

/* buyers logo mobile */
.buyers_logo_mobile {
  margin-bottom: 20px;
}

.buyers_logo_mobile > div > div > div {
  max-height: 200px !important;
  overflow: auto;
  border: 1px solid #cdcdcd;
  padding: 10px;
  background: #e6e6e6;
}

.buyers_logo_mobile_div p {
  font-size: 8px !important;
  font-weight: 700 !important;
  text-align: center !important;
  background: #fff;
  padding: 1px !important;
}

.buyers_logo_mobile_div > div > div > div > div {
  margin-bottom: 5px !important;
}

.buyers_logo_mobile_div figure > div {
  min-height: 71px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

/* buyers logo desktop */
.buyers_logo_pc_div img {
  max-height: 100px !important;
  width: auto !important;
}

.buyers_logo_pc_div figure > div {
  min-height: 101px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.buyers_logo_pc_div > div > div > div > div {
  margin-bottom: 5px !important;
}

.buyers_logo_pc_div > div > div {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.buyers_logo_pc > div > div > div {
  background: #e6e6e6;
  padding: 20px;
  margin-top: 5px;
  max-height: 300px;
  overflow: auto;
}

.buyers_logo_pc p {
  font-weight: 700 !important;
  font-size: 10px !important;
  background: #fff !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  text-align: center !important;
}

.aiovg.aiovg-videos.aiovg-videos-template-classic .aiovg-thumbnail {
	border: 1px solid #ddd;
	
}
.aiovg-title{
	font-size: 23px !important;
	font-weight:bold;	
}
.aiovg-title:hover{
	color:#FF000;
	font-size:25px;
}
.aiovg.aiovg-videos.aiovg-videos-template-classic .aiovg-caption {
	padding: 4%;
}

.aiovg.aiovg-videos.aiovg-videos-template-classic .aiovg-responsive-container svg.aiovg-svg-icon-play {
	transition: all 300ms;
	transform: scale(2);
	fill: chocolate;
	background-color: white;
	border-radius: 46px;
	box-shadow: 0 0 10px crimson;
}

.aiovg.aiovg-videos.aiovg-videos-template-classic .aiovg-responsive-container:hover > .aiovg-svg-icon-play {
	transition: all 300ms;
	transform: scale(2.2) !important;
	fill: red !important;
}

.aiovg.aiovg-videos.aiovg-videos-template-classic .aiovg-responsive-container:hover > img {
	filter: blur(6px);
}

@media screen and (max-width: 650px) {
	.page-id-78928 .entry-header h1.entry-title {
		background-color: #545454;
		color: white;
		text-align: center !important;
		padding: 3% 0;
	}
	
	.page-id-78928 .entry-header {
		margin-bottom: 3%;	
	}
	
	.aiovg.aiovg-videos.aiovg-videos-template-classic {
		padding-left: 1%;
		padding-right: 1%;
	}
	
	.aiovg.aiovg-videos.aiovg-videos-template-classic .aiovg-col {
    	width: 50%;
		text-align: center;
	}
	
	.aiovg.aiovg-videos.aiovg-videos-template-classic .aiovg-thumbnail {
		margin: 2px !important;
		padding: 5px;
		/*border: 1px solid #ddd;*/
		background-color: whitesmoke;
	}
	
	.aiovg.aiovg-videos.aiovg-videos-template-classic .aiovg-responsive-element {
		height: 100%;
	}
}

@media screen and (max-width: 1199px) {
	.aiovg_videos-template-default.single-aiovg_videos #primary {
		order: 0 !important;
	}
}

.aiovg-thumbnail {
	box-shadow:none !important;
}

.ice_t{
	background: #1d2327 !important;
    color: #fff;
    padding: 10px;
    text-align: center;
    line-height: 35px;
    font-weight: 700;
    border-radius: 5px;
}

/*product page call listt */ 

.call_op_inner{
	text-align:center;
	padding:2px !important;
}
.call_op_inner > div{
	background:#dddddd;
	padding-bottom:10px !important;
	padding-top:10px !important;
}
.call_op_main > div{
	float:right !important;
	padding-right:2px;
	padding-left:2px;	
}

.call_op_main a:hover{
    transform: scale(1.04);
    transition: transform .3s ease;
    box-shadow: 0 0 10px #898888;
    background: #fff;
}

.call_op_main > div > div{
	background:#ddd !important;
	padding-top:0;
	border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}
.call_op_main > div > div p{
	text-align: center !important;
    margin-bottom: 0px !important;
    margin-top: 0px;
    border-bottom: 2px solid #fff;
    font-weight: 700 !important;
    padding: 5px;
    border-top: 2px solid #fff;
}
	
.prd64{
	width: 30px !important;
    margin-right: 15px;
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.call_op_main > div > div > a{
	display:block !important;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	font-weight:700 !important;
}

.telprd{
	font-weight: 700 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 5px !important;
    border-bottom: 0;
}

.telprda{
	text-align:center !important;
}

.call_op_main > label{
	animation: pulse 1s infinite;
	display: block;
    background: #F44336;
    padding: 10px;
    color: #fff;
    text-align: center;
}

.woocommerce_share{
	margin-bottom:10px;
	order:2 !important;
}

.summary.entry-summary{
	display:grid !important;
}

.woocommerce-product-details__short-description{
	order:1 !important;
}

.single-product .compare.button{
	display:none !important;
}

.ice_table{
	text-align:center !important;
	border: 1px solid #ddd;
}

.ice_table th{
	padding-right:0 !important;
	padding-left:0 !important;
	background: #333e48;
    color: #fff;
    border: 1px solid #fff;
}


.ice_table td{
	font-weight:700 !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

#not_exist_p {
	text-align:center !important;
	background:#fff !important;
	padding:10px !important;
}

.comment-list > li > div{
	background: #eee !important;
	padding:10px !important;
}
.comment-list > li p{
	color:#000 !important;
}

.comment-list > li {
	padding-right:10px !important;
	padding-left:10px !important;
	padding-bottom:0 !important;
	padding-top:10px !important;
	background:#eee !important;
	margin-bottom:10px !important;
}

.comment-list > li > ol{
	margin-top:0 !important;
	padding:10px !important;
}

#comments{
	background:#fff !important;
	padding:10px !important;
}

.comment-list > li > ol > li{
	background:#fff !important;
	padding:10px !important;
}

.category-blog .post{
	 background:#fff !important;
	 padding: 10px !important;
}

.category-blog .post > div{
	margin:auto !important;
}
.sidebar-blog{
	order: 1;
}


/* دسکتاپ / تبلت افقی بین 801 تا 1199 پیکسل */
@media screen and (min-width: 801px) and (max-width: 1199px) {
  .category-blog .content-area {
    max-width: 75% !important;
  }

  .category-blog .sidebar-blog {
    width: 25% !important;
  }
}

/* موبایل تا 800 پیکسل */
@media only screen and (max-width: 800px) { 
  .category-blog #sidebar {
    width: 25% !important; /* اینجا معمولا میذاریم 100% یا مخفی می‌کنیم */
  }

  .comment .gravatar-wrapper {
    display: none !important;
  }

  .comment-list > li {
    padding-right: 5px !important;
    padding-left: 5px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}




.postid-9581 .woocommerce-product-details__short-description::before,
.postid-9553 .woocommerce-product-details__short-description::before,
.postid-31762 .woocommerce-product-details__short-description::before,
.postid-63683 .woocommerce-product-details__short-description::before,
.postid-63682 .woocommerce-product-details__short-description::before,
.postid-30837 .woocommerce-product-details__short-description::before,
.postid-30962 .woocommerce-product-details__short-description::before,
.postid-31229 .woocommerce-product-details__short-description::before,
.postid-31315 .woocommerce-product-details__short-description::before,
.postid-40070 .woocommerce-product-details__short-description::before,
.postid-40177 .woocommerce-product-details__short-description::before,
.postid-40101 .woocommerce-product-details__short-description::before,
.postid-40071 .woocommerce-product-details__short-description::before,
.postid-40178 .woocommerce-product-details__short-description::before,
.postid-40172 .woocommerce-product-details__short-description::before,
.postid-31262 .woocommerce-product-details__short-description::before,
.postid-50187 .woocommerce-product-details__short-description::before,
.postid-50175 .woocommerce-product-details__short-description::before,
.postid-50178 .woocommerce-product-details__short-description::before,
.postid-50189 .woocommerce-product-details__short-description::before,
.postid-31418 .woocommerce-product-details__short-description::before,
.postid-63493 .woocommerce-product-details__short-description::before,
.postid-63475 .woocommerce-product-details__short-description::before,
.postid-30825 .woocommerce-product-details__short-description::before,
.postid-31492 .woocommerce-product-details__short-description::before,
.postid-31898 .woocommerce-product-details__short-description::before,
.postid-31708 .woocommerce-product-details__short-description::before,
.postid-29663 .woocommerce-product-details__short-description::before,
.postid-63034 .woocommerce-product-details__short-description::before,
.postid-41516 .woocommerce-product-details__short-description::before,
.postid-41592 .woocommerce-product-details__short-description::before,
.postid-31548 .woocommerce-product-details__short-description::before,
.postid-30237 .woocommerce-product-details__short-description::before,
.postid-31972 .woocommerce-product-details__short-description::before
{
	content:" این دستگاه در حال حاظر موجود نیست "!important;
	max-width:300px !important;
	display:block!important;
	right:0!important;
	margin-bottom:10px;
	margin-right:auto;
	margin-left:auto;
	background:#fff;color:#444c57;
	font-size:16px;
	height:31px;line-height:30px;
	font-weight:700;
	color:red !important;
	text-align:center !important;
}


.xlink{
width: fit-content;
margin: auto;
}
    
    #custom-box-n{
    background-color : #669bbc !important;
	color : #ffffff !important;  
    font-size : 17px;
    padding : 5px 0px 5px 0px;
    margin : 0px 0px -10px 0px;
    text-align : center;
	box-sizing : border-box;
}

#custom-box-n > p {
	color : #ffffff !important;
}