.elementor-9686 .elementor-element.elementor-element-64728a05:not(.elementor-motion-effects-element-type-background), .elementor-9686 .elementor-element.elementor-element-64728a05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://azadiinstitute.com/wp-content/uploads/2024/02/Afzoneha.com_headerOverlay.png");background-position:center center;background-repeat:no-repeat;}.elementor-9686 .elementor-element.elementor-element-64728a05{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:3px;padding:10px 0px 45px 0px;z-index:9999;}.elementor-9686 .elementor-element.elementor-element-64728a05 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-9686 .elementor-element.elementor-element-5fc94f26.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9686 .elementor-element.elementor-element-5fc94f26.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9686 .elementor-element.elementor-element-6c82b09a > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-9686 .elementor-element.elementor-element-6c82b09a > .elementor-widget-container{transition:background 0s;border-radius:0px 0px 0px 0px;}.elementor-9686 .elementor-element.elementor-element-6c82b09a:hover > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li> a{font-size:15px;word-spacing:0px;color:var( --e-global-color-secondary );}.elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li > a i{color:var( --e-global-color-secondary );}.elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li> .caret:before{background-color:var( --e-global-color-secondary );}.elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li> a:hover, .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li > a:focus, .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li.active > a{background-color:#008200;}.elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li> a:hover, .elementor-9686 .elementor-element.elementor-element-6c82b09a .gooya-element-nav-menu .elementor-nav-menu--main >ul > li:hover> a >.caret, .elementor-9686 .elementor-element.elementor-element-6c82b09a .gooya-element-nav-menu .elementor-nav-menu--main >ul > li:focus> a >.caret, .elementor-9686 .elementor-element.elementor-element-6c82b09a .gooya-element-nav-menu .elementor-nav-menu--main >ul > li.current-menu-parent > a >.caret, .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li> a:hover i, .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li> a:focus i, .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li> a.active i, .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li > a:focus, .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li.current-menu-parent > a, .elementor-9686 .elementor-element.elementor-element-6c82b09a .gooya-element-nav-menu .elementor-nav-menu--main >ul > li.current-menu-item > a, .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li.current_page_item > a, .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li.current_page_parent > a{color:#FFFFFF !important;}.elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main >ul > li> a:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main .elementor-item{padding:5px 5px 5px 5px;margin:3px 3px 3px 3px;}.elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main .dropdown-menu .elementor-item{padding:0;margin:0;}.elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main > .megamenu > li:first-child >.elementor-item, .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main > .megamenu > li:first-child >.elementor-item + .sub-menu {margin-left:0;left:0;}.rtl .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main > .megamenu > li:first-child >.elementor-item, .rtl .elementor-9686 .elementor-element.elementor-element-6c82b09a .elementor-nav-menu--main > .megamenu > li:first-child >.elementor-item + .sub-menu{margin-right:0;right:0;}.elementor-9686 .elementor-element.elementor-element-6c82b09a .active-mega-menu .elementor-widget-wp-widget-nav_menu > .elementor-widget-container > h5{font-size:0px;}.elementor-9686 .elementor-element.elementor-element-8fab278{--divider-border-style:solid;--divider-color:#9C9C9C;--divider-border-width:1px;}.elementor-9686 .elementor-element.elementor-element-8fab278 .elementor-divider-separator{width:100%;}.elementor-9686 .elementor-element.elementor-element-8fab278 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9686 .elementor-element.elementor-element-bb6ce67 img{width:60%;}.elementor-bc-flex-widget .elementor-9686 .elementor-element.elementor-element-7447b233.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9686 .elementor-element.elementor-element-7447b233.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9686 .elementor-element.elementor-element-3118c40{text-align:center;}.elementor-9686 .elementor-element.elementor-element-3118c40 .elementor-heading-title{font-size:13px;font-weight:300;}.elementor-9686 .elementor-element.elementor-element-65d130eb .button-search i{font-size:14px !important;}.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .gooya-search, .elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .select-category, .elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .select-category > select{height:38px;}.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .select-category,.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-search:not(.icon), .elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-preloader,.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-search:not(.icon) i, .elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .SumoSelect, .elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .select-category .CaptionCont{line-height:38px;}.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .form-group .input-group{border-radius:15px 15px 15px 15px;}.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .select-category .CaptionCont{border-radius:15px 0 0 15px;}.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-group,.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-search:not(.icon){border-radius:0 15px 15px 0;}.rtl .elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-group, .rtl .elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-search:not(.icon){border-radius:15px 0 0 15px;}.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-search i, .elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-search .text, .elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-group:before{color:#FFFFFF;}.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-search,.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-group{background-color:#008200;}.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .button-search:hover{background-color:#276AE4;}.elementor-9686 .elementor-element.elementor-element-65d130eb .gooya-search-form .gooya-search{background:#F0F5F7;color:#420000;}.elementor-9686 .elementor-element.elementor-element-65d130eb .form-control::placeholder{color:#420000;}@media(min-width:768px){.elementor-9686 .elementor-element.elementor-element-24a56700{width:16.508%;}.elementor-9686 .elementor-element.elementor-element-5fc94f26{width:57.691%;}.elementor-9686 .elementor-element.elementor-element-7447b233{width:25.112%;}}/* Start custom CSS for image, class: .elementor-element-7a3ef56 *//* ========================================= AZADI INSTITUTE PREMIUM LOGO EFFECT GOLD PULSE + LIGHT FLASH NO ZOOM NO ROTATION NO EFFECT OUTSIDE LOGO ========================================= */ /* کانتینر لوگو */ .elementor-9686 .elementor-element.elementor-element-7a3ef56 { position: relative; display: inline-block; } /* ========================================= خود لوگو ========================================= */ .elementor-9686 .elementor-element.elementor-element-7a3ef56 img { display: block; transform: none !important; transition: filter 0.4s ease; animation: azadiLogoGoldPulse 5.5s ease-in-out infinite; } /* ========================================= GOLD PULSE درخشش طلایی بسیار ظریف ========================================= */ @keyframes azadiLogoGoldPulse { 0%, 72% { filter: brightness(1) saturate(1) drop-shadow( 0 0 0 rgba(201,164,92,0) ); } 76% { filter: brightness(1.08) saturate(1.12) drop-shadow( 0 0 5px rgba(201,164,92,0.25) ); } 80% { filter: brightness(1.18) saturate(1.22) drop-shadow( 0 0 10px rgba(201,164,92,0.38) ); } 84% { filter: brightness(1.06) saturate(1.08) drop-shadow( 0 0 5px rgba(201,164,92,0.22) ); } 90% { filter: brightness(1) saturate(1) drop-shadow( 0 0 0 rgba(201,164,92,0) ); } 100% { filter: brightness(1) saturate(1) drop-shadow( 0 0 0 rgba(201,164,92,0) ); } } /* ========================================= HOVER ========================================= */ .elementor-9686 .elementor-element.elementor-element-7a3ef56:hover img { filter: brightness(1.12) saturate(1.15) drop-shadow( 0 0 9px rgba(201,164,92,0.35) ) !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-9686 .elementor-element.elementor-element-7a3ef56 img { animation: azadiLogoGoldPulse 6.5s ease-in-out infinite; } }/* End custom CSS */ /* Start custom CSS for gooya-nav-menu, class: .elementor-element-6c82b09a *//* ========================================================= AZADI INSTITUTE GOOYA MENU PREMIUM GOLD UNDERLINE FIXED POSITION + MOVING LIGHT ========================================================= */ /* --------------------------------------------------------- MENU LINK --------------------------------------------------------- */ .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li > a, .elementor-9686 .elementor-element.elementor-element-6c82b09a .menu > li > a { color: #555 !important; transition: color 0.35s ease !important; } /* --------------------------------------------------------- MENU TITLE --------------------------------------------------------- */ .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li > a .menu-title, .elementor-9686 .elementor-element.elementor-element-6c82b09a .menu > li > a .menu-title { color: inherit !important; transition: color 0.35s ease !important; } /* --------------------------------------------------------- HOVER COLOR --------------------------------------------------------- */ .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li:hover > a, .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li:hover > a .menu-title { color: #c9a45c !important; } /* --------------------------------------------------------- ACTIVE PAGE COLOR --------------------------------------------------------- */ .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li.current-menu-item > a, .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li.current-menu-item > a .menu-title { color: #c9a45c !important; } /* ========================================================= GOLD LINE روی خود LI ========================================================= */ .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li { position: relative !important; } /* --------------------------------------------------------- BASE LINE --------------------------------------------------------- */ .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li::after { content: "" !important; position: absolute !important; left: 12% !important; right: 12% !important; bottom: -5px !important; height: 2px !important; background: rgba(201,164,92,0.35) !important; border-radius: 20px !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.35s ease !important; } /* ========================================================= MOVING LIGHT ========================================================= */ .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li::before { content: "" !important; position: absolute !important; left: 12% !important; bottom: -6px !important; width: 22% !important; height: 4px !important; border-radius: 20px !important; background: linear-gradient( 90deg, transparent 0%, rgba(201,164,92,0.25) 20%, #c9a45c 40%, #fff3b0 50%, #c9a45c 60%, rgba(201,164,92,0.25) 80%, transparent 100% ) !important; opacity: 0 !important; pointer-events: none !important; z-index: 20 !important; } /* ========================================================= HOVER ========================================================= */ .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li:hover::after { opacity: 1 !important; } .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li:hover::before { opacity: 1 !important; animation: azadiGoldMenuLight 2.8s linear infinite !important; } /* ========================================================= ACTIVE PAGE ========================================================= */ .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li.current-menu-item::after { opacity: 1 !important; } .elementor-9686 .elementor-element.elementor-element-6c82b09a ul.menu > li.current-menu-item::before { opacity: 1 !important; animation: azadiGoldMenuLight 4s linear infinite !important; } /* ========================================================= MOVING LIGHT ========================================================= */ @keyframes azadiGoldMenuLight { 0% { transform: translateX(0); } 50% { transform: translateX(280%); } 100% { transform: translateX(0); } }/* End custom CSS */ /* Start custom CSS for gooya-search-form, class: .elementor-element-65d130eb */.elementor-9686 .elementor-element.elementor-element-65d130eb input.gooya-search::placeholder { color: #777 !important; opacity: 1 !important; transition: opacity .2s ease; } .elementor-9686 .elementor-element.elementor-element-65d130eb input.gooya-search { direction: rtl !important; text-align: right !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-64728a05 *//* ========================================= AZADI INSTITUTE HOMEPAGE HEADER PREMIUM GOLD LINE ========================================= */ .elementor-9686 .elementor-element.elementor-element-64728a05 { position: relative; overflow: hidden; } /* خط طلایی پایین هدر */ .elementor-9686 .elementor-element.elementor-element-64728a05::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient( 90deg, transparent 0%, rgba(201,164,92,0.15) 20%, #c9a45c 45%, #fff1a8 50%, #c9a45c 55%, rgba(201,164,92,0.15) 80%, transparent 100% ); background-size: 250% 100%; animation: azadiHeaderGold 6s linear infinite; pointer-events: none; z-index: 50; } @keyframes azadiHeaderGold { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } }/* End custom CSS */