.elementor-271 .elementor-element.elementor-element-c1322df{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);}.elementor-271 .elementor-element.elementor-element-c1322df:not(.elementor-motion-effects-element-type-background), .elementor-271 .elementor-element.elementor-element-c1322df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b88c41d );}.elementor-271 .elementor-element.elementor-element-0483cca{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-271 .elementor-element.elementor-element-91e51c7 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-271 .elementor-element.elementor-element-91e51c7 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-271 .elementor-element.elementor-element-91e51c7 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-271 .elementor-element.elementor-element-91e51c7 .jet-listing-dynamic-field__content{text-align:left;}.elementor-271 .elementor-element.elementor-element-7505b78{--display:flex;}.elementor-271 .elementor-element.elementor-element-a126f25 .jet-listing-dynamic-field__content{color:var( --e-global-color-secondary );font-family:"BonyadKodad", Sans-serif;font-weight:bold;text-align:left;}.elementor-271 .elementor-element.elementor-element-a126f25 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-271 .elementor-element.elementor-element-a126f25 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-271 .elementor-element.elementor-element-a126f25 .jet-listing-dynamic-field{justify-content:center;}@media(min-width:768px){.elementor-271 .elementor-element.elementor-element-0483cca{--width:100%;}}@media(max-width:767px){.elementor-271 .elementor-element.elementor-element-c1322df{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}}/* Start custom CSS for container, class: .elementor-element-0483cca */.tiwan-media-carousel,
.tiwan-media-single {
    position: relative;
    width: 100%;
}


/* =========================================
   VIEWPORT
========================================= */

.tiwan-media-viewport {
    width: 100%;
    overflow: hidden;

    border-radius: 18px;

    height: 10em;

    aspect-ratio: 16 / 9;

    background: #f5f7f9;
}


/* =========================================
   TRACK
========================================= */

.tiwan-media-track {
    display: flex;

    width: 100%;
    height: 100%;

    transition:
        transform .45s cubic-bezier(.22, .61, .36, 1);

    will-change: transform;
}


/* =========================================
   SLIDE
========================================= */

.tiwan-media-slide {
    flex: 0 0 100%;

    width: 100%;
    min-width: 100%;
    height: 100%;

    display: flex;

    align-items: center;
    justify-content: center;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================
   IMAGE
========================================= */

.tiwan-media-image {
    display: block;

    height: 100%;
    width: auto;

    max-width: 100%;

    object-fit: contain;

    user-select: none;
}


/* =========================================
   VIDEO WRAPPER
========================================= */

.tiwan-media-video-wrapper {
    position: relative;

    height: 100%;
    width: auto;

    max-width: 100%;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    border-radius: 16px;

    background: #080b0f;

    display: flex;
    flex-direction: column;
}


/* =========================================
   VIDEO
========================================= */

.tiwan-media-video-wrapper .custom-video {
    display: block;

    width: 100%;

    /*
     * controls زیر ویدئو هستند
     * پس ارتفاع ویدئو از ارتفاع wrapper
     * کم می‌شود
     */
    height: calc(100% - 22px);

    min-height: 0;

    object-fit: contain;

    flex: 1 1 auto;
}


/* =========================================
   VIDEO CONTROLS
========================================= */

.tiwan-media-video-wrapper .custom-video-controls {
    width: 100%;

    height: 22px;

    min-height: 22px;

    flex: 0 0 22px;

    background: #111;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 0 12px;

    box-sizing: border-box;
}


/* =========================================
   VIDEO BUTTONS
========================================= */

.tiwan-media-video-wrapper
.custom-video-controls button {

    border: none;

    background: transparent;

    color: #fff;

    cursor: pointer;

    font-size: 16px;

    padding: 0;

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;
}


.tiwan-media-video-wrapper
.custom-video-controls button:hover {

    background: rgba(255,255,255,.16);
}


/* =========================================
   PROGRESS
========================================= */

.tiwan-media-video-wrapper .video-progress {

    flex: 1;

    height: 4px;

    background: #444;

    border-radius: 10px;

    cursor: pointer;

    overflow: hidden;
}


.tiwan-media-video-wrapper .video-progress-bar {

    width: 0%;

    height: 100%;

    background: #fff;

    margin-left: 0 !important;
    margin-right: auto !important;
}


/* =========================================
   TIME
========================================= */

.tiwan-media-video-wrapper .video-time {

    color: #aaa;

    font-size: 11px;

    white-space: nowrap;
}


/* =========================================
   PROGRESS DIRECTION
========================================= */

.tiwan-media-video-wrapper .video-progress {
    direction: ltr !important;
}

.tiwan-media-video-wrapper .video-progress-bar {
    direction: ltr !important;
}


/* =========================================
   ARROWS
========================================= */

.tiwan-media-prev,
.tiwan-media-next {

    position: absolute;

    top: 50%;
    z-index: 20;

    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid rgba(255,255,255,.15);

    border-radius: 50%;

    background: rgba(10,15,20,.65);

    color: white;

    cursor: pointer;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    transform: translateY(-50%);

    transition:
        background .2s ease,
        transform .2s ease;
}


.tiwan-media-prev {
    left: 10px;
}


.tiwan-media-next {
    right: 10px;
}


.tiwan-media-prev:hover,
.tiwan-media-next:hover {

    background: rgba(10,15,20,.9);

    transform:
        translateY(-50%)
        scale(1.08);
}


/* =========================================
   DOTS
========================================= */

.tiwan-media-dots {
    position: absolute;
    display: flex;
    bottom: 0;
    left: 0;
    width: 100%;

    justify-content: center;
    align-items: center;

    gap: 6px;

    margin-top: 12px;
}


.tiwan-media-dot {

    width: 6px;
    height: 6px;

    padding: 0;

    border: 0;

    border-radius: 20px;

    background: #c5ccd3;

    cursor: pointer;

    transition:
        width .25s ease,
        background .25s ease;
}


.tiwan-media-dot.active {

    width: 20px;

    background: #1677d2;
}


/* =========================================
   SINGLE
========================================= */

.tiwan-media-single {

    height: 10em;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    border-radius: 18px;

    background: #f5f7f9;
}


.tiwan-media-single .tiwan-media-image {

    height: 100%;
    width: auto;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .tiwan-media-viewport {
        height: 10em;
    }

    .tiwan-media-prev,
    .tiwan-media-next {

        width: 32px;
        height: 32px;
    }

    .tiwan-media-prev {
        left: 7px;
    }

    .tiwan-media-next {
        right: 7px;
    }

}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-a126f25 */.elementor-271 .elementor-element.elementor-element-a126f25 h6{
  height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7505b78 */.elementor-element-7505b78 {
    min-width: 0;
}

.elementor-element-7505b78 .jet-listing-dynamic-field__content {
    min-width: 0;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 2em;
    line-height: 2em;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1322df */.elementor-271 .elementor-element.elementor-element-91e51c7 .jet-listing-dynamic-field{
    justify-content: center;
}

.elementor-271 .elementor-element.elementor-element-c1322df{
    height: 15em;
    max-height: 15em;
}/* End custom CSS */