.elementor-9403 .elementor-element.elementor-element-22638001{margin-top:10px;margin-bottom:10px;}.elementor-9403 .elementor-element.elementor-element-6858fd6 > .elementor-widget-container{background-color:#F0F0F0;margin:10px 0px 20px 0px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.17);}.elementor-9403 .elementor-element.elementor-element-6858fd6{text-align:center;}.elementor-9403 .elementor-element.elementor-element-6858fd6 .elementor-heading-title{font-size:22px;font-weight:900;color:#013D9D;}.elementor-9403 .elementor-element.elementor-element-1a04fda{--grid-row-gap:10px;--grid-column-gap:0px;}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-9403 .elementor-element.elementor-element-1a04fda:after{content:"0.66";}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-post__thumbnail__link{width:25%;}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}.elementor-9403 .elementor-element.elementor-element-1a04fda.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9403 .elementor-element.elementor-element-1a04fda.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9403 .elementor-element.elementor-element-1a04fda.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-post:hover .elementor-post__thumbnail img{filter:brightness( 135% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-post__title, .elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-post__title a{color:#013D9D;}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-post__title{margin-bottom:0px;}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-post__excerpt p{font-size:13px;font-weight:200;}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-post__excerpt{margin-bottom:0px;}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-pagination{text-align:center;font-weight:500;margin-top:30px;}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-pagination a.page-numbers:hover{color:#013D9D;}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-pagination .page-numbers.current{color:#013D9D;}body:not(.rtl) .elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 7px/2 );}body:not(.rtl) .elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 7px/2 );}body.rtl .elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 7px/2 );}body.rtl .elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 7px/2 );}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a li .inrtab{background-color:#008200;}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a li.active .inrtab{background-color:#013D9D;}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a > .elementor-widget-container{background-color:#E7E7E7;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a .tab-area li{padding:0px 0px;text-align:center;min-width:50%;}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a .nvleft .tab-area li{margin-left:-0px;}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a .nvright .tab-area li{margin-right:-0px;}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a .tab-area li .inrtab{border-radius:15px 10px 0px 0px;padding:8px 8px 8px 8px;}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a .inrtab{font-size:13px;font-weight:600;}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a .inrtab .tbicon{padding:3px 3px 3px 3px;}.elementor-9403 .elementor-element.elementor-element-1a0fdf2a .tabs_item{padding:13px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9403 .elementor-element.elementor-element-d0f1832 > .elementor-widget-container{border-style:solid;border-width:0px 0px 3px 0px;border-color:#013D9D;}.elementor-9403 .elementor-element.elementor-element-d0f1832 .elementor-heading-title{font-weight:600;color:#FFFFFF;}@media(max-width:767px){.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9403 .elementor-element.elementor-element-1a04fda:after{content:"0.5";}.elementor-9403 .elementor-element.elementor-element-1a04fda .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-9403 .elementor-element.elementor-element-10224bd4{width:59.524%;}.elementor-9403 .elementor-element.elementor-element-16274a08{width:40.431%;}}/* Start custom CSS for xltab1, class: .elementor-element-1a0fdf2a *//* ========================================================= AZADI INSTITUTE POPULAR TAB PREMIUM STYLE ========================================================= */ /* --------------------------------------------------------- تب پربازدیدترین‌ها --------------------------------------------------------- */ .elementor-9403 .elementor-element.elementor-element-1a0fdf2a li:first-child .inrtab { position: relative !important; overflow: hidden !important; background: linear-gradient( 135deg, #013d9d 0%, #0753b8 100% ) !important; color: #ffffff !important; border-radius: 10px 10px 0 0 !important; border-bottom: 2px solid #c9a45c !important; box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important; transition: background 0.35s ease, box-shadow 0.35s ease !important; } /* --------------------------------------------------------- متن --------------------------------------------------------- */ .elementor-9403 .elementor-element.elementor-element-1a0fdf2a li:first-child .inrtab span { position: relative !important; color: #ffffff !important; font-weight: 700 !important; z-index: 5 !important; } /* --------------------------------------------------------- آیکن واقعی Font Awesome --------------------------------------------------------- */ .elementor-9403 .elementor-element.elementor-element-1a0fdf2a li:first-child .inrtab .tbicon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 25px !important; height: 25px !important; margin-left: 6px !important; color: #fff0a8 !important; font-size: 15px !important; border: 1px solid rgba(255,240,168,0.65) !important; border-radius: 50% !important; background: rgba(201,164,92,0.12) !important; box-shadow: 0 0 0 3px rgba(201,164,92,0.06), 0 0 10px rgba(201,164,92,0.15) !important; z-index: 5 !important; animation: azadiPopularIcon 2.8s ease-in-out infinite !important; } /* --------------------------------------------------------- حرکت بسیار ظریف آیکن --------------------------------------------------------- */ @keyframes azadiPopularIcon { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.08); } } /* --------------------------------------------------------- نور طلایی عبوری --------------------------------------------------------- */ .elementor-9403 .elementor-element.elementor-element-1a0fdf2a li:first-child .inrtab::after { content: "" !important; position: absolute !important; top: -20% !important; left: -35% !important; width: 22% !important; height: 140% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.08) 30%, rgba(255,241,168,0.45) 50%, rgba(255,255,255,0.08) 70%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 4 !important; animation: azadiPopularSweep 5s ease-in-out infinite !important; } /* --------------------------------------------------------- حرکت نور --------------------------------------------------------- */ @keyframes azadiPopularSweep { 0% { left: -35%; opacity: 0; } 15% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { left: 120%; opacity: 0; } } /* --------------------------------------------------------- Hover --------------------------------------------------------- */ .elementor-9403 .elementor-element.elementor-element-1a0fdf2a li:first-child .inrtab:hover { background: linear-gradient( 135deg, #0648aa 0%, #0864c8 100% ) !important; box-shadow: 0 4px 14px rgba(0,0,0,0.18), 0 0 12px rgba(201,164,92,0.15) !important; } /* ========================================================= AZADI INSTITUTE HOT / TRENDING TAB PREMIUM STYLE ========================================================= */ /* --------------------------------------------------------- تب داغ‌ترین‌ها --------------------------------------------------------- */ .elementor-9403 .elementor-element.elementor-element-1a0fdf2a li:nth-child(2) .inrtab { position: relative !important; overflow: hidden !important; background: linear-gradient( 135deg, #008f00 0%, #00a800 100% ) !important; color: #ffffff !important; border-radius: 10px 10px 0 0 !important; border-bottom: 2px solid #c9a45c !important; box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important; transition: background 0.35s ease, box-shadow 0.35s ease !important; } /* --------------------------------------------------------- متن داغ‌ترین‌ها --------------------------------------------------------- */ .elementor-9403 .elementor-element.elementor-element-1a0fdf2a li:nth-child(2) .inrtab span { position: relative !important; color: #ffffff !important; font-weight: 700 !important; z-index: 5 !important; } /* ========================================================= آیکن داغ‌ترین‌ها ========================================================= */ .elementor-9403 .elementor-element.elementor-element-1a0fdf2a li:nth-child(2) .inrtab .tbicon { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 25px !important; height: 25px !important; margin-left: 6px !important; color: #fff0a8 !important; font-size: 15px !important; border: 1px solid rgba(255,240,168,0.65) !important; border-radius: 50% !important; background: rgba(201,164,92,0.12) !important; box-shadow: 0 0 0 3px rgba(201,164,92,0.06), 0 0 10px rgba(201,164,92,0.15) !important; z-index: 5 !important; animation: azadiHotIcon 2.4s ease-in-out infinite !important; } /* ========================================================= حرکت آیکن ========================================================= */ @keyframes azadiHotIcon { 0%, 100% { transform: translateY(0) scale(1); } 45% { transform: translateY(-2px) scale(1.08); } 55% { transform: translateY(0) scale(1.03); } } /* ========================================================= نور طلایی عبوری ========================================================= */ .elementor-9403 .elementor-element.elementor-element-1a0fdf2a li:nth-child(2) .inrtab::after { content: "" !important; position: absolute !important; top: -20% !important; left: -35% !important; width: 22% !important; height: 140% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.08) 30%, rgba(255,241,168,0.45) 50%, rgba(255,255,255,0.08) 70%, transparent 100% ) !important; transform: skewX(-20deg) !important; pointer-events: none !important; z-index: 4 !important; animation: azadiHotSweep 4.5s ease-in-out infinite !important; } /* ========================================================= حرکت نور ========================================================= */ @keyframes azadiHotSweep { 0% { left: -35%; opacity: 0; } 15% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { left: 120%; opacity: 0; } } /* ========================================================= HOVER ========================================================= */ .elementor-9403 .elementor-element.elementor-element-1a0fdf2a li:nth-child(2) .inrtab:hover { background: linear-gradient( 135deg, #009900 0%, #00b500 100% ) !important; box-shadow: 0 4px 14px rgba(0,0,0,0.18), 0 0 12px rgba(201,164,92,0.15) !important; }/* End custom CSS */