/**

 * Theme Name:        Chabok Theme

 * Theme URI:         https://www.chabokgroup.com

 * Description:       قالب سایت وردپرسی طراحی شده به شکل اختصاصی جهت توسعه و مدیریت سایت ها با امکانات پیشرفته و شخصی سازی شده

 * Version:           1.0.0

 * Author:            Maede Mahmoodi 

 * Tags:              responsive

 * Text Domain:       chabok_elm_theme

 * Domain Path:       /chabok-elementor-theme

 * Tested up to:      6.4

 * Requires at least: 6.2

 * Requires PHP:      7.4

 * License:           commercial

 * License URI:       https://www.chabokgroup.com/license

 */

 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

 html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

strong {

    font-weight: bold;

}

/* make sure to set some focus styles for accessibility */

:focus {

    outline: 0;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}



body {

    font-family: 'Roboto', Geneva, Tahoma, sans-serif;

    font-size: 14px;

	line-height: 1.5;

}



ol, ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



input[type=search]::-webkit-search-cancel-button,

input[type=search]::-webkit-search-decoration,

input[type=search]::-webkit-search-results-button,

input[type=search]::-webkit-search-results-decoration {

    -webkit-appearance: none;

    -moz-appearance: none;

}



input[type=search] {

    -webkit-appearance: none;

    -moz-appearance: none;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}



textarea {

    overflow: auto;

    vertical-align: top;

    resize: vertical;

}



/**

 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.

 */



audio,

canvas,

video {

    display: inline-block;

    display: inline;

    zoom: 1;

    max-width: 100%;

}



html {

    font-size: 100%; /* 1 */

    -webkit-text-size-adjust: 100%; /* 2 */

    -ms-text-size-adjust: 100%; /* 2 */

}



/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

a {

    transition: all 200ms;

}

a:active,

a:hover,

a:focus {

    outline: 0;

    transition: all 200ms;

}



/**

 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.

 * 2. Improve image quality when scaled in IE 7.

 */



img {

    border: 0; /* 1 */

    -ms-interpolation-mode: bicubic; /* 2 */

    max-width: 100%;

    height: auto;

}



/**

 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.

 */



figure {

    margin: 0;

}



/**

 * Correct margin displayed oddly in IE 6/7.

 */



form {

    margin: 0;

}



/**

 * Define consistent border, margin, and padding.

 */



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct color not being inherited in IE 6/7/8/9.

 * 2. Correct text not wrapping in Firefox 3.

 * 3. Correct alignment displayed oddly in IE 6/7.

 */



legend {

    border: 0; /* 1 */

    padding: 0;

    white-space: normal; /* 2 */

    margin-left: -7px; /* 3 */

}



/**

 * 1. Correct font size not being inherited in all browsers.

 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,

 *    and Chrome.

 * 3. Improve appearance and consistency in all browsers.

 */



button,

input,

select,

textarea {

    font-size: 100%; /* 1 */

    margin: 0; /* 2 */

    vertical-align: baseline; /* 3 */

    vertical-align: middle; /* 3 */

}



/**

 * Address Firefox 3+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */



button,

input {

    line-height: normal;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.

 * Correct `select` style inheritance in Firefox 4+ and Opera.

 */



button,

select {

    text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.

 *    Known issue: inner spacing remains in IE 6.

 */



button,

html input[type="button"], /* 1 */

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button; /* 2 */

    cursor: pointer; /* 3 */

    overflow: visible;  /* 4 */

}



/**

 * Re-set default cursor for disabled elements.

 */



button[disabled],

html input[disabled] {

    cursor: default;

}



/**

 * 1. Address box sizing set to content-box in IE 8/9.

 * 2. Remove excess padding in IE 8/9.

 * 3. Remove excess padding in IE 7.

 *    Known issue: excess padding remains in IE 6.

 */



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box; /* 1 */

    padding: 0; /* 2 */

    height: 13px; /* 3 */

    width: 13px; /* 3 */

}



/**

 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome

 *    (include `-moz` to future-proof).

 */



input[type="search"] {

    -webkit-appearance: textfield; /* 1 */

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box; /* 2 */

    box-sizing: content-box;

}



/**

 * Remove inner padding and search cancel button in Safari 5 and Chrome

 * on OS X.

 */



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



/**

 * Remove inner padding and border in Firefox 3+.

 */



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



/**

 * 1. Remove default vertical scrollbar in IE 6/7/8/9.

 * 2. Improve readability and alignment in all browsers.

 */



textarea {

    overflow: auto; /* 1 */

    vertical-align: top; /* 2 */

}



/**

 * Remove most spacing between table cells.

 */



table {

    border-collapse: collapse;

    border-spacing: 0;

}



html,

button,

input,

select,

textarea {

    color: #222;

}





::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



img {

    vertical-align: middle;

}



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



textarea {

    resize: vertical;

}



.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}

a {

    text-decoration: none;

}

a:visited {

    text-decoration: none;

    color: inherit;

}

h1, h2, h3, h4,h5,h6 {

    margin-bottom: 15px;

    font-weight: bold;

}

h1 {

    font-size: 24px;

}

h2 {

    font-size: 22px;

}

h3 {

    font-size: 20px;

}

h4 {

    font-size: 19px;

}

h5 {

    font-size: 18px;

}

h6 {

    font-size: 17px;

}

p {

    font-size: 15px;

    line-height: 1.8;

    margin-bottom: 10px;

    color: #333;

    font-weight: 400;

}



/** CSS reset 

*/





:root {

    --primaryColor: #37578d;

    --secondaryColor: #58c6c7;

    --textColor:#ff8800;

}

* {

    box-sizing: border-box;

}

section {

    float: right;

    width: 100%;

    margin-bottom: 40px;

}

.chabok-header {

    background-color: var(--primaryColor);

    background: #fff;

    float: right;

    width: 100%;

}

.chabok-header::before {

    display: none;

    content: '';

    background: url('img/header-bg.png');

    position: absolute;

    height: 669px;

    width: 100%;

    top: 135px;

    z-index: 1;

    background-repeat: no-repeat;

}

.chabok-container {

    max-width: 1280px;

    margin: auto;

    position: relative;

}

.search-flex {

    display: flex;

    width: 100%;

    flex-wrap: wrap;

}

.chabok-main-header {

    padding: 10px 10px 10px 120px;

    align-items: center;

    display: flex;

}

.chabok-web-logo {

    width: max-content;

}

a[href^="tel"] {

    color: inherit; /* Inherit text color of parent element. */

    text-decoration: none; /* Remove underline. */

    /* Additional css `propery: value;` pairs here */

}

a:visited,

a:active {

    color: inherit;

    text-decoration: none;

}

.chabok-web-logo img {

    width: 122px;

    position: absolute;

    top: -63px;

    background: #fff;

    border-radius: 35px 7px 0 0;

    padding: 6px;

    cursor: pointer;

}

.slide-large img {

    border-radius: 12px;

}

.chabok-tab-bar-product .tablink {

    background: var(--primaryColor);

    color:#fff;

}

.chabok-tab-bar-product .tablink.active {

    background: var(--secondaryColor);

    color: #000;

}

.ftl {

    float: right;

}

.clear {

    clear: both;

}

.chabok-col-100 {

    width: 100%;

    padding: 0 10px;

}

.chabok-col-80 {

    width: 80%;

    padding: 0 10px;

}

.chabok-col-70 {

    width: 70%;

    padding: 0 10px;

}

.chabok-col-60 {

    width: 60%;

}

.chabok-col-40 {

    width: 40%;

    padding: 0 10px;

}

.chabok-col-50 {

    width: 50%;

    padding:0 10px;

}

.chabok-col-33 {

    width: 33.33333%;

    padding: 0 10px;

}

.chabok-col-30 {

    width: 30%;

    padding: 0 10px;

}

.chabok-col-25 {

    width: 25%;

    padding: 0 10px;

}

.chabok-col-20 {

    width: 20%;

    padding: 0 10px;

}

.chabok-col-15 {

    width: 15%;

    padding: 0 10px;

}

.chabok-col-16 {

    width: 16.6666%;

    padding: 0 10px;

}

.chabok-col-14 {

    width: 14.28%;

    padding: 0 10px;

}

.chabok-col-10 {

    width: 10%;

    padding: 0 10px;

}

.chabok-attr-row {

    width: 100%;

    float: right;

    padding: 7px 11px;

}

.chabok-attr-row .attr-name {

    width: 50%;

    float: right;

}

.chabok-additional-info .chabok-attr-row:nth-child(odd) {

    background-color: #eee;

}

.red-txt {

    color:red;

}

.ftr {

    float: right;

}

.chabok-flex.sale-price-btn {

    display: flex;

    justify-content: space-between;

}

.chabok-flex.sale-price-btn > div {

    width: 50%;

}

.chabok-course-add-to-cart-form button , a.course-blue-btn{

    max-width: 350px;

}

.chabok-btn, button, a.course-blue-btn {

    background: var(--secondaryColor);

    border: 0;

    padding: 12px;

    font-family: 'Roboto', Geneva, Tahoma, sans-serif;

    font-size: 19px;

    border-radius: 5px;

    transition: all 200ms;

}

.chabok-btn:hover, button:hover, a.course-blue-btn {

    background: var(--primaryColor);

    color:#fff;

    transition: all 200ms;

}

.chabok-breadcrumb {

    padding: 32px 0 10px;

}

.chabok-tab-bar-product.ftl {

    background: #000;

    border-radius: 4px;

}

.pdd-0 {

    padding-right: 0;

    padding-left: 0;

}

.product-img img {

    border-radius: 3px;

}

.chabok-row-flex {

    display: flex;

    flex-wrap: wrap;

    flex-flow: row wrap;

    justify-content: safe;

    width: 100%;

}



.flex-4col .chabok-flex-item {

    flex: calc(25% - 30px);

    margin-left: 30px;

    padding:0 10px;

    max-width: calc(25% - 22px);

    margin-bottom: 45px;

}

.flex-4col .chabok-flex-item:nth-child(4n) {

    margin-left: 0;

}

.chabok-img-arrow-left,

.chabok-img-arrow-right {

    width: 40px;

    height: 47px;

    background-image: url('img/left.png');

    display: block;

    background-size: 100%;

    background-repeat: no-repeat;

    transition: all 200ms;

}

.chabok-img-arrow-right {

    transition: all 200ms;

    background-image: url('img/right.png');

}

#slider-main .chabok-img-arrow-left,

#slider-main .chabok-img-arrow-right {

    height: 31px;

}

.item-slider .owl-prev, .item-slider .owl-next {

    background: none;

    position: absolute;

    z-index: 9;

    left: -40px;

    top: 0;

    bottom: 0;

    margin: auto;

    height: 118px;

    transition: all 200ms;

    padding: 0;

}

.item-slider .owl-prev:hover .chabok-img-arrow-left,

#slider-main .owl-next:hover .chabok-img-arrow-left {

    background-image: url('img/left-hover.png');

    transition: all 200ms;

}

.item-slider .owl-next:hover .chabok-img-arrow-right,

#slider-main .owl-prev:hover .chabok-img-arrow-right {

    background-image: url('img/right-hover.png');

    transition: all 200ms;

}

.item-slider .post-content-slide h3 {

    position: absolute;

    text-align: center;

    bottom: 0;

    left: 0;

    color:var(--secondaryColor);

    right: 0;

}

.item-slider .post-thumbs::before {

    content: '';

    background: linear-gradient(to bottom, transparent,transparent,#000);

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border-radius: 15px;

}

.item-slider .chabok-post-block {

    position: relative;

}

.item-slider .owl-next {

    right: -40px;

    left: auto;

}

.item-slider {

    float: right;

    width: 100%;

    position: relative;

}

.text-center {

    text-align: center;

}

.chabok-featured-category.chabok-row-flex.flex-8col {

    justify-content: center;

}

.chabok-featured-category {

    background: #fff;

    box-shadow: 0 0 40px rgba(51, 51, 51, 0.078);

  padding: 26px;

  border-radius: 26px;

}

.category-with-icon a {

    display: block;

    text-align: center;

}

.category-with-icon h3, .category-with-icon h2, .category-with-icon h4 {

    font-size: 13px;

    margin: 10px 0;

    margin: 10px 0;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 14px;

}



.float-left {

    float: left;

    direction: ltr;

}

.chabok-ftl {

    float: right;

}

.chabok-ftr {

    float: left;

}





.module-textmedia ul {

    list-style: disc;

    line-height: 2;

        padding-right: 20px;

        margin-bottom: 20px;

}

/* gallery */

.chabok-content-box.chabok-gallery-box {

    margin-top: 25px; 

}

.gallery-pdr {

    padding-right: 10px;

}

.chabok-content-box.chabok-gallery-box h2 {

    text-align: right;

}



.chabok-gallery-box {

    padding: 20px 0;

}

.chabok-gallery{

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

    padding: 20px 0;

    align-items: center;

    border: 1px solid #cccccc;

    border-radius: 10px;

    justify-content: center;

    background: #ffffff87;

}

.gallery-pddr {

    padding-right: 30px;

}

.chabok-gallery img{

    width: 100%;

    height: auto;

    flex: 1;

    max-width: 100px;

    border-radius: 10px;

    margin-top: 0 !important;

        min-width: 11%;

}
.chabok-col-60.ftl.gallery-pdr {
  width: 68%;
}
.chabok-col-40.ftl.gallery-pddr {
  width: 32%;
}

.chabok-gallery img {
    cursor: pointer;
    transition: transform .3s ease;
}

.chabok-gallery img:hover {
    transform: scale(1.03);
}

.gallery-hover-preview {
    position: fixed;
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 20px 50px rgba(0,0,0,.25),
        0 5px 15px rgba(0,0,0,.12);
    pointer-events: none;
    opacity: 0;
    transform: translateY(20px) scale(.9);
    transition:
        opacity .25s ease,
        transform .25s ease;
    z-index: 999999;
}

.gallery-hover-preview.active {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.gallery-hover-preview img {
    object-fit: contain;
    width: 190px;
    height: auto;
    margin: 23px auto !important;
    display: block;
}

.chabok-content-box.chabok-first-box img {

    margin-top: 50px;

}

.chabok-col-50.chabok-ftr img {

    border-radius: 10px;

}



  .countdown-container {

    -webkit-font-smoothing: antialiased;



  }

  .rem-r894 {

    text-align: center;

    margin-top: 130px;

    color: var(--textColor);

  }

  .countdown {

    display: flex;

    transform-style: preserve3d;

    perspective: 500px;

    height: 10rem;

    width: 45em;

    margin: 0 auto;

  }

  .countdown.remove {

    animation: hide-countdown 1s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;

    overflow: hidden;

  }

  

  .number, .separator {

    display: block;

    color: #333;

    height: 10rem;

    font-size: 6rem;

    position: relative;

    line-height: 10rem;

    text-align: center;

    width: 100%;

  }

  

  .separator {

    margin: 0;

    width: 2rem;

  }

  

  .new, .old, .current {

    color: #333;

    position: absolute;

    border-radius: 1rem;

    height: 10rem;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    background-color: var(--secondaryColor);



  }

  

  .new {

    animation: show-new 0.4s cubic-bezier(0, 0.9, 0.5, 1.2) forwards;

  }

  

  .old {

    animation: hide-old 2s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;

  }

  

  .countdown section {

    position: relative;

  }

  

  #js-days:after, #js-hours:after, #js-minutes:after, #js-seconds:after {

    content: attr(title);

    position: absolute;

    text-align: center;

    left: 0;

    right: 0;

    bottom: -124px;

    font-size: 12px;

  }

  #js-hours:after {

    content: attr(title);

  }

  #js-minutes:after {

    content: attr(title);

  }

  #js-seconds:after {

    content: attr(title);

  }

  @keyframes hide-countdown {

    to {

      height: 0;

      overflow: hidden;

    }

  }

  @keyframes show-new {

    0% {

      opacity: 0;

      transform: translate(-50%, -50%) translateY(-2rem) scale(0.8) rotateX(-20deg);

    }

    100% {

      transform: translate(-50%, -50%);

    }

  }

  @keyframes hide-old {

    0% {

      transform: translate(-50%, -50%);

    }

    100% {

      opacity: 0;

      transform: translate(-50%, -50%) translateY(-5rem) scale(0.5) rotateX(-75deg);

    }

  }

  



.absolute-aside {

    position: absolute;

    width: 150px;

    right: 0;

    top: 35px;

    padding-right: 10px;

    border-left: 1px solid #eee;

}

.post-time {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

}

.post-time, .comment-count, .share-post {

    margin-bottom: 20px;

}

.share-post {



}

.chabok-post-image img {

    max-width: 100%;

    width: 100%;

    border-radius: 10px;

}

.post-time .time-d span {

    background: #eee;

    border-radius: 6px;

    width: 50px;

    height: 50px;

    padding: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #000;

}

.time-ym span {

    width: 100%;

    display: flex;

    margin-right: 9px;

}

.search-icon {

    margin: 12px 0;

}

/* social icons */

.chabok-phone-icon {

    margin-right: 0px;

    margin-left: 10px;

}

.chabok-phone-icon span {

    align-items: center;

    margin-right: 10px; 

}

.chabok-phone-icon i,

.chabok-social-icon i {

    width: 25px;

    fill: var(--primaryColor);

    text-align: center;

}

.top-bar-mobile-text {

    position: relative;

    font-family: 'yekan';

}

.top-bar-mobile {

    padding-left: 24px;

    float: left;

}

.chabok-social-icon {

    padding: 0 12px;

    color: var(--primaryColor);

}



.footer-social .chabok-social-icon.eita-social {

    padding: 0 10px; 

}



.cha-bale,

.chabok-header .cha-bale {

    background-image: url('img/bale-footer.png');

    background-size: contain;

    background-repeat: no-repeat;

    width: 16px !important;

    height: 16px;

    filter: invert();

    position: relative;

    top: 2px;

}



.chabok-header .cha-bale {

    background-image: url('img/bale.png');

    filter: unset;

    width: 13px !important;

    position: relative;

    top: 4px;

}



.chabok-header .top-bar-social a:hover .cha-bale {

    background-image: url('img/bale-hover.png');

}



.cha-eita,

.chabok-header .cha-eita {

    background-image: url('img/eita-solid-icon.webp');

    background-size: contain;

    background-repeat: no-repeat;

    width: 16px !important;

    height: 16px;

    filter: invert();

    position: relative;

    top: 2px;

}



.chabok-header .cha-eita {

    background-image: url('img/eita-solid-icon.png');

    filter: unset;

    width: 14px !important;

    position: relative;

    top: 4px;

}



.chabok-header .top-bar-social a:hover .cha-eita {

    background-image: url('img/eita-solid-icon-hover.png');

}



.chabok-social-icon i {

    opacity: 0.8;

    transition: all  300ms;

}

.top-bar-social a:hover .chabok-social-icon i {

    opacity: 1;

    transform: rotate(6deg);

    transition: all  300ms;

    color: var(--textColor);

    scale: 1.3;

}

.h-social a {

    display: flex;

    align-items: center;

    color: #000;

    margin: 0 0 0 12px;

}

.h-social a svg {

    border-radius: 100px !important;

    overflow: hidden;

    width: 20px;

    height: 20px;

    margin-left: 5px;

}

/* navigation bar */

.chabok-nav-bar {

    width: 100%;

    background-color: var(--primaryColor);

    float: right;

    height: 70px; 

    color: white;

    border-bottom: 1px solid #000;

}

.chabok-front-content h1.title {

    display: inline-block;

    z-index: 3;

    position: relative;

    border-radius: 16px 71px 10px 0px;

}

.chabok-content-box.chabok-first-box {

    padding: 0px 0 100px;

}

.chabok-navigation {

    display: flex;

    align-items: center;

} 



.chabok-navigation .chabok-col-10 {

    position: absolute;

    top: 2px;

}



.chabok-navigation .chabok-col-70 {

  position: relative;

  z-index: 2;

  bottom: 1px;

}

/* search bar */

.chabok-search-bar input {

    border: 1px solid rgb(216, 216, 216);

    border-radius: 10px;

    position: relative;

}

.chabok-search-bar {

    width: 0;

    height: 32px;

    border-radius: 20px;

    background-color: #fbfbfb;

    top: 4px;

    position: absolute;

    right: 50px;

    transition: all 300ms;

    visibility: hidden;

    float: right;

    display: block;

    opacity: 0;

}



.chabok-col-20.search-icon {

    position: absolute;

    left: 0;

    width:30%;

    justify-content: left;

    display: flex;

}



.chabok-search-bar.chabok-active {

    visibility: visible;

    width: 190px;

    transition: all 300ms;

    display: block;

    opacity: 1;

}

.chabok-main-header .chabok-col-60 {

    margin: 12px 0;

    color: var(--primaryColor);

  letter-spacing: 1px;

}

.chabok-search-btn {

    width: 40px;

    height: 40px;

    float: right;

    cursor: pointer;

    padding-left: 4px;

    margin-right: 16px;

}

.chabok-search-btn i {

    position: relative;

    top: 11px;

    font-size: 1.333em;

    float: right;

    padding: 0;



}

.search-icon {

    position: relative;

}

.chabok-search-btn.chabok-active {

    position: relative;

    z-index: 9;

    color: white;

}

.chabok-search-bar #searchsubmit {

    display: none;

}

.chabok-search-bar #s {

    padding: 7px 34px 7px 7px;

    border: 0;

    width: 100%;

    font-size: 13px;

    background: #fbfbfb;

    border-radius: 20px;

    font-family: 'alibaba';

}

.chabok-search-btn.chabok-active i:before {

    content: '\f00d';

}

.chabok-search-bar.chabok-active form#searchform::before {

    content: '\f002';

    font-family: 'Font awesome 5 pro';

    position: absolute;

    color: black;

    z-index: 10;

    right: 11px;

    top: 6px;

    transition: all 200ms;

}

.chabok-search-bar input#searchsubmit {

    float: right;

    top: 2px;

    position: absolute;

    width: 38px;

    height: 28px;

    right: 2px;

    opacity: 0;

    display: block;

}

/* menu */

.chabok-header-menu li {

    float: left;

    padding: 0 20px;

}

.chabok-content,

.textmedia-module-block {

    line-height: 2;

    font-size: 15px;

    text-align: justify;

}

.chabok-header-menu > li:nth-child(1) {

    padding-right: 0;

}



.chabok-header-menu li a {

    padding: 25px 0;

    float: right;

    color: white;

    transition: 300ms all;

}

.chabok-header-menu li a:hover {

    color: var(--secondaryColor);

    transition: 300ms all;

}

.chabok-header-menu li ul {

    position: absolute;

    width: 261px;

    background-color: #fbfbfb;

    margin-top: 70px;

    padding-top: 10px;

    padding-bottom: 10px;

    border-radius: 0 0 10px 10px;

    box-shadow: 0 0 10px rgba(0,0,0,0.3);

    visibility: hidden;

    z-index: 4;

    margin-right: -5px;

    opacity: 0;

}

.chabok-header-menu li:hover ul {

    visibility: visible;

    transition: all 200ms;

    opacity: 1;

}

.chabok-header-menu li ul li a {

    padding: 7px 10px;

    color: #666;

    font-family: 'yekan';

    font-weight: 400;

    display: block;

    width: 100%;

}

.chabok-header-menu li ul li {

    width: 100%;

    padding:0 10px

}

.chabok-header-menu li ul li a:hover {

    color: var(--textColor);

}

.chabok-navigation .chabok-header-menu li ul li ul {

    position: absolute;

    width: 200px;

    background-color: #fbfbfb;

    margin-top: 0 !important;

    padding-top: 10px;

    padding-bottom: 10px;

    border-radius: 10px 0 10px 10px;

    visibility: hidden;

    border: 1px solid rgb(233, 233, 233);

    box-shadow: 0px 17px 24px -12px rgba(113, 113, 113, 0.48);

    right: 200px;

}

.h-social {

    text-align: right;

    display: flex;

  direction: rtl;

}

.chabok-navigation .chabok-header-menu li ul li:hover ul {

    visibility: visible;

}

.chabok-header-menu li ul li ul a {

    padding: 10px 10px;

    color: #666;

    font-family: 'yekan';

    font-weight: 400;

}

.chabok-header-menu li ul li ul a:hover {

    padding-right: 15px;

}

.chabok-home-slide img {

    width: 100%;

    max-width: 100%;

    height: auto;

    max-height: 420px;

    object-fit: cover;

}



.chabok-home-slide button {

    width: 50px;

    height: 50px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto 25px;

    border-radius: 100%;

    border: 0;

    background: rgb(255 255 255 / 40%);

    opacity: 0.8;

    color: #fff;

    font-size: 28px;

    display: -webkit-flex;

    display: -webkit-box;

    display: flex;

    align-items: center;

    justify-content: center;

}

.chabok-home-slide button:hover {

    background-color: var(--primaryColor);

    opacity: 1;

}

.chabok-home-slide button.owl-prev {

    right: 0;

    left: auto;

    z-index: 9;

}

.chabok-content-box {

    width: 100%;

    float: left;

    position: relative;

}

.chabok-front-content {

    padding: 100px 60px 0 0px;

}

.chabok-content-box.chabok-first-box::before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-image: url('img/ceramic-bg.jpg');

    background-size: cover;

    background-position: center;

    opacity: 0.2;

}

.chabok-centered-content {

    margin: auto;

    max-width: 800px;

}

.chabok-mg-auto {

    margin-right: auto;

    margin-left: auto;

}

.chabok-front-content.with-small-ppdr {

    padding-bottom: 30px;

}

.taxo-terms {

    display: flex;

    align-items: center;

    margin-bottom: 40px;

    justify-content: center;

}

.taxo-terms span {

    padding:0 10px;

    border:1px solid var(--primaryColor);

    margin: 0 10px;

}

.chabok-centered-title {

    text-align: center;

}

.chabok-centered {

    text-align: center;

    justify-content: center;

}



/*

.title-with-line::after {

    content: '';

    background: var(--secondaryColor);

    opacity: 0.2;

    height: 1px;

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    margin: auto;

}

*/

.title-with-line h3::before,

.title-with-line h2::before {

    content: '';

    width: 20px;

    height: 20px;

    position: absolute;

    left: 8px;

    background:var(--primaryColor);

    opacity: 0.8;

    bottom: 1px;

    border-radius: 3px;

}

.title-with-line::before {

    content: '';

    width: 22px;

    height: 22px;

    position: absolute;

    left: 0;

    top: -2px;

    bottom: 0;

    margin: auto;

    z-index: 4;

    background: var(--secondaryColor);

    border-radius: 3px;

    opacity: 1;

}

.title-with-line {

    position: relative;

}

.title-with-line h3, .title-with-line h2 {

    width: max-content;

    padding: 0 25px 0 35px;

    position: relative;

    z-index: 1;

    color: #000000;

}

.chabok-content-box.chabok-category-box p {

    color: #ccc;

}

.chabok-product-img img {

    width: 100%;

}

.chabok-product-content h4 {

    font-size: 14px;

    text-align: center;

    margin: 0;

    padding-top: 20px;

}

.psr {

    position: relative;

}

.ovh-hide {

    overflow: hidden;

}

.w-100 {

    width: 100%;

}

.hoverable-item a {

    position: absolute;top: 0; transform: translateY(-100%); bottom: 0;margin: auto;text-align: center;width: 100%;  transition: all 300ms;  margin-bottom: 41px;

    z-index: 1;

}

.hoverable-item:hover a {

  top: 0;

  bottom: 0;

  display: flex;

  align-items: center;

  transform: translateY(0%);

  justify-content: center;

  margin-bottom: 41px;

  transition: all 300ms;

  color:#fff;

  z-index: 2;

}



.image-slider-section {

    margin:0px;

    padding: 30px 0;

    width: 100%;

    position: relative;

}

.image-slider-section::before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-image: url('img/ceramic-bg.jpg');

    background-size: cover;

    background-position: center;

    opacity: 0.2;

}

.hoverable-item:hover a {

    content: '';

    background:rgba(0, 0, 0, 0.466);

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}

.chabok-featured-category .category-with-icon {

    border-right: 1px solid #eee;

    width: 16.66666%;

}

.chabok-featured-category .category-with-icon img {

    width: 80px;

    transition: all 200ms;

    margin-bottom: 22px;

    opacity: 0.9;

}

.chabok-featured-category .category-with-icon:last-child {

    border-right: 0;

}

.chabok-featured-category .category-with-icon a {

    padding: 23px 3px;

    border-radius: 12px;

}

.chabok-featured-category .category-with-icon a:hover {

    transition: all 200ms;

    color: var(--textColor);

}

.chabok-content-box.chabok-category-box {

    padding: 50px 0;

}

.helpcenter-title {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    padding-bottom: 5px;

    border-bottom: 1px solid rgb(0, 0, 0, 0.1);

    margin-bottom: 5px;

    align-items: center;

}

.helpcenter-short-content {

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    margin-bottom: 20px;

}

.chabok-helpcenter-side {

    padding-right: 100px;

}

.chabok-helpcenter-side h2 {

    color: var(--textColor);

}

.help-box-sortable {

    margin-bottom: 25px;

}



.chabok-content-box.chabok-helpcenter-box::before {

    content: '';

    background-image: url('img/sec-bg-yazd.webp');

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0.1;

    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

    background-attachment: fixed;

}

.link-to a svg path {

    transition: all 200ms;

}

.link-to a:hover svg path {

    transform: translatex(4px);

    transition: all 200ms;

}

.link-to a {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

}

.link-to a span {

    margin-left: 15px;

}

.chabok-borderd-button {

    color: var(--textColor);

    border: 1px solid #535353;

    width: max-content;

    padding: 6px 20px;

    border-radius: 5px;

    transition: all 200ms;

    justify-content: space-between;

    position: relative;

    width: 16.3rem;

}

.chabok-sec-content {

    margin-bottom: 25px;

}

.chabok-borderd-button:hover {

    border-color: transparent;

    border-radius: 5px;

    transition: all 200ms;

}



.chabok-borderd-button:before, .chabok-borderd-button:after {

    display: block;

    content: " ";

    border-top: none;

    border-right: none;

    border-bottom: none;

    border-left: none;

    position: absolute;

    width: 0;

    height: 0;

    opacity: 0;

    transition: opacity 500ms ease-in-out;

    border-radius: 5px;



}

  

.chabok-borderd-button:before {

    top: -0.120rem;

    left: 0;

    border-radius: 5px;

}

  

.chabok-borderd-button:after {

    bottom: 0;

    right: 0;

    border-radius: 5px;

}



.chabok-borderd-button:hover:before {

    width: 16.2rem;

    height: 100%;

    opacity: 0.7;

    border-top: 0.120rem solid #ecf0f1;

    border-right: 0.120rem solid #ecf0f1;

    transition: width 250ms cubic-bezier(0.07, 0.62, 0.61, 1), height 125ms 250ms cubic-bezier(0.07, 0.62, 0.61, 1);

    border-radius: 5px;

}

.link-to.link-light-mode .chabok-borderd-button:hover:before {

    border-top: 0.120rem solid #000000;

    border-right: 0.120rem solid #000000;

}

.chabok-borderd-button:hover:after {

    width: 16.2rem;

    height: 100%;

    opacity: 0.7;

    border-bottom: 0.120rem solid #ecf0f1;

    border-left: 0.120rem solid #ecf0f1;

    transition: width 350ms 325ms cubic-bezier(0.07, 0.62, 0.61, 1), height 125ms 650ms cubic-bezier(0.07, 0.62, 0.61, 1), border-left 0ms 425ms linear;

    border-radius: 5px;

    overflow: hidden;

}

.link-to.link-light-mode .chabok-borderd-button:hover:after {

    border-bottom: 0.120rem solid #000000;

    border-left: 0.120rem solid #000000;

}



.link-to a svg circle:nth-child(2) {

    -webkit-transition: all 1.2s cubic-bezier(.45, 0, .14, 1.03);

    -o-transition: all 1.2s cubic-bezier(.45, 0, .14, 1.03);

    transition: all 1.2s cubic-bezier(.45, 0, .14, 1.03);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    -webkit-transform-origin: 53.3% 51.7%;

    -ms-transform-origin: 53.3% 51.7%;

    transform-origin: 53.3% 51.7%;

    stroke-dasharray: 160;

    stroke-dashoffset: 160;

}

.link-to a:hover svg circle:nth-child(2) {

    stroke-dashoffset: 0;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    -webkit-transition: 1.2s cubic-bezier(.38, .67, .76, .66);

    -o-transition: 1.2s cubic-bezier(.38, .67, .76, .66);

    transition: 1.2s cubic-bezier(.38, .67, .76, .66);

}

.link-to.link-light-mode .chabok-borderd-button svg circle {

    stroke: #4a4a4a;

}

.link-to.link-light-mode .chabok-borderd-button svg path {

    fill: #4a4a4a;

}

.chabok-btn-left {

    float: right;

}

.chabok-content-box.chabok-helpcenter-box {

    padding: 100px 0;

    color: #fff;

    background-color: #000;

}

.chabok-content-box.chabok-helpcenter-box p {

    color: #aaa;

}

.helpcenter-title h3,

.helpcenter-title h2,

.helpcenter-title h4 {

    margin: 0;

}

.helpcenter-title span {

    color: var(--textColor);

    font-size: 40px;

    margin-right: 10px;

    font-family: 'yekan';

}

.chabok-featured-category .category-with-icon a:hover img {

    transition: all 200ms;

    opacity: 1;

}

.chabok-category-box {

    padding:100px 0;

}

main {

    position: relative;

	z-index: 1;

    min-height: 100%;

	min-height: 100vh;

    background: #fff;

    float: right;

    width: 100%;

    padding-bottom: 100px;



}

.chabok-footer {

    background-image: url('img/footer-png.png');

    background-repeat: no-repeat;

    background-position: top center;

    min-height: 420px;

    float: right;

    width: 100%;

    background-size: cover;

    padding-top: 126px;

    color: #fff;

    position: relative;

    z-index: 9;

}





.chabok-footer-widget {

    color: #ffffff;

    padding: 70px 0px 0;

}

.chabok-footer-menu li {

    float: left;

    margin: 0px 15px 15px 0px;

}

.chabok-footer-menu li a {

    color:#ffffff;

}

.chabok-footer-widget h4 {

    color: #ffffff;

}

.arrow-to-top {

    text-align: center;

    font-size: 63px;

    display: flex;

    justify-content: center;

}

.arrow-to-top a {

    display: flex;

    width: 100px;

    height: 100px;

    justify-content: center;

    margin-left: 8px;

    color: #000;

}

.chabok-front-content.with-small-ppdr.chart-content {

    padding-right: 0;

}

.dl-box-link {

    border: 1px solid var(--primaryColor);

    color: var(--primaryColor);

    transition: all 200ms;

}

.dl-box-link:hover {

    border: 1px solid var(--textColor);

    color: #fff !important;

    transition: all 200ms;

    background-color: var(--textColor);



}

.arrow-to-top a:hover {

    color:var(--textColor);

}

.chabok-footer-menu li a:hover {

    color:var(--secondaryColor);

}

.chabok-footer-widget.footer-social {

    /* margin-top: 20px; */

    text-align: center;

    color: #ffffff;

}

.dev-copyrights {

    float: right;

    width: 100%;

    /* background: #00122b; */

    padding: 10px;

    margin-top: 82px;

    color: #ffffff;

}



button#scroll-to-top {

    position: absolute;

    top: 72px;

    left: 0;

    right: 0;

    margin: auto;

    width: 40px;

    height: 40px;

    border-radius: 100%;

    padding: 0;

    background: var(--primaryColor);

    color: #fff;

}

.contact-details li {

    margin-bottom: 10px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between; 

    flex-wrap: wrap;

}



.pdd-btm {

    padding-bottom: 40px;

}

/* news trrr */

.chabok-news-ticker-flex {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

}

.news-ticker {

    visibility: hidden;

    overflow: hidden;

    white-space: nowrap;

    background: var(--primaryColor);

    color: #fff;

    padding: 17px 0;

    position: relative;

    margin-right: 10px;

    border-radius: 4px;

    direction: ltr;

}



.news-content {

    display: inline-block;

    white-space: nowrap;

    animation: ticker 20s linear infinite;

}



.news-item {

    display: inline-block;

    padding: 0 20px;

}



@keyframes ticker {

    0% {

        transform: translateX(0);

    }

    100% {

        transform: translateX(-50%);

    }

}



.news-ticker:hover .news-content {

    animation-play-state: paused;

}

.news-item a {

    color: #eee;

}

a.account {

    padding: 9px;

    background: #58c6c7;

    color: #000000;

    display: inline-block;

    border-radius: 10px;

    margin-right: 35px;

}

.search-icon.chabok-active .account {

    display: none;

}

.border-radius img {

    border-radius: 20px;

}



.chabok-content h2 {

    font-size: 20px;

    color: #5b5b5b;

}



.chabok-content h3 {

    font-size: 17px;

    color: #5b5b5b;

}



.chabok-content h4 {

    font-size: 15px;

    color: #5b5b5b;

}

.chabok-content ul {

    list-style: disc;

    margin-bottom: 13px;

}



.site-developer {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

}

.contact-details li span i {

    margin-left: 5px;

}

.chabok-footer-widget.footer-social a, 

.chabok-footer-widget.footer-social i {

    color: #fffdff;

    font-size: 18px;

}

.chabok-footer-menu li ul {

    display: none;

}

/* progress scroller */

.scroll-progress {

    visibility: hidden;

    height: 0;

    display: flex;

    justify-content: center;

    margin-bottom: 100px;

    flex-wrap: wrap;

    margin-top: -56px;

}

.w100 {

    width: 100%;

}

.fixed-sidebar {

    position: fixed;

    max-width: 378px;

    transition: top 300ms;

}

.fixed-sidebar.small-top {

    top:30px;

    transition: top 300ms;

}

#progressPercent {

    position: absolute;

}

.progress-circle-container {

    position: relative;



    width: 100px;

    height: 100px;

    z-index: 9999;

    display: flex;

    align-items: center;

    justify-content: center;

}

#respond {

    margin-top: 15px;

}

.progress-circle {

    width: 80px;

    height: 80px;

} 

.progress-circle-bar {

    fill: none;

    stroke:var(--secondaryColor);

    stroke-width: 5;

    stroke-dasharray: 283;

    stroke-dashoffset: 0;

    transform-origin: center;

    transition: stroke-dashoffset 0.3s ease;

}

.progress-background {

    fill: transparent;

    stroke: #ededed;

    stroke-width: 5;

    stroke-dasharray: none;

}

.scroll-to-top {

    position: absolute;

    height: 100%;

    width: 100%;

    background-color: black;

    border-radius: 50%;

    cursor: pointer;

    transition: opacity 0.3s ease;

    z-index: 9998;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

}

.scroll-to-top svg {

    display: block;

    width: 20px;

    height: 20px;

    stroke: white;

    transition: all 0.1s ease;

}

/* end progress */



.chabok-flash-message.chabok-success a {

    background: var(--secondaryColor);

}

.chabok-btn-group {

    display: flex;

    justify-content: center;

}

.chabok-btn-group a {

    margin:0 10px;

    color: #000;

    font-size: 15px;

}

.commentlist li {

    background: #eee;

    padding: 12px;

    position: relative;

}

.comment-meta.commentmetadata {

    font-size: 11px;

    position: absolute;

    top: 5px;

    left: 5px;

}



#commentform label {

    display: block;

}

#commentform input,

#commentform textarea {

    padding:10px;

    width: 100%;

}

.comment-awaiting-moderation {

    color: red;

    font-size: 11px;

}

.chabok-widget ul li {

    margin-bottom: 10px;

}

.chabok-navigation .menu-btn {

    background: none;

    width: 120px;

    margin-right: 10px;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    display: none;

}



.show-more-text {

    display: none;

        width: 100%;

        background: none;

        font-size: 27px;

}

.show-more-text:hover,

.show-more-text:focus {

    background: none;

    outline: none;

    color:#000;

}

.show-more-text.chabok-active {

    transform: rotate(180deg);

}

.social-btn {

    background: none;

    width: 50px;

    display: none;

    color: #fff;

}

.chabok-widget a:hover {

    color:var(--secondaryColor);

}

.post-content a {

    font-weight: bold;

    font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    height: 60px;

    transition: all 300ms;

}

.chabok-post-block {

    position: relative;

    transition: all 300ms;

}

.post-content a::before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 2;

}

.chabok-post-block:hover .post-content {

    top: 0;

    transition: all 300ms;

}

.chabok-content p {

    color: #555;

}

.chabok-post-image {

    margin-bottom: 20px;

}

.post-content {

    position: absolute;

    bottom: 0;

    top: 200px;

    background: rgba(255, 255, 255, 0.87);

    padding: 25px;

    transition: all 300ms;

}

.post-content .p-meta {

    margin-top: 16px;

    display: flex;

    justify-content: space-between;

    color: #777;

}

.new-post-card-block .chabok-post-block{
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0,0,0,.06);
    transition: all .35s ease;
    border: 1px solid rgba(0,0,0,.05);
}

.new-post-card-block .chabok-post-block:hover{
    transform: translateY(-10px);
}

.new-post-card-block .post-thumbs{
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/10;
}

.new-post-card-block .post-thumbs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}

.new-post-card-block .chabok-post-block:hover .post-thumbs img{
    transform: scale(1.08);
}

.new-post-card-block .post-thumbs::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.35),
        rgba(0,0,0,.05),
        transparent
    );
    opacity: 0;
    transition: .4s;
}

.new-post-card-block .chabok-post-block:hover .post-thumbs::after{
    opacity: 1;
}

.new-post-card-block .post-content{
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    top: 0;
    background: #fff;
}

.new-post-card-block .post-content > a{
    display: block;
    color: #1f2937;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 14px;
    transition: .3s;
    min-height: 59px;
}

.new-post-card-block .post-content > a:hover{
    color: var(--primary-color,#0d6efd);
}

.new-post-card-block .post-content .p-excerpt{
    color: #6b7280;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 20px;

    display: -webkit-box;
    -webkit-line-clamp: 0;
    -webkit-box-orient: vertical;
    display: none;
    overflow: hidden;
}
.module-section.post-section .owl-carousel .owl-stage {
    padding: 25px 0;
}
.new-post-card-block .p-meta{
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    color: #9ca3af;
    font-size: 13px;
}

.new-post-card-block .p-meta span{
    display: flex;
    align-items: center;
    gap: 8px;
}

.new-post-card-block .p-meta span:first-child::before{
    content: "📅";
    font-size: 14px;
}

.new-post-card-block .p-meta span:last-child::before{
    content: "👤";
    font-size: 14px;
}

.new-post-card-block .chabok-post-block::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background: radial-gradient(
        circle,
        rgba(13,110,253,.08),
        transparent 70%
    );
    pointer-events: none;
}

.post-content .p-excerpt {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    height: 60px;

    transition: all 100ms;

}

.chabok-post-items {

    float: right;

    width: 100%;

}

.chabok-post-item {

    margin-bottom: 20px;

}

.search-result-link span.search-number {

    font-size: 27px;

    margin-left: 13px;

    color: var(--textColor);

}

.search-result-link:hover {

    border-right: 4px solid var(--textColor);

    transition: all 200ms;

}

.search-result-link {

    padding: 10px 0;

    display: flex;

    align-items: center;

    float: right;

    background: #eee;

    margin-bottom: 12px;

    padding: 23px;

    transition: all 200ms;

    width: 100%;

    border: 0px solid var(--textColor);

}

.chabok-content-box.chabok-bestsell-box {

    margin-bottom: 100px;

}

.chabok-content-box.chabok-post-box {

    background: linear-gradient(to bottom,#fff,#fff);

    padding: 30px 0 100px;

}

.mgb-large {

    margin-bottom: 40px;

}

.p-excerpt p {

    color: #777;

}

.chabok-content-box.chabok-post-box::before {

    /*content: '';

     background-image: url('img/ceramic-bg.jpg'); */

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    opacity: 0.7;

    z-index: 2;

    background-attachment: fixed;

}



.chabok-content-box.chabok-post-box::after {

    background: linear-gradient(to bottom,rgba(238, 238, 238, 0.47),#fff);

    padding: 100px 0;

    /* content: ''; */

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 2;  

}

.chabok-clear {

    clear: both;

    float: left;

    width: 100%;

}

.mg-tb {

    margin-top: 20px;

    margin-bottom: 20px;

}

.blog-section-container {

    position: relative;

    z-index: 3;

}

.chabok-post-slide {

    position: relative;

    overflow: hidden;

    border-radius:13px;

    display: block;

}

.chabok-post-slide::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: linear-gradient(to bottom, transparent,transparent, rgba(0, 0, 0, 0.84) 69%);

}

.first-sec-post {

    overflow: hidden;

    padding: 23px 0px;

    border-radius: 19px;

    color: #fff;

}

.post-list img {

    width: 100px;

    border-radius: 13px;

}

.post-list-content {

    width: 100%;

    margin:0 10px;

}

.post-list {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    margin-bottom: 15px;

    border-bottom: 1px solid #eaeaea;

  padding-bottom: 12px;

}

.first-sec-post .chabok-col-50:last-child .post-list {

    border-bottom: 0;

}

.post-thumbs img {

    border-radius: 13px;

}

.post-list-content h5 {

    font-size: 13px;

    margin: 0;

    color: var(--secondaryColor);

}

.post-list-content small {

    color: #6a6868;

}

.chabok-post-slide img {

    width: 100%;

    border-radius:13px;

}

.post-slide-content h2 {

    font-size: 16px;

}

.post-slide-content h5 {

    font-size: 14px;

    color: var(--secondaryColor);

    margin: 0;

}

.chabok-post-slide .post-slide-content {

    position: absolute;

    bottom: 0;

    z-index: 4;

    color:#fff;

    width: 100%;

    padding: 23px;

}

.post-list-content h2 {

    font-size: 15px;

    color:#000000;

}

.post-content-slide h3 {

    font-size: 14px;

    margin-top:10px;

    color: #000;

}

.chabok-post-block:hover .post-content .p-excerpt {

    overflow: hidden;

    -webkit-line-clamp: 6;

    height: auto;

    transition: all 100ms;

}

article .chabok-content {

    margin-bottom: 27px;

}

.err-cal {

    color:red;

}

/* style */

.cal-title {

    padding: 10px;

}

.chabok-col-50 input {

    width: 100%;

    height: 40px;

    border: 1px solid #b7b7b7;

    border-radius: 10px;

    padding: 10px;

}

.cal-container {

    margin: 0 auto;

    padding: 25px;

    border: 1px solid #ddd;

    border-radius: 10px;

    background-color: #ffffff;

    direction: rtl;

    overflow: hidden;

    text-align: right;

}



.cal-title {

    text-align: center;

    font-size: 1.3rem;

    margin-bottom: 25px;

    color: #444;

    font-weight: bold;

    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

}



.cal-field {

    position: relative;

    margin-bottom: 25px;

    width: 25%;

    float: right;

    padding: 0 10px;

}



.cal-input {

    width: 100%;

    padding: 12px;

    font-size: 1rem;

    border: 1px solid #ccc;

    border-radius: 6px;

    outline: none;

    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);

    transition: all 0.3s ease;

    background-color: #f8f8f8;

    color: #333;

}



.cal-input:focus {

    border-color: #009688;

    box-shadow: 0 0 8px rgba(0, 150, 136, 0.2);

    background-color: #ffffff;

}



.cal-label {

    color: #009688;

    font-size: 0.85rem;

    padding: 0 5px;

    pointer-events: none;

    transition: all 0.3s ease;

    font-weight: bold;

}



.cal-button {

    width: 100%;

    padding: 12px;

    font-size: 1rem;

    background-color: #009688;

    color: white;

    border: none;

    border-radius: 6px;

    cursor: pointer;

    transition: background-color 0.3s ease, transform 0.2s ease;

    box-shadow: 0 4px 10px rgba(0, 150, 136, 0.2);

}



.cal-button:hover {

    background-color: #00796b;

    transform: translateY(-2px);

    box-shadow: 0 6px 14px rgba(0, 150, 136, 0.3);

}





.chabok-product-container.chabok-product-slider {

    display: flex;

    flex-wrap: wrap;

}

.chabok-col.chabok-loop-product {

    height: 100%;

}

.chabok-col.chabok-loop-product h3 {

    font-size: 14px;

    padding: 10px;

}

.loop-price {

    display: flex;

    justify-content: center;

}

.cal-result-container {

    margin-top: 30px;

    text-align: right;

    color: #008e7a;

    direction: rtl;

    line-height: 2;

    padding: 0 10px;

    width: 100%;

    float: right;

    font-size: 17px;

}



.chabok-magazine-flex {

    display: flex;

    flex-wrap: wrap;

}

.cal-result-container span.label {

    color:#000;

    font-weight: bold;

}

.trapezoid-field {

    display: none;

}

.chabok-help-row {

    display: flex;

    margin-bottom: 10px;

    padding:10px 0;

}

.chabok-row-number {

    color: #38b4b8;

    align-items: center;

    display: flex;

    justify-content: center;

}

.chabok-row-number .is-bg {

    font-size: 199px;

    position: absolute;

    left: 0;

    opacity: 0.1;

    left: 30px;

}

.chabok-row-number img {

    width: 150px;

}

.chabok-help-row .chabok-container {

    width:100%;display: flex;flex-wrap: wrap;

}

.chabok-help-flex {

    display: flex;

    align-items: center;

    border: 1px solid #ccc;

    padding: 27px 0;

    border-radius: 10px;

    width: 100%;

    position: relative;

        height: 100%;

}

.help-block {

    width: 50%;

    margin-bottom: 20px;

}

.help-block:nth-child(odd) {

    padding-left: 10px;

}

.help-block:nth-child(evev) {

    padding-right: 10px;

}

article #respond {

    padding: 30px;

    background: #f8f8f8;

    overflow: hidden;

    border-radius: 20px;

}

.comment-form-author, .comment-form-email {

    width: 50%;

    float: right;

}

.comment-form-author {

    padding-left: 10px;

}

input#submit {

    background: var(--secondaryColor);

    border: 0;

    border-radius: 10px;

    padding: 20px;

    font-family: 'yekan';

    width: 200px;

    float: left;

}

.comment-form-email { 

    padding-right: 10px;

}

.comment-form-url {

    display: none;

}

.comment-form-cookies-consent {

    display: flex;

    width: 100%;

}

.comment-form-cookies-consent input {

    width: 25px !important;

    height: 25px;

    margin-left: 9px;

}





/* faq */



.chabok-faq-section{

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    min-height: 0;

    overflow: visible;

    clear: both;

    z-index: 1;

    padding: 0;

}



.chabok-faq-item {

    border: 1px solid #e5e5e5;

    border-radius: 12px;

    margin-bottom: 15px;

    overflow: hidden;

}



.chabok-faq-question {

    width: 100%;

    background: #fff;

    border: none;

    padding: 20px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

    font-size: 14px;

    font-weight: 600;

    text-align: right;

}



.chabok-faq-icon {

    font-size: 24px;

    transition: 0.3s;

}



.chabok-faq-item.chabok-active .chabok-faq-icon {

    transform: rotate(45deg);

}



.chabok-faq-answer{

    position: relative;

    display:block;

    max-height:0;

    overflow:hidden;

    padding:0 20px;

    transition:max-height .35s ease;

}



.chabok-faq-answer p {

    margin-top: 15px;

}



.chabok-faq-item.chabok-active .chabok-faq-answer {

    padding: 0 20px 20px;

}







/* Contact Form 7 */



.cf7-grid{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:25px;

}



.cf7-full{

    grid-column:1/-1;

}



.cf7-field label{

    display:flex;

    flex-direction:column;

    font-size:15px;

    font-weight:600;

    color:#1f2937;

}



.cf7-field input,

.cf7-field textarea,

.cf7-field select{

    width:100%;

    padding:15px 18px;

    border:1px solid #d9dee7;

    border-radius:14px;

    background:#fff;

    font-size:15px;

    transition:.3s ease;

    outline:none;

    box-sizing:border-box;

    font-family:inherit;

}



.cf7-field textarea{

    min-height:140px;

    resize:vertical;

    height: 140px;

}



.cf7-field input::placeholder,

.cf7-field textarea::placeholder{

    color:#9ca3af;

}



.cf7-field input:focus,

.cf7-field textarea:focus,

.cf7-field select:focus{

    border-color:#0ea5e9;

    box-shadow:0 0 0 4px rgba(14,165,233,.12);

}



.cf7-submit{

    text-align:left;

}



.cf7-submit input[type="submit"]{

    border:none;

    background-color: var(--primaryColor);

    color:#fff;

    padding:15px 42px;

    border-radius:14px;

    font-size:16px;

    cursor:pointer;

    transition:.35s;

    font-family: 'alibaba';

}



.cf7-submit input[type="submit"]:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(37,99,235,.25);

}



.cf7-submit input[type="submit"]:active{

    transform:translateY(0);

}



.wpcf7-spinner{

    margin-right:15px;

}



.wpcf7-not-valid-tip{

    margin-top:6px;

    font-size:13px;

}



.wpcf7 form .wpcf7-response-output{

    margin:30px 0 0;

    padding:15px 20px;

    border-radius:12px;

    border:none;

}



@media(max-width:768px){



    .cf7-grid{

        grid-template-columns:1fr;

        gap:18px;

    }



    .cf7-full{

        grid-column:auto;

    }



    .cf7-submit input[type="submit"]{

        width:100%;

    }



}



.contact-page{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:40px;

    margin-top:50px;

    align-items:start;

}



/* چون سایت RTL هست، فرم سمت راست قرار می‌گیرد */

.contact-form{

    order:1;

}



.contact-sidebar{

    order:2;

    display:flex;

    flex-direction:column;

    gap:25px;

}



.contact-info-list{

    display:flex;

    flex-direction:column;

    gap:20px;

}



.contact-item{

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    padding:20px;

    border-radius:16px;

    box-shadow:0 10px 35px rgba(0,0,0,.06);

}



.contact-icon{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#f5f7fb;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}



.contact-icon img{

    width:28px;

    height:28px;

    object-fit:contain;

}



.contact-text h4{

    margin:0 0 6px;

    font-size:14px;

}



.contact-text p{

    margin:0;

    color:#666;

    line-height:1.8;

}



.contact-map{

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 35px rgba(0,0,0,.06);

}



.contact-map iframe{

    width:100%;

    height:320px;

    display:block;

    border:0;

}



input.wpcf7-form-control.wpcf7-submit.has-spinner {

    float: left;

}



@media(max-width:991px){



    .contact-page{

        grid-template-columns:1fr;

    }



    .contact-form{

        order:1;

    }



    .contact-sidebar{

        order:2;

    }



}



/* My Style */

@media screen and (max-width:1024px) {

    .chabok-header-menu li {

        padding:0 10px;

    }    

    .chabok-content-box.chabok-gallery-box .chabok-col-60,

    .chabok-content-box.chabok-gallery-box .chabok-col-40 {

        width:100%;

        padding: 0 10px;

        margin-bottom: 20px;

    }

    .chabok-main-header .chabok-col-60 {

        width: 30%;

    }

       

    .chabok-main-header .chabok-col-60 {

        width: 60%;

    }

    .post-content {

        top: auto;

        bottom: 0;

    }



    button#scroll-to-top {

        top: 68px;

    }

    .dev-copyrights .chabok-col-100.chabok-ftr {

        position: relative;

        top: -13px;

    } 



}





@media (max-width: 992px) {

    .chabok-navigation .menu-btn {

        display: flex;

        position: absolute;

        top: 5px;

        right: 120px;

    }

    .chabok-post {

        width: 100%;

        padding-right: 10px;

        margin-bottom: 40px;

    }

    .absolute-aside {

        position: relative;

        width: 100%;

        padding: 0;

        border: 0;

    }



    .chabok-header-menu li:nth-child(1) {

        padding-right: 10px;

    }



    aside.chabok-col-30.ftr {

        width: 100%;

        position: relative;

    }

    .fixed-sidebar {

        position: relative;

        max-width: 100%;

    }

    html.menu-open,

    html.menu-open body {

        overflow: hidden !important;



    }

    .fixed-aside {

        display: flex;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 34px;

    }

    .scroll-progress {

        display: none;

    }

    .cal-field {

        width: 100%;

    }

    .cal-title {

        font-size: 1rem;

    }

    .mag.chabok-magazine.chabok-archive .chabok-col-33 {

        width: 50%;

    }

    .chabok-content-box.chabok-helpcenter-box .chabok-col-40, 

    .chabok-content-box.chabok-helpcenter-box .chabok-col-60 {

        width: 100%;

    }

    .chabok-content-box.chabok-first-box .chabok-col-50:nth-child(2) {

        text-align: center;

    }

    .chabok-front-content {

        padding-bottom: 0;

        padding-top: 50px;

        position: relative;

        z-index: 1;

    }

    .flex-4col .chabok-flex-item,

    .flex-4col .chabok-flex-item:nth-child(4n) {

        flex: calc(33.33333% - 30px);

        margin-left: 30px;

        padding: 0 10px;

        max-width: calc(33.3333% - 22px);

        margin-bottom: 45px;

    }

    .flex-4col .chabok-flex-item:nth-child(3n) {

        margin-left: 0;

    }

    .chabok-featured-category .chabok-col-14 {

        width: 33.3333%;

    }

    .chabok-col-40.chabok-ftr.chabok-helpcenter-side {

        padding: 0 10px;

        margin-bottom: 42px;

    }

    .chabok-container.blog-section-container .chabok-col-33 {

        min-width: 360px;

    }

    .chabok-container.blog-section-container .chabok-post-items {

        display: block;

        overflow-x: auto;

        overflow-y: hidden;

        width: 100%;

        margin-bottom: 26px;

        padding-bottom: 20px;

    }

    .chabok-borderd-button.chabok-btn-left {

        float: unset;

        margin: auto;

    }

    .chabok-header-menu {

        position: fixed;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        height: 100vh;

        z-index: 9;

        background: var(--primaryColor);

        max-width: 250px;

        visibility: hidden;

        opacity: 0;

        padding: 100px 0;

        transform: translateX(100%);

        transition: all 200ms;

    }

    

    .chabok-header-menu.chabok-active {

        visibility: visible;

        opacity: 1;

        transition: all 200ms;

        transform: translateX(0);

    }

    .chabok-header-menu li {

        display: block;

        width: 100%;

    }

    .chabok-header-menu li a {

        padding: 12px 0;

    }

    .chabok-header-menu li ul {

        position: relative;

        background:none ;

        margin-top: 41px;

        padding-top: 10px;

        border-radius: 0;

        box-shadow: none;

        visibility: visible;

        z-index: 4;

        opacity: 1;

    }

    .menu-btn.chabok-active::before {

        content: '';

        background: rgba(15, 6, 0, 0.898);

        position: fixed;

        left: 0;

        top: 0;

        right: 0;

        bottom: 0;

        z-index: 2;

    }



    .chabok-main-header .chabok-col-60 {

        width: 100%;

    }



    .chabok-col-20.search-icon {

        top: 4px;

    }



    .chabok-navigation .menu-btn {

        top: 10px;

    }

    

    .category-with-icon.chabok-col-14.chabok-ftr.chabok-flex-item:nth-child(3) {

        border-left: 0;

    }



    .chabok-footer-widget {

        padding: 70px 7px 0;

    }

    .contact-details li {

        flex-direction: column;

        margin-bottom: 0;

    }

    .contact-details li span {

        padding: 2px 0;

    }

    .chabok-footer-widget.footer-social a, .chabok-footer-widget.footer-social i {

        color: #fff;

    }

    .chabok-header-menu li ul li a {

        color: #dadada;

    }

}



@media screen and (max-width:922px) {

    button#scroll-to-top {

        top: 74px;

    }

    .help-block {

        width:100%;

        padding:0 !important; 

    }

}







@media screen and (max-width:768px) {

    .chabok-main-header .chabok-col-60:nth-child(2) {

        display: none;

    }

    .chabok-main-header .chabok-col-60,

    .chabok-main-header .chabok-col-60 {

        width:50%;

    }



    .top-bar-mobile:nth-child(2) {

        display: none;

    }



    .chabok-gallery img {

        width: 35% !important;
        min-width: 80px;

    }

    .chabok-content-box.chabok-first-box .chabok-col-50.chabok-ftr {

        width: 100%;

    }

    .chabok-content-box.chabok-first-box .chabok-col-50.chabok-ftr img {

        padding: 10px;

    }

    .first-sec-post .chabok-col-50.chabok-ftr {

        width: 100%;

    }

    .post-list {

        margin-top: 15px;

    }

    .first-sec-post {

        padding-top: 0;

    }



    .chabok-post-items .mg-tb {

        margin-top: 0;

    }

    .chabok-web-logo img {

        top: -55px;

    }

    

}



@media screen and (max-width:600px) {

    .chabok-header {

        height: 70px;

    }

    .module-text .text-module-block {
        padding: 0 10px;
    }


    .menu-btn span {

        display: none;

    }



    .menu-btn {

        top: -17px;

    }



    .flex-4col .chabok-flex-item, .flex-4col .chabok-flex-item:nth-child(4n) {

        flex: 50%;

        margin-left: 0;

        padding: 0 10px;

        margin-bottom: 45px;

        max-width: 50%;

    }



    .chabok-col-25 {

        width: 50%;

    }



    .chabok-search-btn i {

        font-size: 1.2444em;

    }

    .chabok-search-btn, .chabok-search-btn i {

        margin-left: 6px;

    }



    .chabok-faq-section {

        padding: 20px;

    }



    .chabok-content-box.chabok-gallery-box {

        margin-top: 10px;

    }



    .chabok-content-box.chabok-first-box {

        padding: 0;

    }

    .chabok-price-title i {

        display: none;

    }

    .chabok-price-title {

        font-size: 0;

    }

    .label-price, .label-curency {

        font-size: 15px;

    }

    .show-more-text {

        display: block;

    }

    .mag.chabok-magazine.chabok-archive .chabok-col-33 {

        width: 100%;

    }

    .post-thumbs img {

        width: 100%;

    }



    .top-bar-mobile-text, .top-bar-mobile-text a, .top-bar-mobile-text a[tel] {

        color:#fff;

    }

    .chabok-web-logo img {

        left: 0;

        right: 0;

        margin:auto;

        border-radius: 0;

        width: 100px;

        top: -30px;

        background-color: transparent;

        max-width: 120px;

        filter: grayscale(4%) brightness(13%) invert(1);

        opacity: 0.9;

        z-index: 3;



    }



    .chabok-header-menu.chabok-active {

        z-index: 999;

    }



    .social-btn {

        display: block;

    }

    .chabok-nav-bar {

        background: var(--primaryColor);

        height: auto;



      }

      .search-icon {

        margin: 5px 0;

      }

    .top-bar-social.chabok-col-60 .h-social {

        position: absolute;

        width: 69px;

        left: 0;

        right: auto;

        padding: 24px 11px 5px;

        z-index: 1000;

        background: #fff;

        max-width: 100%;

        margin: 0;

        visibility: hidden;

        opacity: 0;

        box-shadow: 0 0 10px rgba(0,0,0,0.4);

    }

    .top-bar-social.chabok-col-60 .h-social a i {

        font-size: 20px;

        margin-bottom: 22px;

    }

    .chabok-content-box.chabok-category-box {

        padding:20px 0;

    }

    .link-to {

        justify-content: center;

        display: flex;

    }

    .top-bar-mobile {

        padding-right: 0;

        display: flex;

        flex-direction: row-reverse;

        justify-content: right;

        color:#fff;

    }

    .chabok-phone-icon {

        margin-left: 0;

        margin-right: -5px;

    }

    .chabok-navigation .menu-btn {

        justify-content: left;

        margin-right: 0;

        padding: 5px 10px;

        top: -16px;

        width: 100%;

        width: 56px;

        left: 0;

        right: auto;

    }

    .top-bar-social.chabok-col-60 .h-social.chabok-active {

        visibility: visible;

        opacity: 1;

    }

    .chabok-main-header .chabok-col-60 {

        width: 100%;

        padding: 0;

    }

    .chabok-header {

        background: var(--primaryColor);

    }

    .chabok-product-content h4 {

        font-size: 12px;

    }

    .title-with-line h3, .title-with-line h2 {

        width: 100%;

        font-size: 18px;

    }

    .chabok-featured-category .chabok-col-14 {

        width: 33.3333%;

    }

    .chabok-content-box.chabok-helpcenter-box .chabok-col-50 {

        width: 100%;

    }

    .chabok-footer .chabok-col-30, .chabok-footer .chabok-col-40 {

        width: 100%;

    }

    .chabok-footer .chabok-col-40 {

        margin-top: 0;

    }

    .chabok-pl-product-title h1 {

        font-size: 21px;

        margin: 20px 0;

    }

    .arrow-to-top a {

        margin-right: 0;

    }

    .arrow-to-top {

        position: absolute;

        top: 0;

        left: 0px;

        right: 0;

    }

    .chabok-search-bar {

        left: 0;

        right: 0;

    }

    .he48d {

        margin-top: 150px;

    }

    .chabok-footer-widget {

        padding-top: 25px;

    }

    .chabok-footer-widget.footer-social {

        display: flex;

        justify-content: space-between;

    }

    .index-content-p {

        text-overflow: ellipsis;

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 7;

        -webkit-box-orient: vertical;

    }

    .index-content-p.chabok-active {

        text-overflow: unset;

        overflow: hidden;

        display: block;

        -webkit-line-clamp: unset;

        -webkit-box-orient: unset;

    }

    .chabok-col-20.search-icon.chabok-active {

        position: fixed;

        left: 0;

        right: 0;

        width: 100%;

        background: #fff;

        z-index: 999;

        top: 0;

        margin: 0;

        bottom: 0;

        height: 100vh;

        display: flex;

        justify-content: space-between;

    }

    .chabok-search-btn.chabok-active, .chabok-search-bar.chabok-active {

        margin-top: 100px;

        color: #000;

        width: 100%;

    }

    .chabok-main-header .chabok-col-60 {

        margin:0;

    }

    .chabok-search-bar.chabok-active {

        width: 100%;

        max-width: 100%;

        position: absolute;

        z-index: 9999;

        right: 0;

        left: 0;

        border-bottom: 1px solid;

        border-radius: 0;

    }

    .chabok-search-btn.chabok-active {

        width: auto;

        margin-top: 54px;

        left: 0;

        right: auto;

        float: left;

        position: absolute;

    }

    .search-flex .chabok-col-50 {

        width: 100%;

    }



    

    .chabok-container.blog-section-container .chabok-post-items {

        display: block;

    }

    .chabok-col-50.chabok-ftr img {

        border-radius: 10px;

    }

    .chabok-col-50 {

        width: 100%;

    }

    .post-list {

        margin: 10px 0;

    }

    .mg-tb {

        margin: 0;

    }

    .attachment-thumbnail.size-thumbnail.wp-post-image {

        padding: 0;

    }



    .top-bar-social {

        display: none;

    }

    .chabok-col-20.search-icon {

        top: -27px;

        z-index: 1;

    }

    .chabok-footer {

        padding-top: 0;

    }



    .chabok-col-40.chabok-ftr.pdd-btm {

        padding-bottom: 0;

    }



    button#scroll-to-top {

        top: 91px;

        width: 60px;

        height: 60px;

    }

    .dev-copyrights .chabok-col-30.chabok-ftr.pdd-0,

    .dev-copyrights .chabok-col-70.chabok-ftr.pdd-0 {

        width: 50%;

    }



    .chabok-gallery img {

        width: 22%;

    }

    .chabok-nav-bar {

        border-bottom: 0;

    }



    .top-bar-mobile {

        display: none;

    }



    .chabok-navigation .chabok-col-70 {

        left: 0;

        display: flex;

        width: 97%;

        justify-content: left;

    }



    .chabok-news-ticker-flex {

        display: none;

    }



    .chabok-content-box.chabok-post-box {

        padding-bottom: 0px;

    }



    .chabok-sec-title {

        font-size: 18px;

    }



    .chabok-faq-question {

        font-size: 15px;

    }



    .dev-copyrights .chabok-col-100.chabok-ftr {

        top: -32px;

    }



    main {

        padding-bottom: 2px;

    }



    .chabok-navigation .chabok-col-10 {

        right: 1px;

    }



    .first-sec-post .chabok-col-50.chabok-ftr:nth-child(1) {

        margin-bottom: 20px;

    }

}



@media screen and (max-width:480px) { 

    h1 {

        font-size: 22px;

    }

    .chabok-gallery {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

    .chabok-gallery img {
        display: none;
        width: calc((100% - 20px) / 3);
        flex-shrink: 0;
    }

    .chabok-gallery img.mobile-visible {
        display: block;
    }
    

    h2 {

        font-size: 18px;

    }

    .chabok-featured-category .chabok-col-14 {

        width: 33.3333%;

    }



    .category-with-icon h3, .category-with-icon h2, .category-with-icon h4 {

        font-size: 11px;

    }

    .category-with-icon.chabok-col-14.chabok-ftr.chabok-flex-item:nth-child(3) {

        border-left: 0;

    }



    .category-with-icon.chabok-col-14.chabok-ftr.chabok-flex-item:nth-child(2),

    .category-with-icon.chabok-col-14.chabok-ftr.chabok-flex-item:nth-child(4) {

        border-left: 1px solid #eee;

    }

    .chabok-faq-question {

        font-size: 13px;

    }



    .chabok-content-box.chabok-post-box {

        padding: 34px 0;

    }



    .dev-copyrights .chabok-col-30.chabok-ftr.pdd-0, 

    .dev-copyrights .chabok-col-70.chabok-ftr.pdd-0 {

        width: 50%;

        font-size: 12px;

    }



    .post-content-slide h3 {

        margin-bottom: 2px;

        display: -webkit-box;

        overflow: hidden;

        text-overflow: ellipsis;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

    }



    .category-with-icon h3, .category-with-icon h2, .category-with-icon h4 {

        -webkit-line-clamp: 3;

    }



    .mgb-large {

        margin-bottom: 0;

    }

    .first-sec-post {

        padding: 0 12px !important;

    }

    .chabok-search-btn, .chabok-search-btn i {

        margin-left: 2px;

    }

    

}





@media screen and (max-width:360px) {

    .chabok-web-logo img {

        top: 8px;

    }

    

    .chabok-navigation .menu-btn {

        top: 20px;

    }

    .chabok-col-20.search-icon {

        top: 10px;

    }

    

    .chabok-front-content.chabok-with-toggle-txt {

        padding: 0;

    }

    .chabok-content-box.chabok-gallery-box {

        margin-top: 10px;

    }



    

    .chabok-gallery img {

        max-width: 85px;

    }

    .chabok-main-header .chabok-col-60,

    .chabok-main-header .chabok-col-40 {

        width: 100%;

    }

    .chabok-main-header {

        display: block;

    }

    .top-bar-mobile {

        float: left;

    }



    button#scroll-to-top {

        top: 90px

    }



    .dev-copyrights .chabok-col-30.chabok-ftr.pdd-0, 

    .dev-copyrights .chabok-col-70.chabok-ftr.pdd-0 {

        font-size: 10px;

    }



    

    

}







.show-hide.hide {

    visibility: hidden;

    opacity: 0;

    transition: all 400ms;

}

.show-hide {

    transition: all 400ms;

}