.elementor-77 .elementor-element.elementor-element-d98ffb1{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-ylbrand1{--display:flex;}.elementor-77 .elementor-element.elementor-element-ad89708{--display:flex;}.elementor-77 .elementor-element.elementor-element-96d3d5f .yl-carousel{--yl-gap:16px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), yekan;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-77 .elementor-element.elementor-element-e598357{--divider-border-style:solid;--divider-color:#E5E5E5;--divider-border-width:1px;}.elementor-77 .elementor-element.elementor-element-e598357 .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-77 .elementor-element.elementor-element-e598357 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-77 .elementor-element.elementor-element-d61164b{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), yekan;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-77 .elementor-element.elementor-element-fcd8216{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-77 .elementor-element.elementor-element-fcd8216 img{border-radius:15px 15px 15px 15px;}.elementor-77 .elementor-element.elementor-element-701ec45{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-77 .elementor-element.elementor-element-701ec45 img{border-radius:15px 15px 15px 15px;}.elementor-77 .elementor-element.elementor-element-e33ec06{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), yekan;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-77 .elementor-element.elementor-element-0b941aa{--display:flex;--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;}.elementor-77 .elementor-element.elementor-element-ylcr01 .yl-carousel{--yl-gap:16px;}.elementor-77 .elementor-element.elementor-element-94537cd{--display:flex;--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;}.elementor-77 .elementor-element.elementor-element-ylcr02 .yl-carousel{--yl-gap:16px;}.elementor-77 .elementor-element.elementor-element-52128a6{--display:flex;--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;}.elementor-77 .elementor-element.elementor-element-ylcr03 .yl-carousel{--yl-gap:16px;}.elementor-77 .elementor-element.elementor-element-d07479b{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-77 .elementor-element.elementor-element-4386769{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-123f274{--display:flex;}.elementor-77 .elementor-element.elementor-element-fc24c69{--display:flex;--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;}.elementor-77 .elementor-element.elementor-element-fdf3a4f .yl-carousel{--yl-gap:16px;}.elementor-77 .elementor-element.elementor-element-f1efbeb{--display:flex;--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;}.elementor-77 .elementor-element.elementor-element-0dcb5c2 .yl-carousel{--yl-gap:16px;}.elementor-77 .elementor-element.elementor-element-477f0d9{--display:flex;--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;}.elementor-77 .elementor-element.elementor-element-1513fec .yl-carousel{--yl-gap:16px;}.elementor-77 .elementor-element.elementor-element-80e6327{--display:flex;--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;}.elementor-77 .elementor-element.elementor-element-d4e60d6 .yl-carousel{--yl-gap:16px;}.elementor-77 .elementor-element.elementor-element-ec59cb2{--display:flex;--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;}.elementor-77 .elementor-element.elementor-element-d56aaf9 .yl-carousel{--yl-gap:16px;}.elementor-77 .elementor-element.elementor-element-15abb80{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-96d3d5f .yl-carousel{--yl-gap:14px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-77 .elementor-element.elementor-element-ylcr01 .yl-carousel{--yl-gap:14px;}.elementor-77 .elementor-element.elementor-element-ylcr02 .yl-carousel{--yl-gap:14px;}.elementor-77 .elementor-element.elementor-element-ylcr03 .yl-carousel{--yl-gap:14px;}.elementor-77 .elementor-element.elementor-element-fdf3a4f .yl-carousel{--yl-gap:14px;}.elementor-77 .elementor-element.elementor-element-0dcb5c2 .yl-carousel{--yl-gap:14px;}.elementor-77 .elementor-element.elementor-element-1513fec .yl-carousel{--yl-gap:14px;}.elementor-77 .elementor-element.elementor-element-d4e60d6 .yl-carousel{--yl-gap:14px;}.elementor-77 .elementor-element.elementor-element-d56aaf9 .yl-carousel{--yl-gap:14px;}}@media(max-width:767px){.elementor-77 .elementor-element.elementor-element-96d3d5f .yl-carousel{--yl-gap:10px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-77 .elementor-element.elementor-element-ylcr01 .yl-carousel{--yl-gap:10px;}.elementor-77 .elementor-element.elementor-element-ylcr02 .yl-carousel{--yl-gap:10px;}.elementor-77 .elementor-element.elementor-element-ylcr03 .yl-carousel{--yl-gap:10px;}.elementor-77 .elementor-element.elementor-element-fdf3a4f .yl-carousel{--yl-gap:10px;}.elementor-77 .elementor-element.elementor-element-0dcb5c2 .yl-carousel{--yl-gap:10px;}.elementor-77 .elementor-element.elementor-element-1513fec .yl-carousel{--yl-gap:10px;}.elementor-77 .elementor-element.elementor-element-d4e60d6 .yl-carousel{--yl-gap:10px;}.elementor-77 .elementor-element.elementor-element-d56aaf9 .yl-carousel{--yl-gap:10px;}}/* Start custom CSS for container, class: .elementor-element-ylbrand1 */@media (min-width: 1025px) { .elementor-77 .elementor-element.elementor-element-ylbrand1 .yl-brand-showcase__grid > .yl-brand-card:last-child:nth-child(odd) { grid-column: auto !important; width: auto !important; max-width: none !important; } } @media (max-width: 1024px) { .elementor-77 .elementor-element.elementor-element-ylbrand1 .yl-brand-showcase__grid > .yl-brand-card:last-child:nth-child(odd) { grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; } }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr01 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b941aa *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr02 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-94537cd *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr03 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52128a6 *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr01 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b941aa *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr02 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-94537cd *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr03 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52128a6 *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr01 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b941aa *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr02 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-94537cd *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr03 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52128a6 *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr01 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b941aa *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr02 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-94537cd *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for yl_carousel, class: .elementor-element-ylcr03 *//* HOME TABS — carousel inside a tab (the carousel widget carries its own brand styling) */ .yl-home-tabs__carousel { width: 100%; min-width: 0; direction: rtl; } /* Two cards per view on portrait tablets and phones */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs__carousel .yl-carousel { --yl-cols: 2; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52128a6 *//* HOME TABS — panel */ .yl-home-tabs__panel { width: 100%; padding: 0 !important; gap: 16px; }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-d07479b *//* ========================================= YAZD LAPTOP — HOME TABS (vertical, right) Same language as the archive sidebar. ========================================= */ .yl-home-tabs { width: 100%; direction: rtl; color: var(--yl-black, #171717); font-family: inherit; } .yl-home-tabs *, .yl-home-tabs *::before, .yl-home-tabs *::after { box-sizing: border-box; } /* Vertical tab list on the RIGHT, content on the left */ .yl-home-tabs .e-n-tabs { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 20px; width: 100%; direction: rtl; } .yl-home-tabs .e-n-tabs-heading { position: sticky; top: 120px; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; flex: 0 0 240px; width: 240px; gap: 4px !important; margin: 0; padding: 14px 13px; overflow: visible; background: var(--yl-white, #fff); border: 1px solid var(--yl-border, #e5e5e5); border-radius: 14px; } /* Tab button (same as archive category row) */ .yl-home-tabs .e-n-tab-title { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 10px; width: 100%; margin: 0 !important; padding: 10px 12px !important; color: var(--yl-black, #171717) !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 10px !important; box-shadow: none !important; font-family: inherit; font-size: 14.5px; font-weight: 400; line-height: 1.6; text-align: right; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } .yl-home-tabs .e-n-tab-title .e-n-tab-title-text { color: inherit !important; font: inherit; } /* Small chevron, like the mega menu rows */ .yl-home-tabs .e-n-tab-title::after { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-left: 1.7px solid currentColor; border-bottom: 1.7px solid currentColor; transform: rotate(45deg); opacity: 0.45; transition: opacity 0.25s ease, transform 0.25s ease; } .yl-home-tabs .e-n-tab-title:hover, .yl-home-tabs .e-n-tab-title:focus-visible { color: var(--yl-red, #d71920) !important; background: var(--yl-red-soft, #fff5f5) !important; } .yl-home-tabs .e-n-tab-title:hover::after { opacity: 1; transform: translateX(-2px) rotate(45deg); } .yl-home-tabs .e-n-tab-title[aria-selected="true"] { color: var(--yl-red, #d71920) !important; background: var(--yl-red-soft, #fff5f5) !important; border-color: var(--yl-red, #d71920) !important; font-weight: 700; } .yl-home-tabs .e-n-tab-title[aria-selected="true"]::after { opacity: 1; } .yl-home-tabs .e-n-tab-title:focus-visible { outline: 2px solid var(--yl-red, #d71920); outline-offset: 2px; } /* Tab content area */ .yl-home-tabs .e-n-tabs-content { flex: 1 1 0; width: auto; min-width: 0; } .yl-home-tabs .e-n-tabs-content > .e-con { width: 100%; padding: 0 !important; } /* Tablet landscape: vertical list stays, a bit narrower */ @media (max-width: 1024px) and (orientation: landscape) { .yl-home-tabs .e-n-tabs { gap: 14px; } .yl-home-tabs .e-n-tabs-heading { top: 100px; flex-basis: 200px; width: 200px; } } /* Phones + portrait tablets: compact row at the TOP-RIGHT. [ accent icon ] [ bordered box sized to the tab titles ] */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .yl-home-tabs .e-n-tabs { display: grid !important; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "accent heading" "content content"; align-items: center; column-gap: 8px; row-gap: 12px; direction: rtl; } /* Extra item outside the box, on its right */ .yl-home-tabs .e-n-tabs::before { content: ""; grid-area: accent; display: block; width: 34px; height: 34px; background-color: var(--yl-red, #d71920); background-image: none; border: 1px solid #f0c6c8; border-radius: 9px; box-shadow: inset 0 0 0 100px var(--yl-red-soft, #fff5f5); -webkit-mask: none; mask: none; position: relative; } .yl-home-tabs .e-n-tabs::after { content: ""; grid-area: accent; justify-self: center; align-self: center; width: 18px; height: 18px; background-color: var(--yl-red, #d71920); -webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; pointer-events: none; } /* Bordered box = only as wide as the titles */ .yl-home-tabs .e-n-tabs-heading { grid-area: heading; position: static; flex: 0 0 auto; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; width: fit-content; max-width: 100%; justify-self: start; gap: 4px !important; padding: 3px; overflow-x: auto; direction: rtl; border-radius: 10px; scrollbar-width: none; } .yl-home-tabs .e-n-tabs-heading::-webkit-scrollbar { display: none; } .yl-home-tabs .e-n-tab-title { flex: 0 0 auto; width: auto; min-height: 0; padding: 5px 12px !important; border-radius: 8px !important; font-size: 13.5px; line-height: 1.5; white-space: nowrap; } .yl-home-tabs .e-n-tab-title::after { display: none; } .yl-home-tabs .e-n-tabs-content { grid-area: content; flex: 0 0 auto; width: 100%; } } @media (prefers-reduced-motion: reduce) { .yl-home-tabs .e-n-tab-title, .yl-home-tabs .e-n-tab-title::after { transition-duration: 0.01ms; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e33ec06 *//* YAZD LAPTOP — HOME TABS SECTION */ .yl-home-tabs-section { direction: rtl; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc24c69 */.yl-blog-tabs__panel{width:100%;padding:0!important;gap:16px} .yl-blog-tabs__carousel{width:100%;min-width:0;direction:rtl} @media(max-width:767px),(min-width:768px) and (max-width:1024px) and (orientation:portrait){.yl-blog-tabs__carousel .yl-carousel{--yl-cols:1}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc24c69 */.yl-blog-tabs__panel{width:100%;padding:0!important;gap:16px} .yl-blog-tabs__carousel{width:100%;min-width:0;direction:rtl} @media(max-width:767px),(min-width:768px) and (max-width:1024px) and (orientation:portrait){.yl-blog-tabs__carousel .yl-carousel{--yl-cols:1}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc24c69 */.yl-blog-tabs__panel{width:100%;padding:0!important;gap:16px} .yl-blog-tabs__carousel{width:100%;min-width:0;direction:rtl} @media(max-width:767px),(min-width:768px) and (max-width:1024px) and (orientation:portrait){.yl-blog-tabs__carousel .yl-carousel{--yl-cols:1}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc24c69 */.yl-blog-tabs__panel{width:100%;padding:0!important;gap:16px} .yl-blog-tabs__carousel{width:100%;min-width:0;direction:rtl} @media(max-width:767px),(min-width:768px) and (max-width:1024px) and (orientation:portrait){.yl-blog-tabs__carousel .yl-carousel{--yl-cols:1}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc24c69 */.yl-blog-tabs__panel{width:100%;padding:0!important;gap:16px} .yl-blog-tabs__carousel{width:100%;min-width:0;direction:rtl} @media(max-width:767px),(min-width:768px) and (max-width:1024px) and (orientation:portrait){.yl-blog-tabs__carousel .yl-carousel{--yl-cols:1}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc24c69 */.yl-blog-tabs__panel{width:100%;padding:0!important;gap:16px} .yl-blog-tabs__carousel{width:100%;min-width:0;direction:rtl} @media(max-width:767px),(min-width:768px) and (max-width:1024px) and (orientation:portrait){.yl-blog-tabs__carousel .yl-carousel{--yl-cols:1}}/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-15abb80 *//* YAZD LAPTOP — BLOG TABS v2 (segmented pill, modern) */ .yl-blog-tabs{--ylt-bg:#f3f3f5;--ylt-ink:#171717;--ylt-muted:#6b6b6b;--ylt-red:var(--yl-red,#d71920);width:100%;direction:rtl;color:var(--ylt-ink);font-family:inherit} .yl-blog-tabs *,.yl-blog-tabs *::before,.yl-blog-tabs *::after{box-sizing:border-box} .yl-blog-tabs .e-n-tabs{display:flex!important;flex-direction:column!important;align-items:center;gap:26px;width:100%;direction:rtl} .yl-blog-tabs .e-n-tabs-heading{position:relative;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;width:auto;max-width:100%;margin:0 auto;padding:5px;background:var(--ylt-bg);border:1px solid rgba(23,23,23,.06);border-radius:999px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch} .yl-blog-tabs .e-n-tabs-heading::-webkit-scrollbar{display:none} .yl-blog-tabs .e-n-tab-title{flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;width:auto;margin:0!important;padding:10px 22px!important;scroll-snap-align:center;color:var(--ylt-muted)!important;background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-family:inherit;font-size:14.5px;font-weight:600;line-height:1.5;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .28s ease,color .28s ease,box-shadow .28s ease,transform .28s ease} .yl-blog-tabs .e-n-tab-title .e-n-tab-title-text{color:inherit!important;font:inherit;letter-spacing:0} @media(hover:hover){.yl-blog-tabs .e-n-tab-title:not([aria-selected="true"]):hover{color:var(--ylt-ink)!important;background:rgba(255,255,255,.65)!important}} .yl-blog-tabs .e-n-tab-title[aria-selected="true"]{color:var(--ylt-red)!important;background:#fff!important;box-shadow:0 1px 2px rgba(23,23,23,.08),0 6px 16px rgba(23,23,23,.1)!important} .yl-blog-tabs .e-n-tab-title:active{transform:scale(.97)} .yl-blog-tabs .e-n-tab-title:focus-visible{outline:2px solid var(--ylt-red);outline-offset:2px} .yl-blog-tabs .e-n-tabs-content{width:100%;min-width:0} .yl-blog-tabs .e-n-tabs-content>.e-con{width:100%;padding:0!important} .yl-blog-tabs .e-n-tabs-content>.e-con.e-active{animation:yltIn .4s cubic-bezier(.2,.7,.2,1)} @keyframes yltIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} @media(max-width:1024px){ .yl-blog-tabs .e-n-tabs{gap:22px} .yl-blog-tabs .e-n-tab-title{padding:10px 20px!important} } @media(max-width:767px){ .yl-blog-tabs .e-n-tabs{gap:16px;align-items:stretch} .yl-blog-tabs .e-n-tabs-heading{width:100%;padding:3px;gap:2px!important;border-radius:14px} .yl-blog-tabs .e-n-tab-title{padding:8px 14px!important;font-size:13px;border-radius:11px!important} } /* گوشی و تبلت عمودی: نوار تب‌ها قابل اسکرول است، فلش‌های چپ و راست نشان‌دهنده‌ی آن‌اند */ .yl-blog-tabs .e-n-tabs{position:relative} .yl-blog-tabs .ylt-arrow{display:none} @media(max-width:767px),(min-width:768px) and (max-width:1024px) and (orientation:portrait){ .yl-blog-tabs .e-n-tabs-heading{scroll-padding-inline:34px} .yl-blog-tabs .e-n-tabs.ylt-scrollable .e-n-tabs-heading{width:100%;justify-content:flex-start!important;padding-inline:34px} .yl-blog-tabs .e-n-tabs.ylt-scrollable .ylt-arrow{display:flex;position:absolute;z-index:3;align-items:center;justify-content:center;width:31px;margin:0;padding:0;color:var(--ylt-ink);background:var(--ylt-bg);border:0;cursor:pointer;transition:opacity .25s ease,color .25s ease;-webkit-tap-highlight-color:transparent} .yl-blog-tabs .ylt-arrow--r{border-radius:0 13px 13px 0} .yl-blog-tabs .ylt-arrow--l{border-radius:13px 0 0 13px} .yl-blog-tabs .ylt-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .yl-blog-tabs .ylt-arrow:hover:not(:disabled){color:var(--ylt-red)} .yl-blog-tabs .ylt-arrow:disabled{opacity:.25;cursor:default} .yl-blog-tabs .ylt-arrow:focus-visible{outline:2px solid var(--ylt-red);outline-offset:-2px} } @media(prefers-reduced-motion:reduce){.yl-blog-tabs .e-n-tab-title,.yl-blog-tabs .e-n-tabs-content>.e-con.e-active{transition-duration:.01ms;animation:none}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-123f274 */.yl-blog-tabs-section{direction:rtl;padding-block:12px 32px}/* End custom CSS */ /* Start custom CSS *//* Home: two promo images — stacked, full width on phones and portrait tablets */ @media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .elementor-77 .elementor-element.elementor-element-d61164b { --flex-direction: column !important; --flex-wrap: nowrap !important; --flex-wrap-mobile: nowrap !important; --align-items: stretch !important; } .elementor-77 .elementor-element.elementor-element-d61164b, .elementor-77 .elementor-element.elementor-element-d61164b > .e-con-inner { flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; } .elementor-77 .elementor-element.elementor-element-fcd8216, .elementor-77 .elementor-element.elementor-element-701ec45 { --container-widget-width: 100% !important; width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; } .elementor-77 .elementor-element.elementor-element-fcd8216 img, .elementor-77 .elementor-element.elementor-element-701ec45 img { display: block; width: 100% !important; max-width: 100% !important; height: auto; } }/* End custom CSS */