.elementor-9683 .elementor-element.elementor-element-9eaf776 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9683 .elementor-element.elementor-element-2b11cce{padding:0px 30px 0px 30px;}.elementor-9683 .elementor-element.elementor-element-6fba6e2 > .elementor-widget-container:hover{--e-transform-translateY:-3px;}.elementor-9683 .elementor-element.elementor-element-ca99495 > .elementor-widget-container:hover{--e-transform-translateY:-3px;}.elementor-9683 .elementor-element.elementor-element-40f5c27 > .elementor-widget-container:hover{--e-transform-translateY:-3px;}.elementor-9683 .elementor-element.elementor-element-c03a478 > .elementor-widget-container:hover{--e-transform-translateY:-3px;}.elementor-9683 .elementor-element.elementor-element-debb14a > .elementor-widget-container:hover{--e-transform-translateY:-3px;}.elementor-9683 .elementor-element.elementor-element-b9d3d0d > .elementor-widget-container:hover{--e-transform-translateY:-3px;}.elementor-9683 .elementor-element.elementor-element-1943410{margin-top:30px;margin-bottom:0px;}.elementor-9683 .elementor-element.elementor-element-a8fd3ff:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9683 .elementor-element.elementor-element-a8fd3ff > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9683 .elementor-element.elementor-element-a8fd3ff > .elementor-element-populated, .elementor-9683 .elementor-element.elementor-element-a8fd3ff > .elementor-element-populated > .elementor-background-overlay, .elementor-9683 .elementor-element.elementor-element-a8fd3ff > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-a8fd3ff > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:2px 2px 2px 2px;--e-column-margin-right:2px;--e-column-margin-left:2px;}.elementor-9683 .elementor-element.elementor-element-a8fd3ff > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9683 .elementor-element.elementor-element-aeb932c .elementor-heading-title{font-size:16px;font-weight:900;line-height:50px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73{--grid-row-gap:10px;--grid-column-gap:20px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.81 * 100% );}.elementor-9683 .elementor-element.elementor-element-cdbdb73:after{content:"0.81";}.elementor-9683 .elementor-element.elementor-element-cdbdb73 .elementor-post__thumbnail__link{width:46%;}.elementor-9683 .elementor-element.elementor-element-cdbdb73 .elementor-post__thumbnail{border-radius:15px 15px 15px 15px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:17px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:17px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:17px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73 .elementor-post:hover .elementor-post__thumbnail img{filter:brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9683 .elementor-element.elementor-element-cdbdb73 .elementor-post__title, .elementor-9683 .elementor-element.elementor-element-cdbdb73 .elementor-post__title a{color:#595959;font-size:14px;}.elementor-9683 .elementor-element.elementor-element-5055827:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9683 .elementor-element.elementor-element-5055827 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9683 .elementor-element.elementor-element-5055827 > .elementor-element-populated, .elementor-9683 .elementor-element.elementor-element-5055827 > .elementor-element-populated > .elementor-background-overlay, .elementor-9683 .elementor-element.elementor-element-5055827 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-5055827 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:2px 2px 2px 2px;--e-column-margin-right:2px;--e-column-margin-left:2px;}.elementor-9683 .elementor-element.elementor-element-5055827 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9683 .elementor-element.elementor-element-5055827 > div.elementor-element-populated{padding:0px 0px 0px 0px !important;}.elementor-9683 .elementor-element.elementor-element-d8ec34b .elementor-heading-title{font-size:16px;font-weight:900;line-height:50px;}.elementor-9683 .elementor-element.elementor-element-8d4c060{--grid-row-gap:10px;--grid-column-gap:20px;}.elementor-9683 .elementor-element.elementor-element-8d4c060 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.81 * 100% );}.elementor-9683 .elementor-element.elementor-element-8d4c060:after{content:"0.81";}.elementor-9683 .elementor-element.elementor-element-8d4c060 .elementor-post__thumbnail__link{width:39%;}.elementor-9683 .elementor-element.elementor-element-8d4c060 .elementor-post__thumbnail{border-radius:15px 15px 15px 15px;}.elementor-9683 .elementor-element.elementor-element-8d4c060.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:17px;}.elementor-9683 .elementor-element.elementor-element-8d4c060.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:17px;}.elementor-9683 .elementor-element.elementor-element-8d4c060.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:17px;}.elementor-9683 .elementor-element.elementor-element-8d4c060 .elementor-post:hover .elementor-post__thumbnail img{filter:brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9683 .elementor-element.elementor-element-8d4c060 .elementor-post__title, .elementor-9683 .elementor-element.elementor-element-8d4c060 .elementor-post__title a{color:#595959;font-size:14px;}.elementor-9683 .elementor-element.elementor-element-3b5862c .elementor-heading-title{font-size:16px;font-weight:900;line-height:50px;}.elementor-9683 .elementor-element.elementor-element-aaef993 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9683 .elementor-element.elementor-element-eccbf82{margin-top:30px;margin-bottom:0px;}.elementor-9683 .elementor-element.elementor-element-de38981 > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-de38981 .elementor-icon-box-wrapper{gap:15px;}.elementor-9683 .elementor-element.elementor-element-94cdc43 > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-94cdc43 .elementor-icon-box-wrapper{gap:15px;}.elementor-9683 .elementor-element.elementor-element-24830a6 > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-24830a6 .elementor-icon-box-wrapper{gap:15px;}.elementor-9683 .elementor-element.elementor-element-06f02ec > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-06f02ec .elementor-icon-box-wrapper{gap:15px;}.elementor-9683 .elementor-element.elementor-element-734bfaf9{margin-top:20px;margin-bottom:20px;}.elementor-9683 .elementor-element.elementor-element-65e58870{margin-top:10px;margin-bottom:10px;}.elementor-9683 .elementor-element.elementor-element-55991df2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9683 .elementor-element.elementor-element-55991df2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9683 .elementor-element.elementor-element-55991df2 > .elementor-element-populated, .elementor-9683 .elementor-element.elementor-element-55991df2 > .elementor-element-populated > .elementor-background-overlay, .elementor-9683 .elementor-element.elementor-element-55991df2 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-55991df2 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9683 .elementor-element.elementor-element-55991df2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9683 .elementor-element.elementor-element-55991df2 > div.elementor-element-populated{padding:20px 20px 20px 20px !important;}.elementor-9683 .elementor-element.elementor-element-80ab6a4 .elementor-heading-title{font-size:16px;font-weight:900;line-height:50px;}.elementor-9683 .elementor-element.elementor-element-44de23bc{--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail__link{width:100%;}.elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post{border-radius:0px;}.elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail{border-radius:15px 15px 15px 15px;}.elementor-9683 .elementor-element.elementor-element-44de23bc.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:28px;}.elementor-9683 .elementor-element.elementor-element-44de23bc.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:28px;}.elementor-9683 .elementor-element.elementor-element-44de23bc.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:28px;}.elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post:hover .elementor-post__thumbnail img{filter:brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__title, .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__title a{color:#595959;font-size:14px;}.elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__title{margin-bottom:4px;}.elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-9683 .elementor-element.elementor-element-500193ad{margin-top:40px;margin-bottom:0px;}.elementor-9683 .elementor-element.elementor-element-3ad54536:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9683 .elementor-element.elementor-element-3ad54536 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9683 .elementor-element.elementor-element-3ad54536 > .elementor-element-populated, .elementor-9683 .elementor-element.elementor-element-3ad54536 > .elementor-element-populated > .elementor-background-overlay, .elementor-9683 .elementor-element.elementor-element-3ad54536 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-3ad54536 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9683 .elementor-element.elementor-element-3ad54536 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9683 .elementor-element.elementor-element-3ad54536 > div.elementor-element-populated{padding:20px 20px 20px 20px !important;}.elementor-9683 .elementor-element.elementor-element-f76a817 .elementor-heading-title{font-size:16px;font-weight:900;line-height:50px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9{--grid-row-gap:10px;--grid-column-gap:20px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.64 * 100% );}.elementor-9683 .elementor-element.elementor-element-13d7b0d9:after{content:"0.64";}.elementor-9683 .elementor-element.elementor-element-13d7b0d9 .elementor-post__thumbnail__link{width:30%;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9 .elementor-post__thumbnail{border-radius:15px 15px 15px 15px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:17px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:17px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:17px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9 .elementor-post:hover .elementor-post__thumbnail img{filter:brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9683 .elementor-element.elementor-element-13d7b0d9 .elementor-post__title, .elementor-9683 .elementor-element.elementor-element-13d7b0d9 .elementor-post__title a{color:#595959;font-size:14px;}.elementor-9683 .elementor-element.elementor-element-5cb7b3f6{margin-top:40px;margin-bottom:0px;}.elementor-9683 .elementor-element.elementor-element-563eac44:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9683 .elementor-element.elementor-element-563eac44 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9683 .elementor-element.elementor-element-563eac44 > .elementor-element-populated, .elementor-9683 .elementor-element.elementor-element-563eac44 > .elementor-element-populated > .elementor-background-overlay, .elementor-9683 .elementor-element.elementor-element-563eac44 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-9683 .elementor-element.elementor-element-563eac44 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 0px 10px 10px;--e-column-margin-right:0px;--e-column-margin-left:10px;}.elementor-9683 .elementor-element.elementor-element-563eac44 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9683 .elementor-element.elementor-element-563eac44 > div.elementor-element-populated{padding:20px 20px 20px 20px !important;}.elementor-9683 .elementor-element.elementor-element-37ea04ba .elementor-heading-title{font-size:16px;font-weight:900;line-height:50px;}.elementor-9683 .elementor-element.elementor-element-4272a420{--grid-row-gap:10px;--grid-column-gap:20px;}.elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-9683 .elementor-element.elementor-element-4272a420:after{content:"0.66";}.elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-post__thumbnail__link{width:25%;}.elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-post__thumbnail{border-radius:15px 15px 15px 15px;}.elementor-9683 .elementor-element.elementor-element-4272a420.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9683 .elementor-element.elementor-element-4272a420.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9683 .elementor-element.elementor-element-4272a420.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-post:hover .elementor-post__thumbnail img{filter:brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 61deg );}.elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-post__title, .elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-post__title a{color:#595959;font-size:14px;}.elementor-9683 .elementor-element.elementor-element-430d7a62:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9683 .elementor-element.elementor-element-430d7a62 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9683 .elementor-element.elementor-element-430d7a62 > .elementor-element-populated, .elementor-9683 .elementor-element.elementor-element-430d7a62 > .elementor-element-populated > .elementor-background-overlay, .elementor-9683 .elementor-element.elementor-element-430d7a62 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-9683 .elementor-element.elementor-element-430d7a62 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;}.elementor-9683 .elementor-element.elementor-element-430d7a62 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9683 .elementor-element.elementor-element-430d7a62 > div.elementor-element-populated{padding:20px 20px 20px 20px !important;}.elementor-9683 .elementor-element.elementor-element-52182e65 .elementor-heading-title{font-size:16px;font-weight:900;line-height:50px;}.elementor-9683 .elementor-element.elementor-element-76760a9{--grid-row-gap:10px;--grid-column-gap:20px;}.elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-9683 .elementor-element.elementor-element-76760a9:after{content:"0.66";}.elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-post__thumbnail__link{width:25%;}.elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-post__thumbnail{border-radius:15px 15px 15px 15px;}.elementor-9683 .elementor-element.elementor-element-76760a9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9683 .elementor-element.elementor-element-76760a9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9683 .elementor-element.elementor-element-76760a9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-post:hover .elementor-post__thumbnail img{filter:brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 61deg );}.elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-post__title, .elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-post__title a{color:#595959;font-size:14px;}.elementor-9683 .elementor-element.elementor-element-4be243f{margin-top:37px;margin-bottom:10px;}.elementor-9683 .elementor-element.elementor-element-0f53de6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9683 .elementor-element.elementor-element-0f53de6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9683 .elementor-element.elementor-element-0f53de6 > .elementor-element-populated, .elementor-9683 .elementor-element.elementor-element-0f53de6 > .elementor-element-populated > .elementor-background-overlay, .elementor-9683 .elementor-element.elementor-element-0f53de6 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-0f53de6 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9683 .elementor-element.elementor-element-0f53de6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9683 .elementor-element.elementor-element-0f53de6 > div.elementor-element-populated{padding:20px 20px 20px 20px !important;}.elementor-9683 .elementor-element.elementor-element-8e8db39 .elementor-heading-title{font-size:16px;font-weight:900;line-height:50px;}.elementor-9683 .elementor-element.elementor-element-8496a82{--grid-row-gap:10px;--grid-column-gap:11px;}.elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.03 * 100% );}.elementor-9683 .elementor-element.elementor-element-8496a82:after{content:"1.03";}.elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-post__thumbnail__link{width:100%;}.elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-post{border-radius:0px;}.elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-post__thumbnail{border-radius:15px 15px 15px 15px;}.elementor-9683 .elementor-element.elementor-element-8496a82.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:19px;}.elementor-9683 .elementor-element.elementor-element-8496a82.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:19px;}.elementor-9683 .elementor-element.elementor-element-8496a82.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:19px;}.elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-post:hover .elementor-post__thumbnail img{filter:brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-post__title, .elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-post__title a{color:#595959;font-size:14px;}.elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-post__title{margin-bottom:0px;}.elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-9683 .elementor-element.elementor-element-71020f74 .elementor-heading-title{font-size:16px;font-weight:900;line-height:41px;}.elementor-9683 .elementor-element.elementor-element-43d0ae7{--grid-row-gap:13px;--grid-column-gap:31px;}.elementor-9683 .elementor-element.elementor-element-43d0ae7 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.05 * 100% );}.elementor-9683 .elementor-element.elementor-element-43d0ae7:after{content:"1.05";}.elementor-9683 .elementor-element.elementor-element-43d0ae7 .elementor-post__thumbnail__link{width:27%;}.elementor-9683 .elementor-element.elementor-element-43d0ae7 .elementor-post{border-radius:11px;padding:0px -0px 0px 0px;}.elementor-9683 .elementor-element.elementor-element-43d0ae7.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:5px;}.elementor-9683 .elementor-element.elementor-element-43d0ae7.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:5px;}.elementor-9683 .elementor-element.elementor-element-43d0ae7.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:5px;}.elementor-9683 .elementor-element.elementor-element-43d0ae7 .elementor-post__title, .elementor-9683 .elementor-element.elementor-element-43d0ae7 .elementor-post__title a{color:#595959;font-size:14px;}.elementor-9683 .elementor-element.elementor-element-43d0ae7 .elementor-post__title{margin-bottom:0px;}.elementor-9683 .elementor-element.elementor-element-869072f:not(.elementor-motion-effects-element-type-background), .elementor-9683 .elementor-element.elementor-element-869072f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9683 .elementor-element.elementor-element-869072f, .elementor-9683 .elementor-element.elementor-element-869072f > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-869072f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:10px;margin-bottom:10px;}.elementor-9683 .elementor-element.elementor-element-869072f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9683 .elementor-element.elementor-element-a2ea29d .elementor-heading-title{font-size:16px;font-weight:900;line-height:50px;}.elementor-9683 .elementor-element.elementor-element-7fe6d6c:not(.elementor-motion-effects-element-type-background), .elementor-9683 .elementor-element.elementor-element-7fe6d6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-9683 .elementor-element.elementor-element-7fe6d6c, .elementor-9683 .elementor-element.elementor-element-7fe6d6c > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-7fe6d6c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-7fe6d6c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9683 .elementor-element.elementor-element-e853a22 > .elementor-widget-container{padding:5px 5px 5px 5px;border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-8f87a3e > .elementor-widget-container{padding:5px 5px 5px 5px;border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-eaa4b3a > .elementor-widget-container{padding:5px 5px 5px 5px;border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-cec703c > .elementor-widget-container{padding:5px 5px 5px 5px;border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-394b4fa > .elementor-widget-container{padding:5px 5px 5px 5px;border-radius:10px 10px 10px 10px;}.elementor-9683 .elementor-element.elementor-element-b10fcdd > .elementor-widget-container{padding:5px 5px 5px 5px;border-radius:10px 10px 10px 10px;}body.elementor-page-9683:not(.elementor-motion-effects-element-type-background), body.elementor-page-9683 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #EAE9F4 0%, #F0F3F7 100%);}@media(min-width:768px){.elementor-9683 .elementor-element.elementor-element-a8fd3ff{width:24.664%;}.elementor-9683 .elementor-element.elementor-element-5055827{width:25%;}.elementor-9683 .elementor-element.elementor-element-03e98ba{width:50%;}.elementor-9683 .elementor-element.elementor-element-598b5d60{width:69.86%;}.elementor-9683 .elementor-element.elementor-element-5c637d0d{width:29.452%;}}@media(max-width:767px){.elementor-9683 .elementor-element.elementor-element-01bc63e{width:33%;}.elementor-9683 .elementor-element.elementor-element-65b0899{width:33%;}.elementor-9683 .elementor-element.elementor-element-ff0b16a{width:33%;}.elementor-9683 .elementor-element.elementor-element-62197e3{width:33%;}.elementor-9683 .elementor-element.elementor-element-9e764e5{width:33%;}.elementor-9683 .elementor-element.elementor-element-70da977{width:33%;}.elementor-9683 .elementor-element.elementor-element-cdbdb73{--grid-row-gap:7px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9683 .elementor-element.elementor-element-cdbdb73:after{content:"0.5";}.elementor-9683 .elementor-element.elementor-element-cdbdb73 .elementor-post__thumbnail__link{width:100%;}.elementor-9683 .elementor-element.elementor-element-cdbdb73 .elementor-post{border-radius:0px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:13px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:13px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:13px;}.elementor-9683 .elementor-element.elementor-element-cdbdb73 .elementor-post__title{margin-bottom:4px;}.elementor-9683 .elementor-element.elementor-element-8d4c060{--grid-row-gap:7px;}.elementor-9683 .elementor-element.elementor-element-8d4c060 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9683 .elementor-element.elementor-element-8d4c060:after{content:"0.5";}.elementor-9683 .elementor-element.elementor-element-8d4c060 .elementor-post__thumbnail__link{width:100%;}.elementor-9683 .elementor-element.elementor-element-8d4c060 .elementor-post{border-radius:0px;}.elementor-9683 .elementor-element.elementor-element-8d4c060.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:13px;}.elementor-9683 .elementor-element.elementor-element-8d4c060.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:13px;}.elementor-9683 .elementor-element.elementor-element-8d4c060.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:13px;}.elementor-9683 .elementor-element.elementor-element-8d4c060 .elementor-post__title{margin-bottom:4px;}.elementor-9683 .elementor-element.elementor-element-55991df2 > div.elementor-element-populated{padding:0px 0px 0px 0px !important;}.elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail__link{width:100%;}.elementor-9683 .elementor-element.elementor-element-3ad54536 > div.elementor-element-populated{padding:0px 0px 0px 0px !important;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9{--grid-row-gap:7px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9683 .elementor-element.elementor-element-13d7b0d9:after{content:"0.5";}.elementor-9683 .elementor-element.elementor-element-13d7b0d9 .elementor-post__thumbnail__link{width:100%;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9 .elementor-post{border-radius:0px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:13px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:13px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:13px;}.elementor-9683 .elementor-element.elementor-element-13d7b0d9 .elementor-post__title{margin-bottom:4px;}.elementor-9683 .elementor-element.elementor-element-563eac44 > div.elementor-element-populated{padding:0px 0px 0px 0px !important;}.elementor-9683 .elementor-element.elementor-element-4272a420{--grid-row-gap:12px;--grid-column-gap:24px;}.elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9683 .elementor-element.elementor-element-4272a420:after{content:"0.5";}.elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-post__thumbnail__link{width:100%;}.elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-post{border-radius:10px;}.elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-post__text{padding:10px 0px 10px 0px;}.elementor-9683 .elementor-element.elementor-element-4272a420 .elementor-post__title{margin-bottom:0px;}.elementor-9683 .elementor-element.elementor-element-430d7a62 > div.elementor-element-populated{padding:0px 0px 0px 0px !important;}.elementor-9683 .elementor-element.elementor-element-76760a9{--grid-row-gap:12px;--grid-column-gap:24px;}.elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9683 .elementor-element.elementor-element-76760a9:after{content:"0.5";}.elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-post__thumbnail__link{width:100%;}.elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-post{border-radius:10px;}.elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-post__text{padding:10px 0px 10px 0px;}.elementor-9683 .elementor-element.elementor-element-76760a9 .elementor-post__title{margin-bottom:0px;}.elementor-9683 .elementor-element.elementor-element-0f53de6 > div.elementor-element-populated{padding:0px 0px 0px 0px !important;}.elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9683 .elementor-element.elementor-element-8496a82:after{content:"0.5";}.elementor-9683 .elementor-element.elementor-element-8496a82 .elementor-post__thumbnail__link{width:100%;}.elementor-9683 .elementor-element.elementor-element-43d0ae7 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9683 .elementor-element.elementor-element-43d0ae7:after{content:"0.5";}.elementor-9683 .elementor-element.elementor-element-43d0ae7 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for epic_slider_1_elementor, class: .elementor-element-9eaf776 *//* تنظیم ارتفاع اسلاید اصلی */ .epic-owl-carousel .epic-owl-item .jeg_slide_item > .jeg_slide_img { height: 355px !important; max-height: 355px !important; overflow: hidden !important; display: block !important; } .epic-owl-carousel .epic-owl-item .jeg_slide_item > .jeg_slide_img .thumbnail-container { height: 355px !important; max-height: 355px !important; overflow: hidden !important; } .epic-owl-carousel .epic-owl-item .jeg_slide_item > .jeg_slide_img img { height: 355px !important; max-height: 355px !important; width: 100% !important; object-fit: cover !important; object-position: center !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6fba6e2 *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER DESKTOP: HOVER MOBILE: SCROLL SECTION / CONTAINER ONLY ========================================= */ /* ========================================= MAIN CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-6fba6e2 { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه Container ========================================= */ .elementor-9683 .elementor-element.elementor-element-6fba6e2::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201,164,92,0.10) 335deg, rgba(201,164,92,0.40) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 50; } /* ========================================= DESKTOP Hover روی کل بخش ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-6fba6e2:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= MOBILE فعال شدن هنگام Scroll ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-6fba6e2.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه خود Container نمی‌چرخد ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ca99495 *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER DESKTOP: HOVER MOBILE: SCROLL SECTION / CONTAINER ONLY ========================================= */ /* ========================================= MAIN CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-ca99495 { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه Container ========================================= */ .elementor-9683 .elementor-element.elementor-element-ca99495::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201,164,92,0.10) 335deg, rgba(201,164,92,0.40) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 50; } /* ========================================= DESKTOP Hover روی کل بخش ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-ca99495:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= MOBILE فعال شدن هنگام Scroll ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-ca99495.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه خود Container نمی‌چرخد ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-40f5c27 *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER DESKTOP: HOVER MOBILE: SCROLL SECTION / CONTAINER ONLY ========================================= */ /* ========================================= MAIN CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-40f5c27 { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه Container ========================================= */ .elementor-9683 .elementor-element.elementor-element-40f5c27::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201,164,92,0.10) 335deg, rgba(201,164,92,0.40) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 50; } /* ========================================= DESKTOP Hover روی کل بخش ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-40f5c27:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= MOBILE فعال شدن هنگام Scroll ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-40f5c27.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه خود Container نمی‌چرخد ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c03a478 *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER DESKTOP: HOVER MOBILE: SCROLL SECTION / CONTAINER ONLY ========================================= */ /* ========================================= MAIN CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-c03a478 { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه Container ========================================= */ .elementor-9683 .elementor-element.elementor-element-c03a478::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201,164,92,0.10) 335deg, rgba(201,164,92,0.40) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 50; } /* ========================================= DESKTOP Hover روی کل بخش ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-c03a478:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= MOBILE فعال شدن هنگام Scroll ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-c03a478.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه خود Container نمی‌چرخد ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-debb14a *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER DESKTOP: HOVER MOBILE: SCROLL SECTION / CONTAINER ONLY ========================================= */ /* ========================================= MAIN CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-debb14a { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه Container ========================================= */ .elementor-9683 .elementor-element.elementor-element-debb14a::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201,164,92,0.10) 335deg, rgba(201,164,92,0.40) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 50; } /* ========================================= DESKTOP Hover روی کل بخش ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-debb14a:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= MOBILE فعال شدن هنگام Scroll ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-debb14a.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه خود Container نمی‌چرخد ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b9d3d0d *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER DESKTOP: HOVER MOBILE: SCROLL SECTION / CONTAINER ONLY ========================================= */ /* ========================================= MAIN CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-b9d3d0d { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه Container ========================================= */ .elementor-9683 .elementor-element.elementor-element-b9d3d0d::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201,164,92,0.10) 335deg, rgba(201,164,92,0.40) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 50; } /* ========================================= DESKTOP Hover روی کل بخش ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-b9d3d0d:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= MOBILE فعال شدن هنگام Scroll ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-b9d3d0d.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه خود Container نمی‌چرخد ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-aeb932c *//* ========================================= AZADI INSTITUTE EVENTS TITLE + RIGHT STICKER ========================================= */ .elementor-9683 .elementor-element.elementor-element-aeb932c .afzaevents { display: inline-flex; align-items: center; justify-content: flex-start; direction: rtl; gap: 8px; font-weight: 700; } /* استیکر رویدادها - سمت راست */ .elementor-9683 .elementor-element.elementor-element-aeb932c .afzaevents::before { content: "🎉"; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; transform-origin: center; animation: azadiEventsSticker 2.8s ease-in-out infinite; } /* ========================================= حرکت نرم استیکر ========================================= */ @keyframes azadiEventsSticker { 0%, 100% { transform: rotate(0deg) translateY(0); } 25% { transform: rotate(-7deg) translateY(-2px); } 50% { transform: rotate(7deg) translateY(0); } 75% { transform: rotate(-4deg) translateY(-1px); } }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-cdbdb73 *//* ========================================= AZADI - SECTION GOLD SCROLL EFFECT ========================================= */ .elementor-9683 .elementor-element.elementor-element-cdbdb73 { position: relative; border-radius: 18px; } /* لاین طلایی */ .elementor-9683 .elementor-element.elementor-element-cdbdb73::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 315deg, rgba(201,164,92,0.15) 330deg, rgba(201,164,92,0.45) 345deg, #c9a45c 352deg, #fff3b0 357deg, #c9a45c 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 999; } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-cdbdb73.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ROTATION ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d8ec34b *//* ========================================= AZADI INSTITUTE ARTICLES TITLE + RIGHT STICKER ========================================= */ .elementor-9683 .elementor-element.elementor-element-d8ec34b .afzaarticles { display: inline-flex; align-items: center; justify-content: flex-start; direction: rtl; gap: 8px; font-weight: 700; } /* استیکر مقالات - سمت راست */ .elementor-9683 .elementor-element.elementor-element-d8ec34b .afzaarticles::before { content: "📝"; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; transform-origin: center; animation: azadiArticlesSticker 2.8s ease-in-out infinite; } /* ========================================= حرکت نرم استیکر ========================================= */ @keyframes azadiArticlesSticker { 0%, 100% { transform: rotate(0deg) translateY(0); } 25% { transform: rotate(-7deg) translateY(-2px); } 50% { transform: rotate(7deg) translateY(0); } 75% { transform: rotate(-4deg) translateY(-1px); } }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-8d4c060 *//* ========================================= AZADI - SECTION GOLD SCROLL EFFECT ========================================= */ .elementor-9683 .elementor-element.elementor-element-8d4c060 { position: relative; border-radius: 18px; } /* لاین طلایی */ .elementor-9683 .elementor-element.elementor-element-8d4c060::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 315deg, rgba(201,164,92,0.15) 330deg, rgba(201,164,92,0.45) 345deg, #c9a45c 352deg, #fff3b0 357deg, #c9a45c 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 999; } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-8d4c060.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ROTATION ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3b5862c */.elementor-9683 .elementor-element.elementor-element-3b5862c .afzaarticles { display: inline-flex; align-items: center; justify-content: flex-start; direction: rtl; gap: 8px; font-weight: 700; } .elementor-9683 .elementor-element.elementor-element-3b5862c .afzaarticles::before { content: "📅"; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; transform-origin: center; animation: azadiArticlesSticker 2.8s ease-in-out infinite; } @keyframes azadiArticlesSticker { 0%, 100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-3px) rotate(-5deg); } 50% { transform: translateY(0) rotate(0deg); } 75% { transform: translateY(-2px) rotate(5deg); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-de38981 *//* ======================================== AZADI INSTITUTE - STATISTICS CARDS Gold Hover + Animated Icon + Typewriter ======================================== */ .elementor-9683 .elementor-element.elementor-element-de38981 { --azadi-gold: #c6a45c; --azadi-navy: #263e59; position: relative; overflow: hidden; isolation: isolate; background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(198, 164, 92, 0.18); border-radius: 14px; box-shadow: 0 4px 16px rgba(38, 62, 89, 0.045); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } /* خط طلایی متحرک دور کارت */ .elementor-9683 .elementor-element.elementor-element-de38981::before { content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: inherit; background: conic-gradient( from var(--azadi-angle, 0deg), transparent 0deg, transparent 235deg, #c6a45c 285deg, #f4e5b5 310deg, #c6a45c 330deg, transparent 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; z-index: 3; animation: azadiGoldOrbit 4s linear infinite; } /* نور متحرک داخل کارت */ .elementor-9683 .elementor-element.elementor-element-de38981::after { content: ""; position: absolute; top: -60%; left: -70%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.7), transparent ); transform: rotate(18deg); pointer-events: none; opacity: 0; z-index: 0; } /* افکت هاور کارت */ .elementor-9683 .elementor-element.elementor-element-de38981:hover { transform: translateY(-5px); border-color: rgba(198, 164, 92, 0.5); box-shadow: 0 12px 28px rgba(38, 62, 89, 0.12); } .elementor-9683 .elementor-element.elementor-element-de38981:hover::before { opacity: 1; } .elementor-9683 .elementor-element.elementor-element-de38981:hover::after { opacity: 1; animation: azadiCardShine 0.9s ease forwards; } /* ======================================== ICON ======================================== */ .elementor-9683 .elementor-element.elementor-element-de38981 .stat-icon { color: var(--azadi-navy); transition: transform 0.35s ease, color 0.35s ease, filter 0.35s ease; } .elementor-9683 .elementor-element.elementor-element-de38981:hover .stat-icon { color: var(--azadi-gold); transform: translateY(-3px) scale(1.1); filter: drop-shadow( 0 3px 5px rgba(198, 164, 92, 0.22) ); } /* ======================================== STATISTICS NUMBER ======================================== */ .elementor-9683 .elementor-element.elementor-element-de38981 .stat-number { color: var(--azadi-navy); font-weight: 800; transition: color 0.3s ease, transform 0.3s ease; } .elementor-9683 .elementor-element.elementor-element-de38981:hover .stat-number { color: #b28b3d; transform: scale(1.06); } /* ======================================== TYPEWRITER TEXT ======================================== */ .elementor-9683 .elementor-element.elementor-element-de38981 .stat-label { display: inline-block; position: relative; direction: rtl; text-align: center; white-space: nowrap; /* مخفی‌کردن متن پیش از تایپ */ width: 0; max-width: 100%; overflow: hidden; color: #657184; border-left: 2px solid #c6a45c; animation: azadiTypewriter 2.5s steps(24, end) forwards, azadiCaret 0.75s step-end 4; transition: color 0.3s ease; } /* ظاهرشدن تدریجی حروف */ @keyframes azadiTypewriter { from { width: 0; } to { width: 100%; } } /* چشمک‌زدن نشانگر تایپ */ @keyframes azadiCaret { 0%, 100% { border-color: transparent; } 50% { border-color: #c6a45c; } } /* رنگ متن هنگام هاور */ .elementor-9683 .elementor-element.elementor-element-de38981:hover .stat-label { color: var(--azadi-navy); } /* ======================================== GOLD BORDER ANIMATION ======================================== */ @property --azadi-angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes azadiGoldOrbit { to { --azadi-angle: 360deg; } } /* ======================================== CARD LIGHT SWEEP ======================================== */ @keyframes azadiCardShine { from { left: -70%; } to { left: 130%; } } /* ======================================== ACCESSIBILITY ======================================== */ @media (prefers-reduced-motion: reduce) { .elementor-9683 .elementor-element.elementor-element-de38981, .elementor-9683 .elementor-element.elementor-element-de38981::before, .elementor-9683 .elementor-element.elementor-element-de38981::after, .elementor-9683 .elementor-element.elementor-element-de38981 .stat-icon, .elementor-9683 .elementor-element.elementor-element-de38981 .stat-number, .elementor-9683 .elementor-element.elementor-element-de38981 .stat-label { animation: none !important; transition: none !important; } .elementor-9683 .elementor-element.elementor-element-de38981 .stat-label { width: auto; max-width: 100%; overflow: visible; border-left: none; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-94cdc43 *//* ======================================== AZADI INSTITUTE - STATISTICS CARDS Gold Hover + Animated Icon + Typewriter ======================================== */ .elementor-9683 .elementor-element.elementor-element-94cdc43 { --azadi-gold: #c6a45c; --azadi-navy: #263e59; position: relative; overflow: hidden; isolation: isolate; background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(198, 164, 92, 0.18); border-radius: 14px; box-shadow: 0 4px 16px rgba(38, 62, 89, 0.045); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } /* خط طلایی متحرک دور کارت */ .elementor-9683 .elementor-element.elementor-element-94cdc43::before { content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: inherit; background: conic-gradient( from var(--azadi-angle, 0deg), transparent 0deg, transparent 235deg, #c6a45c 285deg, #f4e5b5 310deg, #c6a45c 330deg, transparent 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; z-index: 3; animation: azadiGoldOrbit 4s linear infinite; } /* نور متحرک داخل کارت */ .elementor-9683 .elementor-element.elementor-element-94cdc43::after { content: ""; position: absolute; top: -60%; left: -70%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.7), transparent ); transform: rotate(18deg); pointer-events: none; opacity: 0; z-index: 0; } /* افکت هاور کارت */ .elementor-9683 .elementor-element.elementor-element-94cdc43:hover { transform: translateY(-5px); border-color: rgba(198, 164, 92, 0.5); box-shadow: 0 12px 28px rgba(38, 62, 89, 0.12); } .elementor-9683 .elementor-element.elementor-element-94cdc43:hover::before { opacity: 1; } .elementor-9683 .elementor-element.elementor-element-94cdc43:hover::after { opacity: 1; animation: azadiCardShine 0.9s ease forwards; } /* ======================================== ICON ======================================== */ .elementor-9683 .elementor-element.elementor-element-94cdc43 .stat-icon { color: var(--azadi-navy); transition: transform 0.35s ease, color 0.35s ease, filter 0.35s ease; } .elementor-9683 .elementor-element.elementor-element-94cdc43:hover .stat-icon { color: var(--azadi-gold); transform: translateY(-3px) scale(1.1); filter: drop-shadow( 0 3px 5px rgba(198, 164, 92, 0.22) ); } /* ======================================== STATISTICS NUMBER ======================================== */ .elementor-9683 .elementor-element.elementor-element-94cdc43 .stat-number { color: var(--azadi-navy); font-weight: 800; transition: color 0.3s ease, transform 0.3s ease; } .elementor-9683 .elementor-element.elementor-element-94cdc43:hover .stat-number { color: #b28b3d; transform: scale(1.06); } /* ======================================== TYPEWRITER TEXT ======================================== */ .elementor-9683 .elementor-element.elementor-element-94cdc43 .stat-label { display: inline-block; position: relative; direction: rtl; text-align: center; white-space: nowrap; /* مخفی‌کردن متن پیش از تایپ */ width: 0; max-width: 100%; overflow: hidden; color: #657184; border-left: 2px solid #c6a45c; animation: azadiTypewriter 2.5s steps(24, end) forwards, azadiCaret 0.75s step-end 4; transition: color 0.3s ease; } /* ظاهرشدن تدریجی حروف */ @keyframes azadiTypewriter { from { width: 0; } to { width: 100%; } } /* چشمک‌زدن نشانگر تایپ */ @keyframes azadiCaret { 0%, 100% { border-color: transparent; } 50% { border-color: #c6a45c; } } /* رنگ متن هنگام هاور */ .elementor-9683 .elementor-element.elementor-element-94cdc43:hover .stat-label { color: var(--azadi-navy); } /* ======================================== GOLD BORDER ANIMATION ======================================== */ @property --azadi-angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes azadiGoldOrbit { to { --azadi-angle: 360deg; } } /* ======================================== CARD LIGHT SWEEP ======================================== */ @keyframes azadiCardShine { from { left: -70%; } to { left: 130%; } } /* ======================================== ACCESSIBILITY ======================================== */ @media (prefers-reduced-motion: reduce) { .elementor-9683 .elementor-element.elementor-element-94cdc43, .elementor-9683 .elementor-element.elementor-element-94cdc43::before, .elementor-9683 .elementor-element.elementor-element-94cdc43::after, .elementor-9683 .elementor-element.elementor-element-94cdc43 .stat-icon, .elementor-9683 .elementor-element.elementor-element-94cdc43 .stat-number, .elementor-9683 .elementor-element.elementor-element-94cdc43 .stat-label { animation: none !important; transition: none !important; } .elementor-9683 .elementor-element.elementor-element-94cdc43 .stat-label { width: auto; max-width: 100%; overflow: visible; border-left: none; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-24830a6 *//* ======================================== AZADI INSTITUTE - STATISTICS CARDS Gold Hover + Animated Icon + Typewriter ======================================== */ .elementor-9683 .elementor-element.elementor-element-24830a6 { --azadi-gold: #c6a45c; --azadi-navy: #263e59; position: relative; overflow: hidden; isolation: isolate; background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(198, 164, 92, 0.18); border-radius: 14px; box-shadow: 0 4px 16px rgba(38, 62, 89, 0.045); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } /* خط طلایی متحرک دور کارت */ .elementor-9683 .elementor-element.elementor-element-24830a6::before { content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: inherit; background: conic-gradient( from var(--azadi-angle, 0deg), transparent 0deg, transparent 235deg, #c6a45c 285deg, #f4e5b5 310deg, #c6a45c 330deg, transparent 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; z-index: 3; animation: azadiGoldOrbit 4s linear infinite; } /* نور متحرک داخل کارت */ .elementor-9683 .elementor-element.elementor-element-24830a6::after { content: ""; position: absolute; top: -60%; left: -70%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.7), transparent ); transform: rotate(18deg); pointer-events: none; opacity: 0; z-index: 0; } /* افکت هاور کارت */ .elementor-9683 .elementor-element.elementor-element-24830a6:hover { transform: translateY(-5px); border-color: rgba(198, 164, 92, 0.5); box-shadow: 0 12px 28px rgba(38, 62, 89, 0.12); } .elementor-9683 .elementor-element.elementor-element-24830a6:hover::before { opacity: 1; } .elementor-9683 .elementor-element.elementor-element-24830a6:hover::after { opacity: 1; animation: azadiCardShine 0.9s ease forwards; } /* ======================================== ICON ======================================== */ .elementor-9683 .elementor-element.elementor-element-24830a6 .stat-icon { color: var(--azadi-navy); transition: transform 0.35s ease, color 0.35s ease, filter 0.35s ease; } .elementor-9683 .elementor-element.elementor-element-24830a6:hover .stat-icon { color: var(--azadi-gold); transform: translateY(-3px) scale(1.1); filter: drop-shadow( 0 3px 5px rgba(198, 164, 92, 0.22) ); } /* ======================================== STATISTICS NUMBER ======================================== */ .elementor-9683 .elementor-element.elementor-element-24830a6 .stat-number { color: var(--azadi-navy); font-weight: 800; transition: color 0.3s ease, transform 0.3s ease; } .elementor-9683 .elementor-element.elementor-element-24830a6:hover .stat-number { color: #b28b3d; transform: scale(1.06); } /* ======================================== TYPEWRITER TEXT ======================================== */ .elementor-9683 .elementor-element.elementor-element-24830a6 .stat-label { display: inline-block; position: relative; direction: rtl; text-align: center; white-space: nowrap; /* مخفی‌کردن متن پیش از تایپ */ width: 0; max-width: 100%; overflow: hidden; color: #657184; border-left: 2px solid #c6a45c; animation: azadiTypewriter 2.5s steps(24, end) forwards, azadiCaret 0.75s step-end 4; transition: color 0.3s ease; } /* ظاهرشدن تدریجی حروف */ @keyframes azadiTypewriter { from { width: 0; } to { width: 100%; } } /* چشمک‌زدن نشانگر تایپ */ @keyframes azadiCaret { 0%, 100% { border-color: transparent; } 50% { border-color: #c6a45c; } } /* رنگ متن هنگام هاور */ .elementor-9683 .elementor-element.elementor-element-24830a6:hover .stat-label { color: var(--azadi-navy); } /* ======================================== GOLD BORDER ANIMATION ======================================== */ @property --azadi-angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes azadiGoldOrbit { to { --azadi-angle: 360deg; } } /* ======================================== CARD LIGHT SWEEP ======================================== */ @keyframes azadiCardShine { from { left: -70%; } to { left: 130%; } } /* ======================================== ACCESSIBILITY ======================================== */ @media (prefers-reduced-motion: reduce) { .elementor-9683 .elementor-element.elementor-element-24830a6, .elementor-9683 .elementor-element.elementor-element-24830a6::before, .elementor-9683 .elementor-element.elementor-element-24830a6::after, .elementor-9683 .elementor-element.elementor-element-24830a6 .stat-icon, .elementor-9683 .elementor-element.elementor-element-24830a6 .stat-number, .elementor-9683 .elementor-element.elementor-element-24830a6 .stat-label { animation: none !important; transition: none !important; } .elementor-9683 .elementor-element.elementor-element-24830a6 .stat-label { width: auto; max-width: 100%; overflow: visible; border-left: none; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-06f02ec *//* ======================================== AZADI INSTITUTE - STATISTICS CARDS Gold Hover + Animated Icon + Typewriter ======================================== */ .elementor-9683 .elementor-element.elementor-element-06f02ec { --azadi-gold: #c6a45c; --azadi-navy: #263e59; position: relative; overflow: hidden; isolation: isolate; background: rgba(255, 255, 255, 0.94); border: 1px solid rgba(198, 164, 92, 0.18); border-radius: 14px; box-shadow: 0 4px 16px rgba(38, 62, 89, 0.045); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } /* خط طلایی متحرک دور کارت */ .elementor-9683 .elementor-element.elementor-element-06f02ec::before { content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: inherit; background: conic-gradient( from var(--azadi-angle, 0deg), transparent 0deg, transparent 235deg, #c6a45c 285deg, #f4e5b5 310deg, #c6a45c 330deg, transparent 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; z-index: 3; animation: azadiGoldOrbit 4s linear infinite; } /* نور متحرک داخل کارت */ .elementor-9683 .elementor-element.elementor-element-06f02ec::after { content: ""; position: absolute; top: -60%; left: -70%; width: 45%; height: 220%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.7), transparent ); transform: rotate(18deg); pointer-events: none; opacity: 0; z-index: 0; } /* افکت هاور کارت */ .elementor-9683 .elementor-element.elementor-element-06f02ec:hover { transform: translateY(-5px); border-color: rgba(198, 164, 92, 0.5); box-shadow: 0 12px 28px rgba(38, 62, 89, 0.12); } .elementor-9683 .elementor-element.elementor-element-06f02ec:hover::before { opacity: 1; } .elementor-9683 .elementor-element.elementor-element-06f02ec:hover::after { opacity: 1; animation: azadiCardShine 0.9s ease forwards; } /* ======================================== ICON ======================================== */ .elementor-9683 .elementor-element.elementor-element-06f02ec .stat-icon { color: var(--azadi-navy); transition: transform 0.35s ease, color 0.35s ease, filter 0.35s ease; } .elementor-9683 .elementor-element.elementor-element-06f02ec:hover .stat-icon { color: var(--azadi-gold); transform: translateY(-3px) scale(1.1); filter: drop-shadow( 0 3px 5px rgba(198, 164, 92, 0.22) ); } /* ======================================== STATISTICS NUMBER ======================================== */ .elementor-9683 .elementor-element.elementor-element-06f02ec .stat-number { color: var(--azadi-navy); font-weight: 800; transition: color 0.3s ease, transform 0.3s ease; } .elementor-9683 .elementor-element.elementor-element-06f02ec:hover .stat-number { color: #b28b3d; transform: scale(1.06); } /* ======================================== TYPEWRITER TEXT ======================================== */ .elementor-9683 .elementor-element.elementor-element-06f02ec .stat-label { display: inline-block; position: relative; direction: rtl; text-align: center; white-space: nowrap; /* مخفی‌کردن متن پیش از تایپ */ width: 0; max-width: 100%; overflow: hidden; color: #657184; border-left: 2px solid #c6a45c; animation: azadiTypewriter 2.5s steps(24, end) forwards, azadiCaret 0.75s step-end 4; transition: color 0.3s ease; } /* ظاهرشدن تدریجی حروف */ @keyframes azadiTypewriter { from { width: 0; } to { width: 100%; } } /* چشمک‌زدن نشانگر تایپ */ @keyframes azadiCaret { 0%, 100% { border-color: transparent; } 50% { border-color: #c6a45c; } } /* رنگ متن هنگام هاور */ .elementor-9683 .elementor-element.elementor-element-06f02ec:hover .stat-label { color: var(--azadi-navy); } /* ======================================== GOLD BORDER ANIMATION ======================================== */ @property --azadi-angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes azadiGoldOrbit { to { --azadi-angle: 360deg; } } /* ======================================== CARD LIGHT SWEEP ======================================== */ @keyframes azadiCardShine { from { left: -70%; } to { left: 130%; } } /* ======================================== ACCESSIBILITY ======================================== */ @media (prefers-reduced-motion: reduce) { .elementor-9683 .elementor-element.elementor-element-06f02ec, .elementor-9683 .elementor-element.elementor-element-06f02ec::before, .elementor-9683 .elementor-element.elementor-element-06f02ec::after, .elementor-9683 .elementor-element.elementor-element-06f02ec .stat-icon, .elementor-9683 .elementor-element.elementor-element-06f02ec .stat-number, .elementor-9683 .elementor-element.elementor-element-06f02ec .stat-label { animation: none !important; transition: none !important; } .elementor-9683 .elementor-element.elementor-element-06f02ec .stat-label { width: auto; max-width: 100%; overflow: visible; border-left: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-80ab6a4 *//* ========================================= AZADI NEWS VIDEO TITLE + ANIMATED STICKER ========================================= */ .elementor-9683 .elementor-element.elementor-element-80ab6a4 .afzalifestyle-video { display: inline-flex; align-items: center; direction: rtl; gap: 8px; font-weight: 700; } /* ========================================= استیکر ویدئو - سمت راست عنوان ========================================= */ .elementor-9683 .elementor-element.elementor-element-80ab6a4 .afzalifestyle-video::before { content: "🎬"; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; transform-origin: center; animation: azadiVideoSticker 2.8s ease-in-out infinite; } /* ========================================= حرکت خیلی ظریف استیکر ========================================= */ @keyframes azadiVideoSticker { 0%, 100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-1px) rotate(-3deg); } 50% { transform: translateY(0) rotate(3deg); } 75% { transform: translateY(-1px) rotate(-2deg); } }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-44de23bc *//* ========================================= AZADI INSTITUTE MOBILE SCROLL IMAGE EFFECT GOLD EDGE + SHARP FLASH NO ZOOM ========================================= */ /* تصویر */ .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail { position: relative; overflow: hidden; border-radius: 14px; } /* خود عکس کاملاً ثابت */ .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail img { transform: none !important; filter: none !important; transition: none !important; } /* ========================================= GOLD EDGE ========================================= */ .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 14px; background: conic-gradient( from var(--azadi-angle), transparent 0deg, transparent 315deg, rgba(201,164,92,.10) 330deg, rgba(201,164,92,.40) 342deg, #c9a45c 350deg, #fff3b0 356deg, #c9a45c 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 20; } /* ========================================= DESKTOP HOVER ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail:hover::before { opacity: 1; animation: azadiEdgeMove 2.8s linear infinite; } } /* ========================================= MOBILE SCROLL ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail.azadi-scroll-active::before { opacity: 1; animation: azadiEdgeMove 2.8s linear infinite; } } /* ========================================= BORDER MOVEMENT ========================================= */ @property --azadi-angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes azadiEdgeMove { from { --azadi-angle: 0deg; } to { --azadi-angle: 360deg; } } /* ========================================= SHARP FLASH ========================================= */ .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail::after { content: ""; position: absolute; top: -20%; left: -120%; width: 28%; height: 140%; background: linear-gradient( 105deg, transparent 0%, transparent 38%, rgba(255,255,255,.12) 44%, rgba(255,255,255,.85) 50%, rgba(201,164,92,.80) 54%, rgba(255,239,170,.50) 59%, transparent 67%, transparent 100% ); transform: skewX(-20deg); opacity: 0; pointer-events: none; z-index: 21; } /* ========================================= MOBILE FLASH ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail.azadi-scroll-active::after { opacity: 1; animation: azadiSharpFlash 1.4s cubic-bezier(.25,.8,.25,1) forwards; } } /* ========================================= DESKTOP FLASH ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-44de23bc .elementor-post__thumbnail:hover::after { opacity: 1; animation: azadiSharpFlash 1.4s cubic-bezier(.25,.8,.25,1) forwards; } } /* ========================================= FLASH MOVEMENT ========================================= */ @keyframes azadiSharpFlash { 0% { left: -120%; opacity: 0; } 12% { opacity: 1; } 65% { opacity: 1; } 100% { left: 140%; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-65e58870 *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER DESKTOP: HOVER MOBILE: SCROLL SECTION / CONTAINER ONLY ========================================= */ /* ========================================= MAIN CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-65e58870 { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه Container ========================================= */ .elementor-9683 .elementor-element.elementor-element-65e58870::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201,164,92,0.10) 335deg, rgba(201,164,92,0.40) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 50; } /* ========================================= DESKTOP Hover روی کل بخش ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-65e58870:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= MOBILE فعال شدن هنگام Scroll ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-65e58870.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه خود Container نمی‌چرخد ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f76a817 *//* ========================================= AZADI INSTITUTE CULTURE TITLE + RIGHT STICKER ========================================= */ .elementor-9683 .elementor-element.elementor-element-f76a817 .afzafarhang { display: inline-flex; align-items: center; direction: rtl; gap: 8px; font-weight: 700; } /* ========================================= استیکر فرهنگ ========================================= */ .elementor-9683 .elementor-element.elementor-element-f76a817 .afzafarhang::before { content: "📚"; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; transform-origin: center; animation: azadiCultureSticker 2.8s ease-in-out infinite; } /* ========================================= حرکت نرم ========================================= */ @keyframes azadiCultureSticker { 0%, 100% { transform: rotate(0deg) translateY(0); } 25% { transform: rotate(-7deg) translateY(-2px); } 50% { transform: rotate(7deg) translateY(0); } 75% { transform: rotate(-4deg) translateY(-1px); } }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-13d7b0d9 *//* ========================================= AZADI - SECTION GOLD SCROLL EFFECT ========================================= */ .elementor-9683 .elementor-element.elementor-element-13d7b0d9 { position: relative; border-radius: 18px; } /* لاین طلایی */ .elementor-9683 .elementor-element.elementor-element-13d7b0d9::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 315deg, rgba(201,164,92,0.15) 330deg, rgba(201,164,92,0.45) 345deg, #c9a45c 352deg, #fff3b0 357deg, #c9a45c 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 999; } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-13d7b0d9.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ROTATION ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-500193ad *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER DESKTOP: HOVER MOBILE: SCROLL SECTION / CONTAINER ONLY ========================================= */ /* ========================================= MAIN CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-500193ad { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه Container ========================================= */ .elementor-9683 .elementor-element.elementor-element-500193ad::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201,164,92,0.10) 335deg, rgba(201,164,92,0.40) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 50; } /* ========================================= DESKTOP Hover روی کل بخش ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-500193ad:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= MOBILE فعال شدن هنگام Scroll ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-500193ad.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه خود Container نمی‌چرخد ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-37ea04ba *//* ========================================= AZADI INSTITUTE NEWS TITLE + RIGHT STICKER ========================================= */ .elementor-9683 .elementor-element.elementor-element-37ea04ba .afzakhabar { display: inline-flex; align-items: center; direction: rtl; gap: 8px; font-weight: 700; } /* استیکر خبر */ .elementor-9683 .elementor-element.elementor-element-37ea04ba .afzakhabar::before { content: "📰"; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; transform-origin: center; animation: azadiNewsSticker 2.8s ease-in-out infinite; } /* ========================================= حرکت نرم استیکر ========================================= */ @keyframes azadiNewsSticker { 0%, 100% { transform: rotate(0deg) translateY(0); } 25% { transform: rotate(-6deg) translateY(-2px); } 50% { transform: rotate(6deg) translateY(0); } 75% { transform: rotate(-3deg) translateY(-1px); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-52182e65 *//* ========================================= AZADI INSTITUTE REPORT TITLE + RIGHT STICKER ========================================= */ .elementor-9683 .elementor-element.elementor-element-52182e65 .afzagozaresh { display: inline-flex; align-items: center; direction: rtl; gap: 8px; font-weight: 700; } /* استیکر گزارش */ .elementor-9683 .elementor-element.elementor-element-52182e65 .afzagozaresh::before { content: "📊"; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; transform-origin: center; animation: azadiReportSticker 2.8s ease-in-out infinite; } /* ========================================= حرکت نرم استیکر ========================================= */ @keyframes azadiReportSticker { 0%, 100% { transform: rotate(0deg) translateY(0); } 25% { transform: rotate(-6deg) translateY(-2px); } 50% { transform: rotate(6deg) translateY(0); } 75% { transform: rotate(-3deg) translateY(-1px); } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-5cb7b3f6 *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER SECTION / CONTAINER ONLY ========================================= */ /* ========================================= CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-5cb7b3f6 { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه بخش ========================================= */ .elementor-9683 .elementor-element.elementor-element-5cb7b3f6::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201, 164, 92, 0.12) 335deg, rgba(201, 164, 92, 0.45) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 20; } /* ========================================= HOVER ========================================= */ .elementor-9683 .elementor-element.elementor-element-5cb7b3f6:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } /* ========================================= ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه بدون چرخش خود کادر ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8e8db39 *//* ========================================= AZADI INSTITUTE GALLERY TITLE + RIGHT STICKER ========================================= */ .elementor-9683 .elementor-element.elementor-element-8e8db39 .afzanegaristan { display: inline-flex; align-items: center; justify-content: flex-start; direction: rtl; gap: 8px; font-weight: 700; } /* استیکر نگارستان - سمت راست */ .elementor-9683 .elementor-element.elementor-element-8e8db39 .afzanegaristan::before { content: "🎨"; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; transform-origin: center; animation: azadiNegarestanSticker 2.8s ease-in-out infinite; } /* ========================================= حرکت نرم استیکر ========================================= */ @keyframes azadiNegarestanSticker { 0%, 100% { transform: rotate(0deg) translateY(0); } 25% { transform: rotate(-7deg) translateY(-2px); } 50% { transform: rotate(7deg) translateY(0); } 75% { transform: rotate(-4deg) translateY(-1px); } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-4be243f *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER SECTION / CONTAINER ONLY ========================================= */ /* ========================================= CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-4be243f { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه بخش ========================================= */ .elementor-9683 .elementor-element.elementor-element-4be243f::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201, 164, 92, 0.12) 335deg, rgba(201, 164, 92, 0.45) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 20; } /* ========================================= HOVER ========================================= */ .elementor-9683 .elementor-element.elementor-element-4be243f:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } /* ========================================= ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه بدون چرخش خود کادر ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-71020f74 *//* ========================================= AZADI NEWS ANIMATED TITLE STICKER RIGHT SIDE ========================================= */ .elementor-9683 .elementor-element.elementor-element-71020f74 .afzarkharin { position: relative; display: inline-flex; align-items: center; gap: 8px; direction: rtl; font-weight: 700; } /* ========================================= استیکر ساعت سمت راست عنوان ========================================= */ .elementor-9683 .elementor-element.elementor-element-71020f74 .afzarkharin::before { content: "🕒"; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; transform-origin: center; animation: azadiStickerNews 2.8s ease-in-out infinite; } /* ========================================= حرکت نرم ساعت ========================================= */ @keyframes azadiStickerNews { 0%, 100% { transform: rotate(0deg) translateY(0); } 25% { transform: rotate(-8deg) translateY(-2px); } 50% { transform: rotate(8deg) translateY(0); } 75% { transform: rotate(-4deg) translateY(-1px); } }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-43d0ae7 */.elementor-element-43d0ae7 .elementor-post__title{padding: 10px; margin-bottom: 0px; border-right: 2px solid #e5e5e5;} .elementor-element-43d0ae7 .elementor-post__title:hover{ margin-bottom: 0px;border-right: 2px solid #0d6efd;padding:10px;background:#eff1f69e; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-5c637d0d *//* ========================================= AZADI INSTITUTE PREMIUM GOLD BORDER DESKTOP: HOVER MOBILE: SCROLL SECTION / CONTAINER ONLY ========================================= */ /* ========================================= MAIN CONTAINER ========================================= */ .elementor-9683 .elementor-element.elementor-element-5c637d0d { position: relative; overflow: visible; border-radius: 18px; } /* ========================================= GOLD MOVING EDGE فقط لبه Container ========================================= */ .elementor-9683 .elementor-element.elementor-element-5c637d0d::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 18px; background: conic-gradient( from var(--azadi-border-angle), transparent 0deg, transparent 320deg, rgba(201,164,92,0.10) 335deg, rgba(201,164,92,0.40) 345deg, #c9a45c 352deg, #fff0a8 357deg, #c9a45c 360deg ); /* فقط Border */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; opacity: 0; pointer-events: none; z-index: 50; } /* ========================================= DESKTOP Hover روی کل بخش ========================================= */ @media (min-width: 769px) { .elementor-9683 .elementor-element.elementor-element-5c637d0d:hover::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= MOBILE فعال شدن هنگام Scroll ========================================= */ @media (max-width: 768px) { .elementor-9683 .elementor-element.elementor-element-5c637d0d.azadi-section-active::before { opacity: 1; animation: azadiSectionBorder 3.5s linear infinite; } } /* ========================================= BORDER ANGLE ========================================= */ @property --azadi-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } /* ========================================= حرکت نور روی لبه خود Container نمی‌چرخد ========================================= */ @keyframes azadiSectionBorder { from { --azadi-border-angle: 0deg; } to { --azadi-border-angle: 360deg; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a2ea29d */.elementor-9683 .elementor-element.elementor-element-a2ea29d .afzanegaristan { display: inline-flex; align-items: center; justify-content: flex-start; direction: rtl; gap: 8px; font-weight: 700; } .elementor-9683 .elementor-element.elementor-element-a2ea29d .afzanegaristan::before { content: "🗺️"; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0; transform-origin: center; animation: azadiEuropeMap 3s ease-in-out infinite; } @keyframes azadiEuropeMap { 0%, 100% { transform: translateY(0) rotate(0deg) scale(1); } 25% { transform: translateY(-3px) rotate(-5deg) scale(1.04); } 50% { transform: translateY(0) rotate(3deg) scale(1.08); } 75% { transform: translateY(-2px) rotate(-2deg) scale(1.03); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e853a22 */.elementor-9683 .elementor-element.elementor-element-e853a22 { position: relative; overflow: hidden; isolation: isolate; border-radius: 13px; background: #fff; padding: 5px; border: 1px solid rgba(198, 164, 92, 0.2); box-shadow: 0 4px 16px rgba(38, 62, 89, 0.06); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .elementor-9683 .elementor-element.elementor-element-e853a22:hover { transform: translateY(-5px); border-color: #c6a45c; box-shadow: 0 12px 28px rgba(38, 62, 89, 0.14); } /* تصویر داخل کارت */ .elementor-9683 .elementor-element.elementor-element-e853a22 img { display: block; width: 100%; border-radius: 9px; transition: transform 0.45s ease; } .elementor-9683 .elementor-element.elementor-element-e853a22:hover img { transform: scale(1.04); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8f87a3e */.elementor-9683 .elementor-element.elementor-element-8f87a3e { position: relative; overflow: hidden; isolation: isolate; border-radius: 13px; background: #fff; padding: 5px; border: 1px solid rgba(198, 164, 92, 0.2); box-shadow: 0 4px 16px rgba(38, 62, 89, 0.06); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .elementor-9683 .elementor-element.elementor-element-8f87a3e:hover { transform: translateY(-5px); border-color: #c6a45c; box-shadow: 0 12px 28px rgba(38, 62, 89, 0.14); } /* تصویر داخل کارت */ .elementor-9683 .elementor-element.elementor-element-8f87a3e img { display: block; width: 100%; border-radius: 9px; transition: transform 0.45s ease; } .elementor-9683 .elementor-element.elementor-element-8f87a3e:hover img { transform: scale(1.04); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eaa4b3a */.elementor-9683 .elementor-element.elementor-element-eaa4b3a { position: relative; overflow: hidden; isolation: isolate; border-radius: 13px; background: #fff; padding: 5px; border: 1px solid rgba(198, 164, 92, 0.2); box-shadow: 0 4px 16px rgba(38, 62, 89, 0.06); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .elementor-9683 .elementor-element.elementor-element-eaa4b3a:hover { transform: translateY(-5px); border-color: #c6a45c; box-shadow: 0 12px 28px rgba(38, 62, 89, 0.14); } /* تصویر داخل کارت */ .elementor-9683 .elementor-element.elementor-element-eaa4b3a img { display: block; width: 100%; border-radius: 9px; transition: transform 0.45s ease; } .elementor-9683 .elementor-element.elementor-element-eaa4b3a:hover img { transform: scale(1.04); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-cec703c */.elementor-9683 .elementor-element.elementor-element-cec703c { position: relative; overflow: hidden; isolation: isolate; border-radius: 13px; background: #fff; padding: 5px; border: 1px solid rgba(198, 164, 92, 0.2); box-shadow: 0 4px 16px rgba(38, 62, 89, 0.06); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .elementor-9683 .elementor-element.elementor-element-cec703c:hover { transform: translateY(-5px); border-color: #c6a45c; box-shadow: 0 12px 28px rgba(38, 62, 89, 0.14); } /* تصویر داخل کارت */ .elementor-9683 .elementor-element.elementor-element-cec703c img { display: block; width: 100%; border-radius: 9px; transition: transform 0.45s ease; } .elementor-9683 .elementor-element.elementor-element-cec703c:hover img { transform: scale(1.04); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-394b4fa */.elementor-9683 .elementor-element.elementor-element-394b4fa { position: relative; overflow: hidden; isolation: isolate; border-radius: 13px; background: #fff; padding: 5px; border: 1px solid rgba(198, 164, 92, 0.2); box-shadow: 0 4px 16px rgba(38, 62, 89, 0.06); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .elementor-9683 .elementor-element.elementor-element-394b4fa:hover { transform: translateY(-5px); border-color: #c6a45c; box-shadow: 0 12px 28px rgba(38, 62, 89, 0.14); } /* تصویر داخل کارت */ .elementor-9683 .elementor-element.elementor-element-394b4fa img { display: block; width: 100%; border-radius: 9px; transition: transform 0.45s ease; } .elementor-9683 .elementor-element.elementor-element-394b4fa:hover img { transform: scale(1.04); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b10fcdd */.elementor-9683 .elementor-element.elementor-element-b10fcdd { position: relative; overflow: hidden; isolation: isolate; border-radius: 13px; background: #fff; padding: 5px; border: 1px solid rgba(198, 164, 92, 0.2); box-shadow: 0 4px 16px rgba(38, 62, 89, 0.06); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .elementor-9683 .elementor-element.elementor-element-b10fcdd:hover { transform: translateY(-5px); border-color: #c6a45c; box-shadow: 0 12px 28px rgba(38, 62, 89, 0.14); } /* تصویر داخل کارت */ .elementor-9683 .elementor-element.elementor-element-b10fcdd img { display: block; width: 100%; border-radius: 9px; transition: transform 0.45s ease; } .elementor-9683 .elementor-element.elementor-element-b10fcdd:hover img { transform: scale(1.04); }/* End custom CSS */