.elementor-121530 .elementor-element.elementor-element-2785d3e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-121530 .elementor-element.elementor-element-bcb46a0{--display:flex;--border-radius:12px 12px 12px 12px;}body.elementor-page-121530:not(.elementor-motion-effects-element-type-background), body.elementor-page-121530 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#071340;}/* Start custom CSS for container, class: .elementor-element-bcb46a0 */.vision-reg{ border-radius: 12px; }/* End custom CSS */ /* Start custom CSS *//* ========================================================================== Vision — font faces Elementor only injects a Custom Font's @font-face when it can see the font used in the page's _elementor_data. Everything here lives inside HTML widgets, so it never does and the families fall back to a system font. Declaring them here is what makes them load. Only the weights the stylesheet actually asks for are listed. ========================================================================== */ /* Morabba — used at 100/200/300/400/500/700; the variable file covers them all */ @font-face { font-family: 'Morabba'; src: url('https://landing.zhaket.com/wp-content/uploads/2026/08/MorabbaVF.ttf') format('truetype-variations'), url('https://landing.zhaket.com/wp-content/uploads/2026/08/MorabbaVF.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; } /* yekanbakhVAR — used at 400/500/600; variable file, weight range declared so the axis is actually interpolated instead of synthetically bolded */ @font-face { font-family: 'yekanbakhVAR'; src: url('https://landing.zhaket.com/wp-content/uploads/2023/10/YekanBakhFaNum-VF.woff') format('woff-variations'), url('https://landing.zhaket.com/wp-content/uploads/2023/10/YekanBakhFaNum-VF.woff') format('woff'); font-weight: 100 900; font-style: normal; font-display: swap; } /* YekanBakh — static cuts, only the four weights the page requests */ @font-face { font-family: 'YekanBakh'; src: url('https://landing.zhaket.com/wp-content/uploads/2023/03/YekanBakhFaNum-Regular.woff2') format('woff2'), url('https://landing.zhaket.com/wp-content/uploads/2023/03/YekanBakhFaNum-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'YekanBakh'; src: url('https://landing.zhaket.com/wp-content/uploads/2023/03/YekanBakhFaNum-SemiBold.woff2') format('woff2'), url('https://landing.zhaket.com/wp-content/uploads/2023/03/YekanBakhFaNum-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'YekanBakh'; src: url('https://landing.zhaket.com/wp-content/uploads/2023/03/YekanBakhFaNum-Bold.woff2') format('woff2'), url('https://landing.zhaket.com/wp-content/uploads/2023/03/YekanBakhFaNum-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'YekanBakh'; src: url('https://landing.zhaket.com/wp-content/uploads/2023/03/YekanBakhFaNum-ExtraBlack.woff2') format('woff2'), url('https://landing.zhaket.com/wp-content/uploads/2023/03/YekanBakhFaNum-ExtraBlack.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } /* ========================================================================== Vision — hide two sections Safe to drop in: every section on this page is position:relative, so each one is its own positioning context. Absolutely-positioned decorations are anchored to their own section and are unaffected when a different section goes away. Verified: 0 of 31 remaining absolute elements shifted. Delete either rule to bring that section back. ========================================================================== */ /* مهمانان VIP (part-3, first section) */ .elementor-121658 .elementor-element.elementor-element-4d41c60 { display: none; } /* حامیان رویداد (part-4, last section) */ .elementor-121658 .elementor-element.elementor-element-63c0fcf { display: none; } /* ========================================================================== Vision — restore the sticky header's colour on mobile vision-styles.css carries this inside @media (max-width:767px): .elementor-element-fdf0fca, .elementor-element-fdf0fca.header-scrolled { height: 70px !important; background-color: transparent !important; backdrop-filter: none !important; ... } The height is wanted, the transparency is not — it strips the backdrop even when .header-scrolled is on, which is why the mobile header has no colour while desktop looks right. This rule is more specific (0,4,0 vs 0,2,0) and !important, so it wins wherever it is loaded, and it touches nothing but the backdrop: height stays 70px. ========================================================================== */ @media (max-width: 767px) { .elementor-121658 .elementor-element.elementor-element-fdf0fca.header-scrolled, .elementor-element-fdf0fca.header-scrolled { background-color: rgba(0, 0, 0, 0.56) !important; -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; } } /* ========================================================================== Vision — speaker & panel cards: drop the gradient edge, hide the socials The coloured edge is not a border-color. The cards use the gradient-border trick: a transparent 2px border with two background layers — background: linear-gradient(#E9E9EC,#E9E9EC) padding-box, linear-gradient(180deg,#C40038,#342AC7) border-box; The second layer paints the border box, which is what shows as the red-to- blue edge. Replacing background with the flat card colour removes it while the 2px transparent border stays in place, so card size and grid spacing do not shift by a single pixel. Covers both sections: سخنران رویداد uses .vision-speaker__*, سخنرانان پنل uses the parallel .vision-panel__* classes. ========================================================================== */ .vision-speaker__card, .vision-panel__card { border: 0 !important; } .vision-speaker__org { height: 36px !important; } .vision-speaker__socials { display: none !important; } .vision-panel__org { height: 36px !important; } .vision-panel__socials { display: none !important; } .vision-panel__card { overflow: hidden; border: none !important; background: none !important; } .vision-panel__name { font-size: 18px !important; } .vision-speaker__card { border: none !important; background: none !important; } @media (max-width: 767px) { .elementor-121658 .elementor-element.elementor-element-0cdb91d { --margin-top: 0px !important; --margin-bottom: 0px !important; --margin-left: 0px !important; --margin-right: 0px !important; --padding-top: 20px !important; --padding-bottom: 30px !important; --padding-left: 30px !important; --padding-right: 30px !important; } } .vision-speaker__name { margin: 0; font-family: "Morabba", Tahoma, sans-serif; font-size: 18px !important; font-weight: 500; color: #FFFFFF; line-height: 2; } .vision-panel__member:nth-child(6) .vision-panel__role { font-size: 13px !important; } .elementor-121658 .elementor-element.elementor-element-f7c9f0e .elementor-heading-title { color: #d7dcf2 !important; line-height: 32px !important; max-width: 1037px !important; margin-inline: auto !important; text-align: justify !important; text-align-last: right !important; text-justify: inter-word !important; } .elementor-121658 .elementor-element.elementor-element-d96638c { font-weight: 500 !important; } @media (max-width: 767px) { .elementor-121658 .elementor-element.elementor-element-fb75e6c img, .elementor-121658 .elementor-element.elementor-element-fa2f872 img, .elementor-121658 .elementor-element.elementor-element-026e593 img { border-radius: 0px !important; } } .vision-panel__member:nth-child(5) .vision-panel__role { font-size: 9px !important; }/* End custom CSS */