.elementor-9298 .elementor-element.elementor-element-9f75e5e .jet-engine-swiper-pagination-wrapper { margin-top: 15px; } .zarin-more-info { display: inline-flex; align-items: center; gap: 6px; color: rgba(255, 255, 255, 0.7); cursor: pointer; transition: color 0.3s ease; font-size: 14px; font-family: inherit; } .zarin-more-info svg { transition: stroke 0.3s ease; } .zarin-more-info:hover { color: #FFD700; } html, body { overflow-x: clip !important; } .zarin-glow-box { position: relative; z-index: 1; } .zarin-glow-box > * { position: relative; z-index: 1; } .zarin-glow-yellow:after { content: ''; width: 300px; height: 250px; border-radius: 50%; background-color: #ffbb00; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index: -1; filter: blur(200px); opacity: 0.7; pointer-events: none; } .zarin-glow-green:after { content: ''; width: 300px; height: 250px; border-radius: 50%; background-color: #2ecc71; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index: -1; filter: blur(200px); opacity: 0.7; pointer-events: none; } .zarin-glow-red-center:after { content: ''; width: 300px; height: 150px; border-radius: 50%; background-color: red; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; filter: blur(200px); opacity: 0.7; pointer-events: none; } .zarin-glow-blue-grad:after { content: ''; width: 300px; height: 250px; border-radius: 50%; background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%); position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index: -1; filter: blur(200px); opacity: 0.7; pointer-events: none; } .zarin-glow-multi-spots:before { content: ''; width: 300px; height: 250px; border-radius: 50%; background-color: #00e676; position: absolute; top: 20%; right: 10%; transform: translate(50%, -50%); z-index: -1; filter: blur(200px); opacity: 0.7; pointer-events: none; } .zarin-glow-multi-spots:after { content: ''; width: 300px; height: 250px; border-radius: 50%; background-color: #ff3333; position: absolute; bottom: 10%; left: 10%; transform: translate(-50%, 50%); z-index: -1; filter: blur(200px); opacity: 0.7; pointer-events: none; } .zarin-glow-white-corners:before { content: ''; width: 300px; height: 300px; border-radius: 50%; background-color: #ffffff; position: absolute; top: 0; left: 0; transform: translate(-30%, -30%); z-index: -1; filter: blur(200px); opacity: 0.6; pointer-events: none; } .zarin-glow-white-corners:after { content: ''; width: 300px; height: 300px; border-radius: 50%; background-color: #ffffff; position: absolute; bottom: 0; right: 0; transform: translate(30%, 30%); z-index: -1; filter: blur(200px); opacity: 0.6; pointer-events: none; } .zarin-glow-white-yellow-corners:before { content: ''; width: 300px; height: 300px; border-radius: 50%; background-color: #ffffff; position: absolute; top: 0; left: 0; transform: translate(-30%, -30%); z-index: -1; filter: blur(200px); opacity: 0.6; pointer-events: none; } .zarin-glow-white-yellow-corners:after { content: ''; width: 300px; height: 300px; border-radius: 50%; background-color: #ffbb00; position: absolute; bottom: 0; right: 0; transform: translate(30%, 30%); z-index: -1; filter: blur(200px); opacity: 0.6; pointer-events: none; } .zarin-glow-tricolor:before { content: ""; position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; pointer-events: none; z-index: 0; background: radial-gradient(circle at 15% 50%, rgba(156, 39, 176, 0.8) 0%, transparent 45%), radial-gradient(circle at 50% 50%, rgba(255, 51, 51, 0.8) 0%, transparent 45%), radial-gradient(circle at 85% 50%, rgba(255, 187, 0, 0.8) 0%, transparent 45%); filter: blur(120px); opacity: 0.7; } .elementor-9298 .elementor-element.elementor-element-12f30df { backdrop-filter: blur(16px); } .elementor-9298 .elementor-element.elementor-element-b498443 { backdrop-filter: blur(16px); } .elementor-9298 .elementor-element.elementor-element-16e87db > .elementor-widget-container { backdrop-filter: blur(16px); } .elementor-9298 .elementor-element.elementor-element-ae84674 > .elementor-widget-container { backdrop-filter: blur(16px); } .portfolio-hover-scroll { height: 380px; overflow: hidden; border-radius: 12px; transform: translateZ(0); } .portfolio-hover-scroll img { width: 100%; display: block; border-radius: 12px; transition: transform 2.5s ease; } .portfolio-hover-scroll:hover img { transition: transform 5s ease; transform: translateY(calc(-100% + 350px)) !important; } .elementor-9312 .elementor-element.elementor-element-ecf5169 .elementor-heading-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .zarin-seo-exclusive-text h2, .zarin-seo-exclusive-text h3 { font-size: 20px !important; color: #ffffff !important; border-right: 3px solid #FFB900 !important; padding-right: 12px !important; margin-top: 25px !important; margin-bottom: 15px !important; line-height: 1.6 !important; font-weight: bold !important; display: block !important; text-align: right; } .zarin-seo-exclusive-text p { font-size: 15px !important; color: #E9E9E9 !important; line-height: 1.8 !important; text-align: justify !important; margin-bottom: 15px !important; } .zarin-seo-exclusive-text ul { padding-right: 20px !important; list-style-type: disc !important; } .zarin-seo-exclusive-text ul li { font-size: 15px !important; color: #E9E9E9 !important; line-height: 1.8 !important; margin-bottom: 10px !important; } .zarin-seo-exclusive-text ul li::marker { color: #FFB900 !important; } @media (max-width: 767px) { .zarin-seo-exclusive-text h2, .zarin-seo-exclusive-text h3 { font-size: 18px !important; padding-right: 10px !important; } .zarin-seo-exclusive-text p, .zarin-seo-exclusive-text ul li { font-size: 14px !important; } }