Help
RSS
API
Feed
Maltego
Contact
Domain > altaqany.sa
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-02-13
154.41.249.1
(
ClassC
)
2024-03-27
77.37.53.209
(
ClassC
)
2025-02-19
148.135.128.229
(
ClassC
)
2026-01-29
162.254.39.228
(
ClassC
)
Port 80
HTTP/1.1 301 Moved Permanentlykeep-alive: timeout5, max100content-type: text/htmlcontent-length: 795date: Thu, 29 Jan 2026 02:56:13 GMTserver: LiteSpeedlocation: https://altaqany.sa/x-turbo-charged-by: LiteSpeed !DOCTYPE html>html styleheight:100%>head>meta nameviewport contentwidthdevice-width, initial-scale1, shrink-to-fitno />title> 301 Moved Permanently/title>style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}/style>/head>body stylecolor: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;>div styleheight:auto; min-height:100%; > div styletext-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;> h1 stylemargin:0; font-size:150px; line-height:150px; font-weight:bold;>301/h1>h2 stylemargin-top:20px;font-size: 30px;>Moved Permanently/h2>p>The document has been permanently moved./p>/div>/div>/body>/html>
Port 443
HTTP/1.1 200 OKkeep-alive: timeout5, max100x-powered-by: PHP/8.1.33content-type: text/html; charsetUTF-8link: https://altaqany.sa/wp-json/>; relhttps://api.w.org/link: https://altaqany.sa/wp-json/wp/v2/pages/10>; relalternate; titleJSON; typeapplication/jsonlink: https://altaqany.sa/>; relshortlinktransfer-encoding: chunkeddate: Thu, 29 Jan 2026 02:56:13 GMTserver: LiteSpeedx-robots-tag: nosnippetx-frame-options: SAMEORIGINx-content-type-options: nosniffx-xss-protection: 1; modeblockx-turbo-charged-by: LiteSpeed !DOCTYPE html>html dirrtl langar>head> !-- Basic Meta Tags --> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> !-- Google Tag Manager --> script>(function(w,d,s,l,i){wlwl||;wl.push({gtm.start: new Date().getTime(),event:gtm.js});var fd.getElementsByTagName(s)0, jd.createElement(s),dll!dataLayer?&l+l:;j.asynctrue;j.src https://www.googletagmanager.com/gtm.js?id+i+dl;f.parentNode.insertBefore(j,f); })(window,document,script,dataLayer,GTM-T5C8MV36);/script> !-- End Google Tag Manager --> !-- TikTok Pixel Code Start --> script> !function (w, d, t) { w.TiktokAnalyticsObjectt;var ttqwtwt||;ttq.methodspage,track,identify,instances,debug,on,off,once,ready,alias,group,enableCookie,disableCookie,holdConsent,revokeConsent,grantConsent,ttq.setAndDeferfunction(t,e){tefunction(){t.push(e.concat(Array.prototype.slice.call(arguments,0)))}};for(var i0;ittq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methodsi);ttq.instancefunction(t){for( var ettq._it||,n0;nttq.methods.length;n++)ttq.setAndDefer(e,ttq.methodsn);return e},ttq.loadfunction(e,n){var rhttps://analytics.tiktok.com/i18n/pixel/events.js,on&&n.partner;ttq._ittq._i||{},ttq._ie,ttq._ie._ur,ttq._tttq._t||{},ttq._te+new Date,ttq._ottq._o||{},ttq._oen||{};ndocument.createElement(script) ;n.typetext/javascript,n.async!0,n.srcr+?sdkid+e+&lib+t;edocument.getElementsByTagName(script)0;e.parentNode.insertBefore(n,e)}; ttq.load(CLH63RBC77U0GRKV7L10); ttq.page(); }(window, document, ttq); /script> !-- TikTok Pixel Code End --> !-- Snapchat Pixel --> script typetext/javascript> (function(e,t,n){if(e.snaptr)return;var ae.snaptrfunction() {a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)}; a.queue;var sscript;rt.createElement(s);r.async!0; r.srcn;var ut.getElementsByTagName(s)0; u.parentNode.insertBefore(r,u);})(window,document, https://sc-static.net/scevent.min.js); snaptr(init, 7d6b4901-2a4f-4a52-8e6a-6519e6d3f4c9, { user_email: __INSERT_USER_EMAIL__ }); snaptr(track, PAGE_VIEW); /script> !-- Google tag (gtag.js) --> script async srchttps://www.googletagmanager.com/gtag/js?idG-1SFP9M15H6>/script> script> window.dataLayer window.dataLayer || ; function gtag(){dataLayer.push(arguments);} gtag(js, new Date()); gtag(config, G-1SFP9M15H6); /script> !-- Event snippet for Get directions conversion page --> script> gtag(event, conversion, {send_to: AW-16467152739/NT4jCIjB6ZgZEOOek6w9}); /script> !-- Event snippet for phone call conversion page --> script> function gtag_report_conversion(url) { var callback function () { if (typeof(url) ! undefined) { window.location url; } }; gtag(event, conversion, { send_to: AW-16467152739/AvjOCNnh8JgZEOOek6w9, event_callback: callback }); return false; } /script> title>التقني الحديث للتسويق الإلكتروني – خدمات التسويق الإلكتروني وحلول التقنية المتكاملة/title>meta namerobots contentmax-image-preview:large /> style>img:is(sizesauto i, sizes^auto, i) { contain-intrinsic-size: 3000px 1500px }/style> !-- Preload Fonts --> link relpreload hrefhttps://altaqany.sa/wp-content/themes/altaqany/assets/fonts/NHC-Regular.ttf asfont typefont/ttf crossorigin> link relpreload hrefhttps://altaqany.sa/wp-content/themes/altaqany/assets/fonts/NHC-Bold.ttf asfont typefont/ttf crossorigin> !-- DNS Prefetch --> link reldns-prefetch href//cdn.jsdelivr.net> link reldns-prefetch href//fonts.googleapis.com> !-- Preconnect --> link relpreconnect hrefhttps://cdn.jsdelivr.net crossorigin> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> !-- Google tag (gtag.js) consent mode dataLayer added by Site Kit -->script idgoogle_gtagjs-js-consent-mode-data-layer>window.dataLayer window.dataLayer || ;function gtag(){dataLayer.push(arguments);}gtag(consent, default, {ad_personalization:denied,ad_storage:denied,ad_user_data:denied,analytics_storage:denied,functionality_storage:denied,security_storage:denied,personalization_storage:denied,region:AT,BE,BG,CH,CY,CZ,DE,DK,EE,ES,FI,FR,GB,GR,HR,HU,IE,IS,IT,LI,LT,LU,LV,MT,NL,NO,PL,PT,RO,SE,SI,SK,wait_for_update:500});window._googlesitekitConsentCategoryMap {statistics:analytics_storage,marketing:ad_storage,ad_user_data,ad_personalization,functional:functionality_storage,security_storage,preferences:personalization_storage};window._googlesitekitConsents {ad_personalization:denied,ad_storage:denied,ad_user_data:denied,analytics_storage:denied,functionality_storage:denied,security_storage:denied,personalization_storage:denied,region:AT,BE,BG,CH,CY,CZ,DE,DK,EE,ES,FI,FR,GB,GR,HR,HU,IE,IS,IT,LI,LT,LU,LV,MT,NL,NO,PL,PT,RO,SE,SI,SK,wait_for_update:500};/script>!-- End Google tag (gtag.js) consent mode dataLayer added by Site Kit -->link reldns-prefetch href//cdn.tamara.co />link reldns-prefetch href//www.googletagmanager.com />link reldns-prefetch href//cdn.jsdelivr.net />link reldns-prefetch href//pagead2.googlesyndication.com />link relalternate typeapplication/rss+xml titleالتقني الحديث للتسويق الإلكتروني « الخلاصة hrefhttps://altaqany.sa/feed/ />link relalternate typeapplication/rss+xml titleالتقني الحديث للتسويق الإلكتروني « خلاصة التعليقات hrefhttps://altaqany.sa/comments/feed/ />style idclassic-theme-styles-inline-css>/*! This file is auto-generated */.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}/style>style idglobal-styles-inline-css>:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}/style>link relstylesheet idcontact-form-7-css hrefhttps://altaqany.sa/wp-content/plugins/contact-form-7/includes/css/styles.css?ver6.1.3 mediaall />link relstylesheet idcontact-form-7-rtl-css hrefhttps://altaqany.sa/wp-content/plugins/contact-form-7/includes/css/styles-rtl.css?ver6.1.3 mediaall />style idwoocommerce-inline-inline-css>.woocommerce form .form-row .required { visibility: visible; }/style>link relstylesheet idbrands-styles-css hrefhttps://altaqany.sa/wp-content/plugins/woocommerce/assets/css/brands.css?ver10.3.7 mediaall />link relstylesheet idaltaqanytheme-style-css hrefhttps://altaqany.sa/wp-content/themes/altaqany/style.css?ver1769655373 mediaall />link relstylesheet idaltaqanytheme-fonts-css hrefhttps://altaqany.sa/wp-content/themes/altaqany/assets/css/fonts.css?ver1769655373 mediaall />link relstylesheet idbootstrap-icons-css hrefhttps://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css?ver1.11.3 mediaall />link relstylesheet idaltaqanytheme-blog-global-css hrefhttps://altaqany.sa/wp-content/themes/altaqany/blog-global-styles.css?ver1769655373 mediaall />link relstylesheet idaltaqanytheme-rtl-css hrefhttps://altaqany.sa/wp-content/themes/altaqany/rtl.css?ver1769655373 mediaall />link relstylesheet idtamara-checkout-css hrefhttps://altaqany.sa/wp-content/plugins/tamara-checkout/assets/dist/css/main.css?ver1.9.9.11&1769655373 mediaall />link relstylesheet idelementor-frontend-css hrefhttps://altaqany.sa/wp-content/plugins/elementor/assets/css/frontend.min.css?ver3.34.1 mediaall />link relstylesheet idelementor-post-5-css hrefhttps://altaqany.sa/wp-content/uploads/elementor/css/post-5.css?ver1769497923 mediaall />link relstylesheet idelementor-post-10-css hrefhttps://altaqany.sa/wp-content/uploads/elementor/css/post-10.css?ver1769497930 mediaall />script srchttps://altaqany.sa/wp-includes/js/jquery/jquery.min.js?ver3.7.1 idjquery-core-js>/script>script srchttps://altaqany.sa/wp-includes/js/jquery/jquery-migrate.min.js?ver3.4.1 idjquery-migrate-js>/script>script srchttps://altaqany.sa/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver2.7.0-wc.10.3.7 idwc-jquery-blockui-js defer data-wp-strategydefer>/script>script srchttps://altaqany.sa/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver2.1.4-wc.10.3.7 idwc-js-cookie-js defer data-wp-strategydefer>/script>script idwoocommerce-js-extra>var woocommerce_params {ajax_url:\/wp-admin\/admin-ajax.php,wc_ajax_url:\/?wc-ajax%%endpoint%%,i18n_password_show:\u0639\u0631\u0636 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631,i18n_password_hide:\u0625\u062e\u0641\u0627\u0621 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631};/script>script srchttps://altaqany.sa/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver10.3.7 idwoocommerce-js defer data-wp-strategydefer>/script>!-- Google tag (gtag.js) snippet added by Site Kit -->!-- Google Analytics snippet added by Site Kit -->script srchttps://www.googletagmanager.com/gtag/js?idGT-NFXG59X idgoogle_gtagjs-js async>/script>script idgoogle_gtagjs-js-after>window.dataLayer window.dataLayer || ;function gtag(){dataLayer.push(arguments);}gtag(set,linker,{domains:altaqany.sa});gtag(js, new Date());gtag(set, developer_id.dZTNiMT, true);gtag(config, GT-NFXG59X, {googlesitekit_post_type:page});/script>link relhttps://api.w.org/ hrefhttps://altaqany.sa/wp-json/ />link relalternate titleJSON typeapplication/json hrefhttps://altaqany.sa/wp-json/wp/v2/pages/10 />link relcanonical hrefhttps://altaqany.sa/ />link relalternate titleoEmbed (JSON) typeapplication/json+oembed hrefhttps://altaqany.sa/wp-json/oembed/1.0/embed?urlhttps%3A%2F%2Faltaqany.sa%2F />link relalternate titleoEmbed (XML) typetext/xml+oembed hrefhttps://altaqany.sa/wp-json/oembed/1.0/embed?urlhttps%3A%2F%2Faltaqany.sa%2F&formatxml />meta namegenerator contentSite Kit by Google 1.171.0 /> style typetext/css> .saudi-riyal-symbol { display: inline-block; width: 0.8em; height: 0.9em; background-image: url(https://altaqany.sa/wp-content/plugins/saudi-riyal-symbol-master/assets/saudi-riyal-symbol.svg); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; margin-right: 0.15em; position: relative; top: -0.05em; } /style> script typeapplication/ld+json> { @context: https://schema.org, @type: Organization, name: التقني الحديث, alternateName: Altaqany, url: https://altaqany.sa, logo: https://altaqany.sa/wp-content/uploads/2024/07/شعار-التقني-الحديث-01.png, description: نبتكر حلولاً رقمية متكاملة لنجاح أعمالك - خدمات التجارة الإلكترونية، التسويق الرقمي، تصميم المواقع، والبرمجة في السعودية, slogan: نبتكر حلولاً رقمية متكاملة لنجاح أعمالك, foundingDate: 2020, contactPoint: { @type: ContactPoint, telephone: +966-562421588, contactType: Customer Service, areaServed: SA, availableLanguage: Arabic, English , contactOption: TollFree, email: info@altaqany.sa }, address: { @type: PostalAddress, streetAddress: حي القادسية, addressLocality: الرياض, addressRegion: الرياض, addressCountry: SA }, sameAs: https://instagram.com/altaqni_alhadith, https://www.snapchat.com/add/altaqany, https://www.tiktok.com/@altaqni_alhadith, https://wa.me/966562421588 , email: info@altaqany.sa, sales@altaqany.sa, pr@altaqany.sa , telephone: +966-562421588, +966-548155790, +966-545365583, +966-548563594 }, { @context: https://schema.org, @type: ProfessionalService, name: التقني الحديث, image: https://altaqany.sa/wp-content/uploads/2024/07/شعار-التقني-الحديث-01.png, url: https://altaqany.sa, telephone: +966-562421588, priceRange: SAR, address: { @type: PostalAddress, streetAddress: حي القادسية, addressLocality: الرياض, addressRegion: الرياض, postalCode: 11564, addressCountry: SA }, geo: { @type: GeoCoordinates, latitude: 24.7136, longitude: 46.6753 }, openingHoursSpecification: { @type: OpeningHoursSpecification, dayOfWeek: Sunday, Monday, Tuesday, Wednesday, Thursday , opens: 09:00, closes: 18:00 }, { @type: OpeningHoursSpecification, dayOfWeek: Saturday, opens: 10:00, closes: 15:00 } , areaServed: { @type: Country, name: Saudi Arabia }, hasOfferCatalog: { @type: OfferCatalog, name: خدمات التقني الحديث, itemListElement: { @type: OfferCatalog, name: التجارة الإلكترونية, itemListElement: { @type: Offer, itemOffered: { @type: Service, name: إنشاء متجر إلكتروني, description: تصميم وبرمجة متاجر إلكترونية احترافية } } }, { @type: OfferCatalog, name: التسويق الرقمي, itemListElement: { @type: Offer, itemOffered: { @type: Service, name: تحسين محركات البحث SEO, description: خدمات تحسين ترتيب الموقع في محركات البحث } }, { @type: Offer, itemOffered: { @type: Service, name: إدارة وسائل التواصل الاجتماعي, description: إدارة احترافية لحسابات السوشيال ميديا } } }, { @type: OfferCatalog, name: تصميم المواقع, itemListElement: { @type: Offer, itemOffered: { @type: Service, name: تصميم وتطوير المواقع, description: تصميم مواقع احترافية متجاوبة } } } } }, { @context: https://schema.org, @type: WebSite, name: التقني الحديث, url: https://altaqany.sa, potentialAction: { @type: SearchAction, target: { @type: EntryPoint, urlTemplate: https://altaqany.sa/?s{search_term_string} }, query-input: required namesearch_term_string } }/script>meta propertyog:title contentالرئيسية />meta propertyog:description content />meta propertyog:image contenthttps://altaqany.sa/wp-content/uploads/2023/12/لوجو-التقني-الحديث-01.webp />meta propertyog:url contenthttps://altaqany.sa/ />meta propertyog:type contentwebsite />meta propertyog:site_name contentالتقني الحديث />meta propertyog:locale contentar_SA />meta nametwitter:card contentsummary_large_image />meta nametwitter:title contentالرئيسية />meta nametwitter:description content />meta nametwitter:image contenthttps://altaqany.sa/wp-content/uploads/2023/12/لوجو-التقني-الحديث-01.webp />meta namerobots contentindex, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1 />link relcanonical hrefhttps://altaqany.sa/ /> noscript>style>.woocommerce-product-gallery{ opacity: 1 !important; }/style>/noscript> !-- Google AdSense meta tags added by Site Kit -->meta namegoogle-adsense-platform-account contentca-host-pub-2644536267352236>meta namegoogle-adsense-platform-domain contentsitekit.withgoogle.com>!-- End Google AdSense meta tags added by Site Kit -->meta namegenerator contentElementor 3.34.1; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap> meta namegenerator contentTamaraCheckout 1.9.9.11 /> script typetext/javascript> let tamaraCheckoutParams { ajaxUrl: https://altaqany.sa/wp-admin/admin-ajax.php, publicKey: 174aaef4-edaa-4feb-bbc7-14907a9ecd76, currency: SAR, country: SA, }; window.tamaraWidgetConfig { lang: ar, country: SA, publicKey: 174aaef4-edaa-4feb-bbc7-14907a9ecd76, }; /script> script typetext/javascript defer srchttps://cdn.tamara.co/widget-v2/tamara-widget.js>/script> style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } /style> !-- Google AdSense snippet added by Site Kit -->script async srchttps://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?clientca-pub-8073641736536847&hostca-host-pub-2644536267352236 crossoriginanonymous>/script>!-- End Google AdSense snippet added by Site Kit -->link relicon hrefhttps://altaqany.sa/wp-content/uploads/2024/02/لوجو-التقني-الحديث-01-01-04-50x50.png sizes32x32 />link relicon hrefhttps://altaqany.sa/wp-content/uploads/2024/02/لوجو-التقني-الحديث-01-01-04-300x300.png sizes192x192 />link relapple-touch-icon hrefhttps://altaqany.sa/wp-content/uploads/2024/02/لوجو-التقني-الحديث-01-01-04-300x300.png />meta namemsapplication-TileImage contenthttps://altaqany.sa/wp-content/uploads/2024/02/لوجو-التقني-الحديث-01-01-04-300x300.png /> !-- Primary Meta Tags --> meta nametitle contentالتقني الحديث للتسويق الإلكتروني | خدمات التسويق الإلكتروني وحلول التقنية المتكاملة> meta namedescription contentالتقني الحديث - خدمات متكاملة في البرمجة، التصميم، والتسويق الرقمي لتحقيق أهداف عملك بأسلوب احترافي ومبتكر.> !-- Open Graph / Facebook --> meta propertyog:type contentwebsite> meta propertyog:url contenthttps://altaqany.sa/> meta propertyog:title contentالتقني الحديث للتسويق الإلكتروني | خدمات التسويق الإلكتروني وحلول التقنية المتكاملة> meta propertyog:description contentالتقني الحديث - خدمات متكاملة في البرمجة، التصميم، والتسويق الرقمي لتحقيق أهداف عملك بأسلوب احترافي ومبتكر.> meta propertyog:image contenthttps://altaqany.sa/wp-content/uploads/2024/02/لوجو-التقني-الحديث-01-01-05.png> !-- Twitter --> meta propertytwitter:card contentsummary_large_image> meta propertytwitter:url contenthttps://altaqany.sa/> meta propertytwitter:title contentالتقني الحديث للتسويق الإلكتروني | خدمات التسويق الإلكتروني وحلول التقنية المتكاملة> meta propertytwitter:description contentالتقني الحديث - خدمات متكاملة في البرمجة، التصميم، والتسويق الرقمي لتحقيق أهداف عملك بأسلوب احترافي ومبتكر.> meta propertytwitter:image contenthttps://altaqany.sa/wp-content/uploads/2024/02/لوجو-التقني-الحديث-01-01-05.png> !-- Prevent Link Preview Issues --> meta namerobots contentmax-snippet:0> !-- Favicons --> link relicon typeimage/png hrefhttps://altaqany.sa/wp-content/uploads/2024/02/لوجو-التقني-الحديث-01-01-05.png> link relicon typeimage/png sizes32x32 hrefhttps://altaqany.sa/wp-content/uploads/2024/02/لوجو-التقني-الحديث-01-01-05.png> link relicon typeimage/png sizes16x16 hrefhttps://altaqany.sa/wp-content/uploads/2024/02/لوجو-التقني-الحديث-01-01-05.png> link relapple-touch-icon hrefhttps://altaqany.sa/wp-content/uploads/2024/02/لوجو-التقني-الحديث-01-01-05.png> !-- Preconnect to External Domains --> link relpreconnect hrefhttps://cdn.jsdelivr.net> link relpreconnect hrefhttps://cdnjs.cloudflare.com> !-- Preload Fonts --> link relpreload hrefhttps://altaqany.sa/wp-content/uploads/2024/05/NHC-Regular.ttf asfont typefont/ttf crossorigin> link relpreload hrefhttps://altaqany.sa/wp-content/uploads/2024/05/NHC-Bold.ttf asfont typefont/ttf crossorigin> !-- CSS Resources --> link hrefhttps://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css relstylesheet> link hrefhttps://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css relstylesheet> link hrefhttps://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css relstylesheet> link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css> script defer srchttps://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js>/script> script defer srchttps://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js>/script> !-- Additional Meta Tags --> meta nametheme-color content#8526F6> meta namemobile-web-app-capable contentyes> meta nameapple-mobile-web-app-capable contentyes> meta nameapple-mobile-web-app-status-bar-style contentdefault> style>/* Variables */:root { --primary: #003366; /* Matching footer dark blue */ --secondary: #a758da; /* Matching footer purple accent */ --white: #ffffff; --header-height: 100px; --menu-width: 300px; --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); --shadow-sm: 0 2px 8px rgba(0, 51, 102, 0.1); --shadow-lg: 0 4px 12px rgba(0, 51, 102, 0.15); --container-max-width: 1400px; --container-padding: 20px; --background: #f4f9fd; --text: #1e3a5f;}/* Font Face */@font-face { font-family: NHC; src: url(https://altaqany.sa/wp-content/uploads/2024/05/NHC-Regular.ttf) format(truetype); font-weight: normal; font-display: swap;}@font-face { font-family: NHC; src: url(https://altaqany.sa/wp-content/uploads/2024/05/NHC-Bold.ttf) format(truetype); font-weight: bold; font-display: swap;}/* Base Styles - THESE CANNOT BE SCOPED AS THEY AFFECT THE ENTIRE SITE */html { scroll-behavior: smooth;}body { font-family: NHC, sans-serif; direction: rtl; background: #f5f5f5; overflow-x: hidden; padding-top: 120px; /* Space for fixed header + extra margin */}/* Header */.header { position: fixed; top: 0; left: 0; right: 0; height: var(--header-height); background: var(--white); box-shadow: var(--shadow-sm); z-index: 100; transition: transform var(--transition);}.header__container { max-width: var(--container-max-width); height: 100%; margin: 0 auto; padding: 0 var(--container-padding); display: flex; align-items: center; justify-content: space-between; position: relative; gap: 30px;}/* Logo */.logo { height: 80px; display: flex; align-items: center; z-index: 102;}.logo img { height: 100%; width: auto; object-fit: contain;}/* 2030 Logo */.logo-2030 { height: 55px; display: flex; align-items: center; margin-left: 20px;}.logo-2030 img { height: 100%; width: auto; object-fit: contain;}/* Navigation */.nav { position: relative; flex: 1; display: flex; align-items: center; justify-content: center;}.nav__list { display: flex; gap: 40px; list-style: none; margin: 0; padding: 0;}.nav__link { color: var(--primary); text-decoration: none; font-weight: bold; font-size: 16px; transition: color var(--transition); padding: 8px 0; position: relative; display: block;}.nav__link:hover { color: var(--secondary);}.nav__link::after { content: ; position: absolute; bottom: 0; right: 0; width: 0; height: 2px; background: var(--secondary); transition: width var(--transition);}.nav__link:hover::after { width: 100%;}/* Affiliate Button */ color: #fff; background: linear-gradient(135deg, #a758da, #6c42eb); padding: 8px 16px; border-radius: 50px; font-weight: bold; text-decoration: none; display: flex; align-items: center; gap: 8px; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(108, 66, 235, 0.2); margin-left: 20px; /* Added margin for spacing */} transform: translateY(-3px); box-shadow: 0 6px 15px rgba(108, 66, 235, 0.3); color: #fff;} font-size: 1.1em;}/* Dropdown */.dropdown { position: relative;}.dropdown__content { position: absolute; top: 100%; right: 50%; transform: translateX(50%); background: var(--white); min-width: 250px; border-radius: 8px; box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; transition: all var(--transition); padding: 8px 0; margin-top: 15px;}.dropdown:hover .dropdown__content { opacity: 1; visibility: visible; margin-top: 5px;}.dropdown__link { color: var(--primary); text-decoration: none; padding: 10px 20px; display: block; transition: all var(--transition); font-size: 15px;}.dropdown__link:hover { background: rgba(99, 31, 193, 0.1); color: var(--secondary); padding-right: 25px;}/* Header Icons */.header-icons { display: flex; align-items: center; justify-content: center; gap: 15px; margin-left: 20px; margin-right: 20px;}.header-icon { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: rgba(99, 31, 193, 0.1); border-radius: 50%; color: var(--primary); transition: all 0.3s ease; text-decoration: none; position: relative;}.header-icon:hover { background: var(--primary); color: white; transform: translateY(-3px); box-shadow: 0 4px 12px rgba(99, 31, 193, 0.2);}.header-icon i { font-size: 1.5rem;}/* Cart count badge */.cart-count { position: absolute; top: -5px; right: -5px; background: var(--secondary); color: white; font-size: 12px; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold;}/* Contact Info */.contact-info { display: none; gap: 16px; margin-top: 30px;}.contact-info__link { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: rgba(99, 31, 193, 0.1); border-radius: 50%; transition: all 0.3s ease; color: var(--primary); text-decoration: none;}.contact-info__link:hover { transform: translateY(-3px); background: var(--primary); color: var(--white); box-shadow: 0 4px 12px rgba(99, 31, 193, 0.2);}.contact-info__link i { font-size: 1.25rem;}/* Menu Button */.menu-button { display: none; width: 30px; height: 22px; position: relative; cursor: pointer; z-index: 102; background: none; border: none; padding: 0;}.menu-button__line { position: absolute; width: 100%; height: 2px; background: var(--primary); transition: all var(--transition); right: 0;}.menu-button__line:nth-child(1) { top: 0; }.menu-button__line:nth-child(2) { top: 10px; width: 70%; }.menu-button__line:nth-child(3) { top: 20px; }.menu-button.active .menu-button__line:nth-child(1) { transform: rotate(45deg); top: 10px;}.menu-button.active .menu-button__line:nth-child(2) { opacity: 0; transform: translateX(10px);}.menu-button.active .menu-button__line:nth-child(3) { transform: rotate(-45deg); top: 10px;}/* Navigation Overlay */.nav-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(99, 31, 193, 0.5); opacity: 0; visibility: hidden; transition: all var(--transition); z-index: 99; backdrop-filter: blur(4px);}.nav-overlay.active { opacity: 1; visibility: visible;}body.menu-open { overflow: hidden;}/* Main Content Area */main { min-height: auto; /* or 100vh if you want a full screen layout */}/* Mobile Styles */@media (max-width: 1024px) { .menu-button { display: block; } .nav { position: fixed; top: 0; right: 0; width: var(--menu-width); height: 100vh; background: var(--white); flex-direction: column; padding: calc(var(--header-height) + 20px) 20px 40px; transform: translateX(100%); transition: transform var(--transition); box-shadow: var(--shadow-lg); z-index: 101; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; justify-content: flex-start; max-height: 100vh; } .nav.active { transform: translateX(0); } .nav__list { flex-direction: column; gap: 0; width: 100%; overflow: visible; } .nav__item { border-bottom: 1px solid rgba(99, 31, 193, 0.1); } .nav__link { padding: 15px 0; } .nav__link::after { display: none; } .dropdown__content { position: static; transform: none; box-shadow: none; opacity: 1; visibility: visible; display: none; padding: 0 15px; margin: 0; max-height: none; overflow: visible; } .dropdown.active .dropdown__content { display: block; } .dropdown__link { padding: 10px 15px; border-right: 2px solid var(--secondary); margin: 5px 0; } /* Fix for mobile footer icons in one line */ .mobile-icons-row { display: flex; align-items: center; width: 100%; gap: 12px; margin-top: 30px; padding: 5px 0; } .contact-info { display: flex; justify-content: flex-start; width: auto; margin: 0; gap: 12px; } .header-icons { display: flex; justify-content: flex-end; width: auto; margin: 0; gap: 12px; } .contact-info__link, .header-icon { width: 35px; height: 35px; min-width: 35px; min-height: 35px; } .contact-info__link i, .header-icon i { font-size: 1rem; } }}@media (max-width: 480px) { :root { --header-height: 80px; --container-padding: 16px; } .logo { height: 60px; } .logo-2030 { height: 40px; margin-left: 10px; } /* Make icons even smaller on very small screens */ .contact-info__link, .header-icon { width: 32px; height: 32px; min-width: 32px; min-height: 32px; } .contact-info__link i, .header-icon i { font-size: 0.9rem; } /* Reduce gap between icons on smaller screens */ .mobile-icons-row { gap: 8px; } .contact-info, .header-icons { gap: 8px; } main { margin-top: calc((var(--header-height) + 10px) * 0.5); }}/* Extra small screens */@media (max-width: 360px) { .contact-info__link, .header-icon { width: 30px; height: 30px; min-width: 30px; min-height: 30px; } .mobile-icons-row { gap: 6px; } .contact-info, .header-icons { gap: 6px; }} /style> /head>body classrtl home wp-singular page-template page-template-templates page-template-front-page page-template-templatesfront-page-php page page-id-10 wp-custom-logo wp-theme-altaqany theme-altaqany woocommerce-no-js rtl-site woocommerce-active elementor-default elementor-kit-5 elementor-page elementor-page-10>!-- Google Tag Manager (noscript) -->noscript>iframe srchttps://www.googletagmanager.com/ns.html?idGTM-T5C8MV36height0 width0 styledisplay:none;visibility:hidden>/iframe>/noscript>!-- End Google Tag Manager (noscript) -->!-- Header -->header classheader> div classheader__container> !-- Mobile Menu Button --> button classmenu-button aria-labelالقائمة> span classmenu-button__line>/span> span classmenu-button__line>/span> span classmenu-button__line>/span> /button> !-- Main Logo --> a hrefhttps://altaqany.sa/ classlogo> img srchttps://altaqany.sa/wp-content/uploads/2024/07/شعار-التقني-الحديث-01.png altالتقني الحديث> /a> nav classnav> ul classnav__list> li classnav__item> a hrefhttps://altaqany.sa/ classnav__link> i classbi bi-house-door>/i> الرئيسية /a> /li> li classnav__item dropdown> a href/services classnav__link> i classbi bi-grid-3x3-gap>/i> خدماتنا /a> div classdropdown__content> a hrefhttps://altaqany.sa/product-category/e-commerce/ classdropdown__link> i classbi bi-cart4>/i> التجارة الإلكترونية /a> a hrefhttps://altaqany.sa/product-category/software-services/ classdropdown__link> i classbi bi-code-slash>/i> البرمجة والتطوير /a> a hrefhttps://altaqany.sa/product-category/video-editing/ classdropdown__link> i classbi bi-camera-video>/i> خدمات الفيديو والصوت /a> a hrefhttps://altaqany.sa/product-category/graphic-design/ classdropdown__link> i classbi bi-palette>/i> خدمات التصميم /a> a hrefhttps://altaqany.sa/product-category/advertising-and-marketing/ classdropdown__link> i classbi bi-bullseye>/i> الإعلان والتسويق /a> a hrefhttps://altaqany.sa?orderbypopularity classdropdown__link> i classbi bi-stars>/i> الأكثر طلباً /a> /div> /li> li classnav__item dropdown> a href/packages classnav__link> i classbi bi-receipt>/i> الباقات /a> div classdropdown__content> a hrefhttps://altaqany.sa/packages/ecommerce/ classdropdown__link> i classbi bi-cart4>/i> التجارة الإلكترونية /a> a hrefhttps://altaqany.sa/packages/seo-packages/ classdropdown__link> i classbi bi-search>/i> تحسين محركات البحث /a> a hrefhttps://altaqany.sa/packages/social-media-management/ classdropdown__link> i classbi bi-instagram>/i> السوشيال ميديا /a> a hrefhttps://altaqany.sa/packages/website-dv/ classdropdown__link> i classbi bi-window-sidebar>/i> تطوير المواقع /a> a hrefhttps://altaqany.sa/packages/profile-company/ classdropdown__link> i classbi bi-file-earmark-person>/i> الملف التعريفي /a> a hrefhttps://altaqany.sa/packages/brand-identity/ classdropdown__link> i classbi bi-palette2>/i> الهوية البصرية /a> /div> /li> li classnav__item dropdown> a href/portfolio classnav__link target_self> i classbi bi-briefcase>/i> ملف الأعمال /a> div classdropdown__content> !-- Software (Portfolio Section) --> a hrefhttps://altaqany.sa/portfolio/programming/ classdropdown__link> i classbi bi-globe>/i> المواقع والمتاجر /a> !-- Design Section --> a hrefhttps://altaqany.sa/portfolio/graphic-design/ classdropdown__link> i classbi bi-palette>/i> التصميم الجرافيكي /a> !-- Voice Over Section --> a hrefhttps://altaqany.sa/portfolio/voice-over/ classdropdown__link> i classbi bi-megaphone>/i> الفويس اوفر /a> !-- SEO and Ads Section --> a hrefhttps://altaqany.sa/portfolio/seo-sales/ classdropdown__link> i classbi bi-search>/i> محركات البحث | SEO /a> /div> /li> li classnav__item> a hrefhttps://altaqany.sa/blog/ classnav__link> i classbi bi-newspaper>/i> المقالات /a> /li> li classnav__item> a hrefhttps://altaqany.sa/contact-us/ classnav__link> i classbi bi-envelope>/i> نموذج التواصل /a> /li> /ul> !-- All icons in one line for mobile --> div classmobile-icons-row> !-- Contact Info --> div classcontact-info> a hreftel:+966562421588 classcontact-info__link aria-labelاتصل بنا onclickreturn gtag_report_conversion(tel:+966562421588);> i classbi bi-telephone>/i> /a> a hrefmailto:info@altaqany.sa classcontact-info__link aria-labelراسلنا عبر البريد> i classbi bi-envelope>/i> /a> a hrefhttps://maps.app.goo.gl/rxNgNFabVe3uTPL6A classcontact-info__link target_blank relnoopener aria-labelموقعنا> i classbi bi-geo-alt>/i> /a> /div> !-- Header Icons --> div classheader-icons> !-- Cart icon --> a hrefhttps://altaqany.sa/cart/ classheader-icon aria-labelالسلة> i classbi bi-cart>/i> /a> !-- Account icon --> a hrefhttps://altaqany.sa/my-account/ classheader-icon aria-labelحسابي> i classbi bi-person>/i> /a> /div> /div> /nav> !-- 2030 Logo --> a href# classlogo-2030> img srchttps://altaqany.sa/wp-content/uploads/2024/12/logo2030-01.webp altرؤية 2030> /a> /div>/header>!-- Navigation Overlay -->div classnav-overlay>/div>script>document.addEventListener(DOMContentLoaded, () > { // Cache DOM elements const menuButton document.querySelector(.menu-button); const nav document.querySelector(.nav); const overlay document.querySelector(.nav-overlay); const dropdowns document.querySelectorAll(.dropdown); const body document.body; const header document.querySelector(.header); let lastScroll 0; // Toggle mobile menu function toggleMenu() { menuButton.classList.toggle(active); nav.classList.toggle(active); overlay.classList.toggle(active); body.classList.toggle(menu-open); } // Event listeners for menu menuButton.addEventListener(click, toggleMenu); overlay.addEventListener(click, toggleMenu); // Handle mobile dropdowns dropdowns.forEach(dropdown > { const link dropdown.querySelector(.nav__link); link.addEventListener(click, (e) > { if (window.innerWidth 1024) { e.preventDefault(); // Toggle the current dropdown const isActive dropdown.classList.contains(active); // Close other dropdowns dropdowns.forEach(d > { if (d ! dropdown) d.classList.remove(active); }); // Toggle this dropdown dropdown.classList.toggle(active); // If opened dropdown, scroll to make it visible if (!isActive) { // Give time for the dropdown to expand setTimeout(() > { // Calculate if dropdown needs to be scrolled into view const dropdownPos dropdown.getBoundingClientRect(); const navHeight nav.clientHeight; const headerHeight header.clientHeight; // If dropdown extends beyond visible area, scroll to it if (dropdownPos.bottom > window.innerHeight) { dropdown.scrollIntoView({ behavior: smooth, block: start }); } }, 100); } } }); }); // Prevent dropdown links from closing the menu document.querySelectorAll(.dropdown__link).forEach(link > { link.addEventListener(click, (e) > { e.stopPropagation(); }); }); // Handle scroll behavior let scrollTimer; window.addEventListener(scroll, () > { if (scrollTimer) { clearTimeout(scrollTimer); } scrollTimer setTimeout(() > { const currentScroll window.pageYOffset; // Ensure header opacity header.style.backgroundColor #ffffff; // Hide/show header based on scroll direction if (currentScroll > lastScroll && currentScroll > 100) { header.style.transform translateY(-100%); } else { header.style.transform translateY(0); } lastScroll currentScroll; }, 10); // Small delay for performance }); // Close menu on resize let resizeTimer; window.addEventListener(resize, () > { clearTimeout(resizeTimer); resizeTimer setTimeout(() > { if (window.innerWidth > 1024) { // Reset mobile menu menuButton.classList.remove(active); nav.classList.remove(active); overlay.classList.remove(active); body.classList.remove(menu-open); dropdowns.forEach(dropdown > dropdown.classList.remove(active)); } }, 250); }); // Close menu when clicking outside document.addEventListener(click, (e) > { if (window.innerWidth 1024 && !nav.contains(e.target) && !menuButton.contains(e.target)) { menuButton.classList.remove(active); nav.classList.remove(active); overlay.classList.remove(active); body.classList.remove(menu-open); } }); // Close dropdowns when clicking outside on desktop document.addEventListener(click, (e) > { if (window.innerWidth > 1024) { dropdowns.forEach(dropdown > { if (!dropdown.contains(e.target)) { dropdown.classList.remove(active); } }); } }); // Handle keyboard navigation document.addEventListener(keydown, (e) > { if (e.key Escape) { // Close mobile menu menuButton.classList.remove(active); nav.classList.remove(active); overlay.classList.remove(active); body.classList.remove(menu-open); // Close all dropdowns dropdowns.forEach(dropdown > dropdown.classList.remove(active)); } }); // Optional: Add touch swipe to close menu let touchStartX 0; let touchEndX 0; nav.addEventListener(touchstart, (e) > { touchStartX e.changedTouches0.screenX; }, false); nav.addEventListener(touchend, (e) > { touchEndX e.changedTouches0.screenX; if (touchEndX touchStartX) { // Swipe left menuButton.classList.remove(active); nav.classList.remove(active); overlay.classList.remove(active); body.classList.remove(menu-open); } }, false); // Ensure proper scrolling for dropdown content dropdowns.forEach(dropdown > { const content dropdown.querySelector(.dropdown__content); if (content) { content.addEventListener(click, (e) > { // Prevent event bubbling to avoid menu closing e.stopPropagation(); }); } }); // Make sure the mobile-icons-row is always the last child of nav function ensureIconsRow() { const nav document.querySelector(.nav); const iconsRow document.querySelector(.mobile-icons-row); if (nav && iconsRow) { nav.appendChild(iconsRow); } } // Call function on page load and after dropdown toggle ensureIconsRow(); dropdowns.forEach(dropdown > { dropdown.addEventListener(click, () > { setTimeout(ensureIconsRow, 150); }); });});/script>style>/* Global Styles */:root { --primary-color: #0a1761; --secondary-color: #6c42eb; --accent-color: #ff6b6b; --text-color: #333333; --light-color: #ffffff; --background-color: #f9f9f9; --shadow-sm: 0 2px 8px rgba(0, 51, 102, 0.1); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08); --shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.12); --radius-sm: 5px; --radius-md: 10px; --radius-lg: 20px; --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); --bg-start: rgba(5, 13, 54, 0.8); --bg-end: rgba(59, 36, 88, 0.9); --grid-color: rgba(255, 255, 255, 0.05); --primary: var(--primary-color); --secondary: var(--secondary-color); --text-dark: var(--text-color);}/* Updated Hero Section CSS with Centered Buttons */a { transition: all 0.3s ease !important; backface-visibility: hidden !important; transform: translateZ(0) !important; -webkit-font-smoothing: antialiased !important;}a:hover { text-decoration: none !important; /* Remove any transform or animation if they exist */ animation: none !important;}body { font-family: NHC, sans-serif; color: var(--text-color); line-height: 1.6; background-color: var(--background-color); direction: rtl;}/* Hero Section Styles - Mobile Optimized */.taq-hero { position: relative; min-height: 100vh; overflow: visible; /* Changed from hidden to visible for mobile */ display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f7f8ff 0%, #eef2ff 100%); padding: 0; z-index: 1;}/* Background Elements */.taq-hero__bg { position: absolute; inset: 0; z-index: -1;}/* Base styles for the targeted animation container */.taq-hero__targeted-animation { position: absolute; z-index: 3; display: flex; align-items: center; justify-content: center; overflow: visible; transform-origin: center center; /* Desktop sizing (25% larger) */ width: 112.5%; height: 112.5%; top: -5%; right: -6%;}/* Styles for the GIF image inside the container */.hero-gif-animation { width: 100%; height: 100%; object-fit: contain; transform-origin: center center; transition: transform 0.3s ease, opacity 0.5s ease; image-rendering: high-quality; /* Modern browsers */ image-rendering: optimizeQuality; /* Older browsers */ backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; /* Start hidden, JS will show when loaded */}/* Loading indicator styles */.gif-loading-indicator { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.05); z-index: 2;}.loading-spinner { width: 40px; height: 40px; border: 3px solid rgba(108, 66, 235, 0.1); border-top-color: #6c42eb; border-radius: 50%; animation: spin 1s linear infinite;}/* Animations */@keyframes spin { to { transform: rotate(360deg); }}@keyframes floatAnimation { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); }}/* Responsive breakpoints *//* Large desktop */@media (min-width: 1401px) { .taq-hero__targeted-animation { width: 112.5%; height: 112.5%; top: -5%; right: -6%; }}/* Medium desktop */@media (min-width: 1201px) and (max-width: 1400px) { .taq-hero__targeted-animation { width: 112.5%; height: 112.5%; top: -5%; right: -6%; }}/* Small desktop */@media (min-width: 993px) and (max-width: 1200px) { .taq-hero__targeted-animation { width: 112.5%; height: 112.5%; top: -5%; right: -6%; }}/* Large tablet */@media (min-width: 769px) and (max-width: 992px) { .taq-hero__targeted-animation { width: 95%; height: 95%; top: -3%; right: 2.5%; }}/* Special case for 1080x1920 portrait displays */@media (min-width: 1080px) and (max-height: 1920px) and (orientation: portrait), (min-height: 1080px) and (max-width: 1920px) and (orientation: portrait) { .taq-hero__targeted-animation { width: 100% !important; height: 100% !important; top: 0 !important; right: 0 !important; left: 0 !important; margin: 0 auto !important; } .hero-gif-animation { max-width: 90% !important; max-height: 90% !important; margin: 0 auto !important; }}/* Tablet and large mobile */@media (min-width: 481px) and (max-width: 768px) { .taq-hero__targeted-animation { width: 108%; height: 96%; top: -3%; right: -4%; /* Disable animations on smaller screens */ transform: none !important; animation: none !important; }}/* Portrait orientation for all tablet sizes */@media (min-width: 481px) and (max-width: 1200px) and (orientation: portrait) { .taq-hero__targeted-animation { width: 100% !important; height: 100% !important; top: 0 !important; right: 0 !important; left: 0 !important; margin: 0 auto !important; } .hero-gif-animation { max-width: 90% !important; max-height: 90% !important; margin: 0 auto !important; }}/* Mobile devices */@media (max-width: 480px) { .taq-hero__targeted-animation { width: 120%; height: 108%; top: -4%; right: -10%; /* Disable animations on mobile */ transform: none !important; animation: none !important; } .hero-gif-animation { object-fit: contain; transform: none !important; }}/* Extra small mobile devices */@media (max-width: 375px) { .taq-hero__targeted-animation { width: 120%; height: 100%; top: 0; right: -10%; }}.taq-hero__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px); background-size: 40px 40px; opacity: 0.25; z-index: 0;}/* Main Container */.taq-hero__container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; flex-direction: column; /* RTL layout */ gap: 20px;}/* Content Side - Left/RTL side */.taq-hero__content { flex: 1; max-width: 800px; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; padding: 0 20px; border-radius: 20px; border: 0; box-shadow: none; position: relative; z-index: 2; text-align: center; overflow: hidden; }/* Title Styles */.taq-hero__title { margin: 0 0 25px; color: #333; display: flex; flex-direction: column; align-items: center; position: relative;}.taq-hero__title-main { font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 800; margin-bottom: 5px; background: linear-gradient(90deg, #0a1761, #6c42eb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}.taq-hero__title-sub { font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: 500; color: #333; position: relative;}.taq-hero__title-sub::after { content: ; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: linear-gradient(90deg, #6c42eb, transparent); border-radius: 3px;}/* Description */.taq-hero__description { font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.7; color: #444; margin-bottom: 30px; max-width: 95%;}.taq-hero__highlight { color: #6c42eb; font-weight: 700;}/* Buttons */.taq-hero__buttons { display: flex; justify-content: center; gap: 15px; margin-bottom: 30px;}.taq-hero__btn { position: relative; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 50px; padding: 12px 30px; font-size: 1rem; font-weight: 700; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); overflow: hidden; z-index: 1;}.taq-hero__btn--primary { background: linear-gradient(90deg, #0a1761, #6c42eb); color: white !important; box-shadow: 0 10px 20px rgba(108, 66, 235, 0.2);}.taq-hero__btn--secondary { background: rgba(255, 255, 255, 0.7); border: 2px solid rgba(10, 23, 97, 0.2); color: #0a1761 !important;}.taq-hero__btn:hover { transform: translateY(-3px);}.taq-hero__btn--primary:hover { box-shadow: 0 15px 25px rgba(108, 66, 235, 0.3); background: linear-gradient(90deg, #0a1761, #7d56f3);}.taq-hero__btn--secondary:hover { background: rgba(255, 255, 255, 0.9); border-color: rgba(10, 23, 97, 0.3);}.taq-hero__btn-icon { margin-left: 10px; font-size: 1.1rem; transition: transform 0.3s ease;}.taq-hero__btn:hover .taq-hero__btn-icon { transform: translateX(-5px);}/* Visual Side - Right side - Mobile optimized */.taq-hero__visual-side { flex: 1; position: relative; max-width: 600px; min-height: 500px; display: flex; align-items: center; justify-content: center;}/* Image wrapper for opacity control */.taq-hero__image-wrapper { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 1;}/* Device Image with reduced opacity */.taq-hero__device-image { width: 100%; height: auto; max-width: 600px; object-fit: contain; animation: fadeIn 1.2s ease forwards; opacity: 0.2 !important; filter: opacity(0.1) !important; -webkit-filter: opacity(0.1) !important;}/* Targeted Animation Container - 50% bigger and moved up */.taq-hero__targeted-animation { position: absolute; top: 5%; /* Changed from 15% to move it up */ right: -5%; width: 90%; height: 90%; z-index: 3; transform-origin: center center;}/* Animations */@keyframes slideFromLeft { 0% { opacity: 0; transform: translateX(-50px); } 100% { opacity: 1; transform: translateX(0); }}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}/* Responsive Design - Improved for mobile */@media (max-width: 1200px) { .taq-hero__container { padding: 0 40px; } .taq-hero__visual-side { max-width: 500px; }}@media (max-width: 992px) { .taq-hero__container { flex-direction: column; gap: 40px; } .taq-hero__content, .taq-hero__visual-side { max-width: 100%; } .taq-hero__targeted-animation { width: 75%; height: 75%; right: 5%; /* Adjusted for better mobile centering */ top: 5%; }}/* New mobile breakpoint specifically for your issue */@media (max-width: 767px) { .taq-hero { padding: 60px 0; min-height: auto; /* Remove fixed height on mobile */ } .taq-hero__container { flex-direction: column; } .taq-hero__content { width: 100%; max-width: 100%; padding: 25px; margin-bottom: 30px; } .taq-hero__visual-side { width: 100%; min-height: 350px; /* Reduced height on mobile */ position: relative; margin-top: 20px; } .taq-hero__image-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .taq-hero__device-image { max-width: 90%; height: auto; } .taq-hero__targeted-animation { width: 90%; height: 80%; /* Increased height proportion for mobile */ top: 0; right: 5%; } .taq-hero__buttons { flex-direction: column; width: 100%; } .taq-hero__btn { width: 100%; justify-content: center; padding: 12px 20px; font-size: 0.95rem; } .taq-hero__title-main { font-size: 1.8rem; } .taq-hero__title-sub { font-size: 1.2rem; } .taq-hero__trust { justify-content: center; }}/* Even smaller mobile devices */@media (max-width: 480px) { .taq-hero { padding: 40px 0 60px; } .taq-hero__container { padding: 0 15px; } .taq-hero__content { padding: 20px; } .taq-hero__visual-side { min-height: 300px; } .taq-hero__targeted-animation { width: 100%; height: 90%; top: 0; right: 0; } .taq-hero__title-main { font-size: 1.6rem; } .taq-hero__trust-item { font-size: 0.8rem; padding: 6px 12px; }}/* Advantages Section - Reworked CSS */.altaqany-advantages { padding: 60px 20px; background-color: #f9f9f9;}.advantages-title { font-size: 36px; color: #111243; text-align: center; margin-bottom: 40px; position: relative; display: block; width: 100%;}.advantages-title::after { content: ; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: linear-gradient(to right, #160e3b, #3b2458);}.advantages-grid { display: grid; grid-template-columns: repeat(4, 1fr); /* 4 cards in a row on desktop */ gap: 30px; justify-content: center; max-width: 1300px; margin: 0 auto;}.advantage-card { background-color: #ffffff; border-radius: 15px; box-shadow: 0 10px 30px rgba(22, 14, 59, 0.15); padding: 30px; transition: all 0.4s ease; display: flex; flex-direction: column; align-items: center;}.advantage-icon { background-color: rgba(59, 36, 88, 0.1); border-radius: 30%; padding: 15px; margin-bottom: 25px; transition: all 0.3s ease; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;}.advantage-lottie { width: 50px; height: 50px;}.advantage-heading { color: #160e3b; font-weight: 700; font-size: 20px; margin-bottom: 15px; position: relative; display: inline-block; text-align: center;}.advantage-heading::after { content: ; position: absolute; bottom: -8px; left: 0; right: 0; height: 3px; background: linear-gradient(to right, #160e3b, #3b2458); transition: width 0.3s ease; width: 0;}.advantage-description { color: #3b2458; font-size: 16px; line-height: 1.6; margin-bottom: 0; transition: color 0.3s ease; text-align: center;}/* Hover effects */.advantage-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(22, 14, 59, 0.25);}.advantage-card:hover .advantage-icon { transform: scale(1.1); background-color: rgba(59, 36, 88, 0.2);}.advantage-card:hover .advantage-heading::after { width: 100%;}.advantage-card:hover .advantage-description { color: #160e3b;}/* Animation for cards appearing */.advantage-card.animate { animation: fadeInUp 0.8s forwards;}@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); }}/* Responsive Design - Updated *//* Medium screens (tablets) */@media (max-width: 1200px) { .advantages-grid { grid-template-columns: repeat(2, 1fr); /* 2 cards per row on tablets */ gap: 25px; } .advantage-icon { width: 70px; height: 70px; } .advantage-lottie { width: 45px; height: 45px; } .advantage-heading { font-size: 18px; }}/* Small screens (mobile phones) */@media (max-width: 767px) { .advantages-grid { grid-template-columns: repeat(2, 1fr); /* 2 cards per row on mobile */ gap: 20px; } .advantages-title { font-size: 28px; margin-bottom: 30px; } .advantage-card { padding: 20px; } .advantage-icon { width: 60px; height: 60px; margin-bottom: 15px; } .advantage-lottie { width: 35px; height: 35px; } .advantage-heading { font-size: 16px; margin-bottom: 10px; } .advantage-description { font-size: 14px; }}/* Extra small screens */@media (max-width: 480px) { .advantages-grid { gap: 15px; } .advantage-card { padding: 15px; } .advantage-icon { width: 50px; height: 50px; padding: 10px; } .advantage-lottie { width: 30px; height: 30px; } .advantage-description { font-size: 13px; }}/* Services Section - Reworked CSS */.digital-marketing-services { padding: 60px 20px; background-color: white; max-width: 1300px; margin: 0 auto;}.digital-marketing-title { color: var(--primary-color); font-size: 2.2rem; font-weight: 700; text-align: center; margin-bottom: 40px; position: relative;}.digital-marketing-title::after { content: ; display: block; width: 60px; height: 4px; background-color: var(--secondary-color); margin: 10px auto 0; border-radius: 2px;}.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; max-width: 1300px; margin: 0 auto;}.service-card-link { text-decoration: none; color: inherit;}.service-card { background-color: white; border-radius: var(--radius-md); padding: 25px; box-shadow: var(--shadow-sm); transition: var(--transition); height: 100%; display: flex; flex-direction: column;}.service-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md);}.service-card-icon { width: 80px; height: 80px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center;}.service-lottie-icon { width: 100%; height: 100%;}.service-card-content { text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content: center;}.service-card-title { color: var(--primary-color); font-size: 1.4rem; margin-bottom: 10px; font-weight: 700;}.service-card-description { color: #666; font-size: 0.95rem;}/* Animation for cards appearing */.service-card.animate { animation: fadeInUp 0.8s forwards;}@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); }}/* Responsive Design - Updated *//* Large screens (desktop) */@media (min-width: 1201px) { .services-grid { grid-template-columns: repeat(3, 1fr); /* Force 3 columns on desktop */ }}/* Medium screens (tablets) */@media (max-width: 1200px) and (min-width: 768px) { .services-grid { grid-template-columns: repeat(2, 1fr); /* 2 cards per row on tablets */ gap: 20px; } .service-card-icon { width: 70px; height: 70px; } .service-card-title { font-size: 1.2rem; }}/* Small screens (mobile phones) */@media (max-width: 767px) { .services-grid { grid-template-columns: repeat(2, 1fr); /* 2 cards per row on mobile */ gap: 15px; } .digital-marketing-title { font-size: 1.8rem; margin-bottom: 30px; } .service-card { padding: 20px 15px; } .service-card-icon { width: 60px; height: 60px; margin-bottom: 15px; } .service-card-title { font-size: 1.1rem; margin-bottom: 5px; } .service-card-description { font-size: 0.85rem; }}/* Extra small screens */@media (max-width: 480px) { .services-grid { gap: 12px; } .service-card { padding: 15px 10px; } .service-card-icon { width: 50px; height: 50px; } .service-card-title { font-size: 1rem; } .service-card-description { font-size: 0.8rem; }}/* SEO Section Styles */ .seo-success-section { padding: 70px 20px; max-width: 1300px; margin: 50px auto; position: relative; overflow: hidden; font-family: NHC, Arial, sans-serif; } /* Section Background */ .seo-section-bg { position: absolute; inset: 0; background: linear-gradient(135deg, #f9f9f9, #f0f0f0); z-index: -1; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } /* Background Pattern */ .seo-pattern { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(10, 23, 97, 0.03) 1px, transparent 1px), radial-gradient(circle, rgba(10, 23, 97, 0.03) 1px, transparent 1px); background-size: 20px 20px; background-position: 0 0, 10px 10px; opacity: 0.6; } /* Container for Content */ .seo-container { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 50px; } /* Left Side: Text Content */ .seo-content { flex: 1; text-align: right; max-width: 600px; } .seo-title { font-size: 2.2rem; font-weight: 800; color: #0a1761; margin-bottom: 20px; position: relative; } .seo-title::after { content: ; display: block; width: 70px; height: 3px; background: linear-gradient(to right, #6c42eb, transparent); margin-top: 15px; } .seo-description { font-size: 1.2rem; line-height: 1.8; color: #444; margin-bottom: 30px; max-width: 500px; } .seo-highlights { display: flex; align-items: center; margin-bottom: 30px; background: #fff; border-radius: 15px; padding: 20px 25px; box-shadow: 0 8px 25px rgba(10, 23, 97, 0.1); } .cta-button { display: inline-flex; align-items: center; background: linear-gradient(45deg, #0a1761, #6c42eb); color: white; font-weight: 700; padding: 14px 35px; border-radius: 50px; text-decoration: none; transition: all 0.3s ease; font-size: 1.1rem; box-shadow: 0 8px 20px rgba(10, 23, 97, 0.2); position: relative; overflow: hidden; z-index: 1; } .cta-button::before { content: ; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: linear-gradient(45deg, #6c42eb, #0a1761); transition: all 0.5s ease; z-index: -1; border-radius: 50px; } .cta-button:hover::before { width: 100%; } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(10, 23, 97, 0.3); } .cta-button i { margin-left: 10px; transition: transform 0.3s ease; } .cta-button:hover i { transform: translateX(-5px); } /* Right Side: Animation */ .seo-animation { flex: 1; min-width: 400px; position: relative; } /* Button wrapper below image */ .seo-button-wrapper { display: flex; justify-content: center; width: 100%; margin-top: 20px; } /* Google Search Box Animation */ .google-search-container { background: white; border-radius: 15px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); padding: 25px; position: relative; z-index: 2; transform: perspective(1000px) rotateY(-5deg); transition: all 0.5s ease; } .google-search-container:hover { transform: perspective(1000px) rotateY(0deg); } .google-logo { display: flex; justify-content: center; margin-bottom: 20px; direction: ltr; /* Force left-to-right display */}.google-logo span { font-size: 2.5rem; font-weight: 700; letter-spacing: -2px;}.google-logo .g { color: #4285F4; }.google-logo .o1 { color: #EA4335; }.google-logo .o2 { color: #FBBC05; }.google-logo .g2 { color: #4285F4; }.google-logo .l { color: #34A853; }.google-logo .e { color: #EA4335; } .search-box { display: flex; align-items: center; padding: 12px 20px; border-radius: 30px; border: 1px solid #ddd; margin-bottom: 25px; position: relative; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); } .search-icon { color: #4285F4; font-size: 1.2rem; margin-left: 10px; } .search-text { flex: 1; text-align: right; color: #333; font-weight: 500; direction: rtl; } .search-text::after { content: |; animation: blink 1s infinite; margin-right: 5px; color: #4285F4; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .search-results { background: white; border-radius: 10px; overflow: hidden; border: 1px solid #eee; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .result-item { padding: 15px 20px; border-bottom: 1px solid #f0f0f0; transition: all 0.3s ease; cursor: pointer; } .result-item:hover { background: #f8f9ff; } .result-item:last-child { border-bottom: none; } .result-title { color: #1a0dab; font-size: 1.1rem; font-weight: 600; margin-bottom: 5px; } .result-url { color: #006621; font-size: 0.9rem; margin-bottom: 5px; } .result-desc { color: #666; font-size: 0.95rem; line-height: 1.5; } .result-position { position: absolute; top: -30px; right: 20px; display: inline-flex; align-items: center; background: #4285F4; color: white; padding: 6px 15px; font-weight: 700; border-radius: 20px 20px 0 0; font-size: 0.9rem; box-shadow: 0 -5px 15px rgba(66, 133, 244, 0.2); } .result-position i { margin-left: 6px; font-size: 0.9rem; } /* Floating SEO Elements */ .seo-elements { position: absolute; inset: 0; z-index: 1; pointer-events: none; } .seo-element { position: absolute; display: flex; align-items: center; justify-content: center; background: white; border-radius: 50%; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); width: 60px; height: 60px; animation: float 10s infinite ease-in-out; } .seo-element i { font-size: 1.8rem; color: #6c42eb; } .element-1 { top: 20%; left: 5%; animation-delay: 0s; } .element-2 { top: 60%; left: 30%; animation-delay: 1s; } .element-3 { bottom: 15%; right: 15%; animation-delay: 2s; } .element-4 { top: 25%; right: 0%; animation-delay: 3s; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } /* Responsive Styling */ @media (max-width: 992px) { .seo-container { flex-direction: column; } .seo-animation { min-width: 100%; max-width: 500px; margin: 0 auto; } .google-search-container { transform: none; } .seo-title { font-size: 1.8rem; } .seo-element { width: 50px; height: 50px; } .seo-element i { font-size: 1.5rem; } } @media (max-width: 768px) { .seo-success-section { padding: 50px 15px; } .seo-title { font-size: 1.6rem; } .seo-description { font-size: 1.1rem; } .cta-button { padding: 12px 30px; font-size: 1rem; } } /* Motion Graphics Section - Redesigned */.motion-graphics-section { padding: 80px 20px; max-width: 1300px; margin: 60px auto; position: relative; font-family: NHC, Arial, sans-serif; overflow: hidden;}/* Animated Background */.motion-bg { position: absolute; inset: 0; background: linear-gradient(135deg, #0a1761, #6c42eb); border-radius: 20px; z-index: -1; overflow: hidden;}/* Animated Particles */.particles-container { position: absolute; inset: 0; overflow: hidden;}.particle { position: absolute; border-radius: 50%; opacity: 0.3; animation: float 15s infinite linear;}@keyframes float { 0% { transform: translateY(0) rotate(0deg); } 100% { transform: translateY(-800px) rotate(360deg); }}/* Container for the content */.motion-container { display: flex; align-items: center; justify-content: space-between; gap: 50px;}/* Text Content */.motion-content { flex: 1; color: white; position: relative; z-index: 2;}.motion-title { font-size: 2.8rem; font-weight: 800; margin-bottom: 25px; line-height: 1.3; position: relative; display: inline-block;}.motion-title::after { content: ; position: absolute; right: 0; bottom: -12px; width: 80px; height: 4px; background: linear-gradient(to right, #ff6b6b, transparent); border-radius: 2px;}.motion-description { font-size: 1.25rem; line-height: 1.8; margin-bottom: 40px; opacity: 0.9;}.motion-cta { display: inline-flex; align-items: center; background: white; color: #0a1761; font-weight: 700; padding: 16px 40px; border-radius: 50px; text-decoration: none; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; font-size: 1.2rem; position: relative; overflow: hidden;}.motion-cta::before { content: ; position: absolute; top: 0; right: 0; width: 0%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: width 0.5s ease;}.motion-cta:hover::before { width: 100%; right: auto; left: 0;}.motion-cta:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);}.motion-cta i { margin-left: 10px; transition: transform 0.3s ease;}.motion-cta:hover i { transform: translateX(-5px);}/* Image Container - New Design */.motion-image-container { flex: 1; position: relative; min-height: 400px; z-index: 2; display: flex; align-items: center; justify-content: center;}.motion-image-wrapper { position: relative; width: 100%; max-width: 500px; perspective: 1000px; transform-style: preserve-3d; transition: all 0.5s ease;}.motion-image { width: 100%; height: auto; border-radius: 15px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); transform: perspective(1000px) rotateY(-5deg) rotateX(2deg); transition: all 0.5s ease; position: relative; z-index: 1;}.motion-image-wrapper:hover .motion-image { transform: perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-10px); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);}/* Floating Elements */.motion-floating-element { position: absolute; width: 60px; height: 60px; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.2); z-index: 3; animation: elementFloat 6s infinite ease-in-out;}.element-1 { top: -10px; right: -20px; animation-delay: 0s;}.element-2 { bottom: 30%; right: -30px; animation-delay: 1s;}.element-3 { bottom: -15px; left: 20%; animation-delay: 2s;}@keyframes elementFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); }}/* Glow Effect */.motion-image-glow { position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(108, 66, 235, 0.4) 0%, transparent 70%); filter: blur(40px); opacity: 0.8; z-index: 0; border-radius: 15px; transform: scale(1.1);}/* Responsive Design */@media (max-width: 1024px) { .motion-title { font-size: 2.4rem; } .motion-description { font-size: 1.15rem; } .motion-floating-element { width: 50px; height: 50px; font-size: 1.3rem; }}@media (max-width: 768px) { .motion-container { flex-direction: column; } .motion-content { text-align: center; display: flex; flex-direction: column; align-items: center; } .motion-title::after { right: 50%; transform: translateX(50%); } .motion-image-container { margin-top: 40px; } .motion-image-wrapper { max-width: 400px; } .motion-image { transform: perspective(1000px) rotateY(0deg) rotateX(0deg); } .motion-image-wrapper:hover .motion-image { transform: translateY(-10px); }}@media (max-width: 480px) { .motion-graphics-section { padding: 60px 15px; } .motion-title { font-size: 2rem; } .motion-description { font-size: 1.1rem; margin-bottom: 30px; } .motion-cta { padding: 14px 30px; font-size: 1.1rem; } .motion-floating-element { width: 40px; height: 40px; font-size: 1.1rem; }} /* Modern Profile Website Section Styles - Completely Namespaced */.pw-section { padding: 5rem 2rem; max-width: 1300px; margin: 4rem auto; position: relative; overflow: hidden;}/* Container - Fixed CSS Grid for proper RTL layout */.pw-container { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 4rem; position: relative; background: linear-gradient(135deg, #f9f9f9, #f5f5f5); border-radius: 1.5rem; padding: 3rem; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); min-height: 500px;}/* Subtle Grid Pattern */.pw-container::before { content: ; position: absolute; inset: 0; background-image: linear-gradient(rgba(10, 23, 97, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(10, 23, 97, 0.02) 1px, transparent 1px); background-size: 20px 20px; border-radius: 1.5rem; z-index: 0;}/* Content Styling - Second grid item (right side in RTL) */.pw-content { position: relative; z-index: 1; text-align: right; grid-column: 2; display: flex; flex-direction: column; justify-content: center;}.pw-title { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 800; color: #0a1761; margin-bottom: 1.5rem; line-height: 1.3; position: relative;}.pw-title::after { content: ; position: absolute; right: 0; bottom: -0.8rem; width: 5rem; height: 0.25rem; background: linear-gradient(to right, #6c42eb, transparent); border-radius: 1rem;}.pw-description { font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.8; color: #444; margin-bottom: 2.5rem;}/* Features Styling */.pw-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 2.5rem;}.pw-feature { display: flex; align-items: flex-start; background: white; border-radius: 1rem; padding: 1.5rem; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: all 0.3s ease;}.pw-feature:hover { transform: translateY(-0.375rem); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);}.pw-feature-icon { display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 12px; background: linear-gradient(135deg, #0a1761, #6c42eb); margin-left: 1.5rem; flex-shrink: 0; box-shadow: 0 8px 15px rgba(10, 23, 97, 0.15); color: white; font-size: 1.5rem;}.pw-feature-content { flex: 1;}.pw-feature-title { font-weight: 700; color: #0a1761; margin: 0 0 0.5rem; font-size: 1.125rem;}.pw-feature-desc { color: #666; font-size: 0.95rem; line-height: 1.6; margin: 0;}/* Updated button styles for the Profile Website section */.pw-cta { display: inline-flex; align-items: center; background: linear-gradient(45deg, #0a1761, #6c42eb); color: white; font-weight: 700; padding: 0.875rem 1.75rem; /* Slightly reduced padding */ border-radius: 50px; text-decoration: none; box-shadow: 0 10px 25px rgba(10, 23, 97, 0.15); transition: all 0.3s ease; font-size: 1.125rem; position: relative; overflow: hidden; z-index: 1; margin-right: 10px; /* Add margin between buttons */ margin-bottom: 10px; /* Add margin below buttons for mobile */}/* Button container to properly arrange buttons */.pw-buttons { display: flex; flex-wrap: wrap; /* Allow wrapping on mobile */ gap: 15px; /* Gap between buttons */ margin-bottom: 20px; /* Space after buttons */}.pw-cta::before { content: ; position: absolute; inset: 0; background: linear-gradient(45deg, #6c42eb, #0a1761); opacity: 0; z-index: -1; transition: opacity 0.3s ease;}.pw-cta:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(10, 23, 97, 0.25);}.pw-cta:hover::before { opacity: 1;}.pw-cta i { margin-right: 10px; transition: transform 0.3s ease;}.pw-cta:hover i { transform: translateX(-5px);}/* Image Container - First grid item (left side in RTL) */.pw-image-container { position: relative; z-index: 1; grid-column: 1; display: flex; align-items: center; justify-content: center; min-height: 400px;}.pw-image-wrapper { position: relative; width: 100%; padding-top: 20px; padding-bottom: 20px; display: flex; justify-content: center;}.pw-image { max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2); position: relative; z-index: 2; transition: all 0.5s ease;}.pw-image-wrapper:hover .pw-image { transform: translateY(-10px); box-shadow: 0 35px 60px rgba(0, 0, 0, 0.25);}/* Fallback styles for missing image */.pw-image-fallback { width: 100%; height: 300px; background: linear-gradient(135deg, #f0f4f8, #e2e8f0); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #8a43c5; font-size: 4rem; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1); position: relative; z-index: 2;}/* Hide Salla from partners section */.partner-logo imgalt*salla i,.partner-logo imgsrc*salla i,.partner-slide:has(imgalt*salla i),.partner-slide:has(imgsrc*salla i) { display: none !important;}/* Decorative Elements */.pw-decoration { position: absolute; z-index: 1;}.pw-dot-1 { width: 30px; height: 30px; border-radius: 50%; background: rgba(108, 66, 235, 0.2); top: 10%; right: -15px; animation: pw-float 6s infinite ease-in-out;}.pw-dot-2 { width: 50px; height: 50px; border-radius: 50%; background: rgba(108, 66, 235, 0.15); bottom: 20%; right: -25px; animation: pw-float 8s infinite ease-in-out 1s;}.pw-dot-3 { width: 20px; height: 20px; border-radius: 50%; background: rgba(108, 66, 235, 0.25); bottom: 15%; left: -10px; animation: pw-float 7s infinite ease-in-out 0.5s;}.pw-line-1 { width: 3px; height: 100px; background: linear-gradient(to bottom, transparent, rgba(108, 66, 235, 0.2), transparent); top: 5%; left: 15%; transform: rotate(30deg);}.pw-line-2 { width: 3px; height: 80px; background: linear-gradient(to bottom, transparent, rgba(108, 66, 235, 0.15), transparent); bottom: 10%; right: 25%; transform: rotate(-20deg);}@keyframes pw-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); }}/* Responsive Design */@media (max-width: 1024px) { .pw-container { padding: 2.5rem; gap: 3rem; } .pw-feature { padding: 1.25rem; } .pw-feature-icon { width: 3rem; height: 3rem; font-size: 1.25rem; }}/* Large tablet breakpoint */@media (max-width: 1200px) { .pw-container { gap: 3.5rem; padding: 2.8rem; }}/* Tablet breakpoint */@media (max-width: 1024px) { .pw-container { gap: 3rem; padding: 2.5rem; } .pw-title { font-size: 2.2rem; } /* Features can be displayed in 2 columns on tablet */ .pw-features { grid-template-columns: 1fr 1fr; gap: 1rem; }}@media (max-width: 768px) { .pw-container { grid-template-columns: 1fr; gap: 2rem; padding: 2rem; min-height: auto; } /* Reset grid column assignments for mobile */ .pw-image-container { grid-column: unset; order: 1; margin-bottom: 1rem; } .pw-content { grid-column: unset; text-align: center; order: 2; } .pw-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; width: 100%; } .pw-title::after { right: 50%; transform: translateX(50%); } .pw-cta { width: 100%; justify-content: center; margin-right: 0; margin-bottom: 0; } .pw-features { grid-template-columns: 1fr; gap: 1.5rem; } .pw-feature { text-align: right; } .pw-decoration { display: none; }}@media (max-width: 480px) { .pw-section { padding: 3rem 1rem; } .pw-container { padding: 1.5rem; gap: 1.5rem; } .pw-title { font-size: 1.8rem; } .pw-buttons { grid-template-columns: 1fr; gap: 10px; } .pw-feature { padding: 1rem; } .pw-feature-icon { width: 2.5rem; height: 2.5rem; font-size: 1.1rem; margin-left: 1rem; } .pw-feature-title { font-size: 1rem; } .pw-cta { width: 100%; justify-content: center; padding: 0.875rem 1.5rem; font-size: 1rem; }}/* eCommerce Banner with Light Background Style */.ec-banner { position: relative; padding: 2rem; margin: 5rem auto; max-width: 1300px; overflow: visible;}.ec-container { background: #f9f9f9; /* Light gray background */ border-radius: 1.5rem; overflow: visible; display: flex; align-items: center; padding: 4rem 3rem; position: relative; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);}/* Background Grid Pattern - Lighter */.ec-container::before { content: ; position: absolute; inset: 0; background-image: linear-gradient(rgba(10, 23, 97, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(10, 23, 97, 0.03) 1px, transparent 1px); background-size: 20px 20px; z-index: 1; border-radius: 1.5rem;}/* Content Styling */.ec-content { flex: 1; position: relative; z-index: 2; padding-left: 2rem; text-align: right;}.ec-title { color: #0a1761; /* Dark blue color for title */ font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight: 800; margin-bottom: 2.5rem; line-height: 1.3; position: relative;}.ec-title::after { content: ; position: absolute; right: 0; bottom: -0.8rem; width: 5rem; height: 0.25rem; background: linear-gradient(to right, #6c42eb, transparent); /* Purple accent */ border-radius: 1rem;}/* Features Styling - White cards */.ec-features { display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 2.5rem;}.ec-feature { display: flex; align-items: flex-start; background: white; border-radius: 1rem; padding: 1.25rem 1.5rem; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: transform 0.4s;}.ec-feature:hover { transform: translateY(-0.375rem); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);}.ec-feature-icon { display: flex; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; border-radius: 0.75rem; background: rgba(108, 66, 235, 0.1); /* Light purple background */ margin-left: 1rem; flex-shrink: 0;}.ec-feature-icon i { color: #6c42eb; /* Purple icon color */ font-size: 1.5rem;}.ec-feature-text { flex: 1;}.ec-feature-title { color: #0a1761; /* Dark blue text */ font-size: 1.125rem; font-weight: 700; margin: 0 0 0.5rem;}.ec-feature-desc { color: #555; /* Dark gray text */ font-size: 0.95rem; margin: 0; line-height: 1.5;}/* CTA Button */.ec-cta { display: inline-flex; align-items: center; background: linear-gradient(45deg, #0a1761, #6c42eb); /* Blue to purple gradient */ color: white; font-weight: 700; padding: 1rem 2.25rem; border-radius: 3.125rem; text-decoration: none; transition: transform 0.4s, box-shadow 0.4s; font-size: 1.125rem; position: relative; overflow: hidden; z-index: 1; box-shadow: 0 5px 15px rgba(108, 66, 235, 0.2);}.ec-cta:hover { transform: translateY(-0.375rem); box-shadow: 0 8px 20px rgba(108, 66, 235, 0.3);}.ec-cta i { margin-right: 0.75rem; transition: transform 0.3s;}.ec-cta:hover i { transform: translateX(-0.375rem);}/* Visual Side */.ec-visual { flex: 1; position: relative; z-index: 2;}.ec-visual-container { position: relative; width: 100%; min-height: 200px; padding: 2rem 0; display: flex; align-items: center; justify-content: center;}.ec-illustration { max-width: 100%; height: auto; position: relative; z-index: 2; transition: transform 0.5s ease; border-radius: 10px;}/* Play Button - Adjusted Color */.ec-play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background: rgba(108, 66, 235, 0.8); /* Purple to match theme */ border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 2.2rem; cursor: pointer; transition: all 0.3s ease; z-index: 3;}.ec-play-button::before { content: ; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); z-index: -1; animation: ec-play-pulse 2s infinite;}@keyframes ec-play-pulse { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; }}.ec-play-button:hover { background: rgba(108, 66, 235, 0.9); transform: translate(-50%, -50%) scale(1.1);}/* Decorative Elements - Adjusted Colors */.ec-circle { position: absolute; border-radius: 50%; opacity: 0.2;}.ec-circle-1 { width: 20rem; height: 20rem; background: radial-gradient(circle, rgba(108, 66, 235, 0.3) 0%, transparent 70%); top: -7rem; right: -5rem; animation: ec-pulse 10s infinite alternate;}.ec-circle-2 { width: 15rem; height: 15rem; background: radial-gradient(circle, rgba(10, 23, 97, 0.2) 0%, transparent 70%); bottom: -5rem; left: 20%; animation: ec-pulse 12s infinite alternate-reverse;}@keyframes ec-pulse { 0% { transform: scale(1); opacity: 0.2; } 100% { transform: scale(1.2); opacity: 0.3; }}/* Floating Elements - Adjusted Colors */.ec-floating { position: absolute; display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; background: white; border-radius: 1rem; z-index: 3; animation: ec-float 6s infinite ease-in-out; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}.ec-floating i { font-size: 1.5rem; color: #6c42eb; /* Purple icon color */}.ec-floating-1 { top: 10%; right: 10%; animation-delay: 0s;}.ec-floating-2 { top: 60%; right: 0; animation-delay: 2s;}.ec-floating-3 { bottom: 10%; left: 15%; animation-delay: 1s;}@keyframes ec-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); }}/* Video Modal Styles - No changes needed */.ec-video-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); display: flex; align-items: center; justify-content: center; z-index: 9999; opacity: 0; visibility: hidden; transition: all 0.3s ease;}.ec-video-modal.active { opacity: 1; visibility: visible;}.ec-video-container { position: relative; width: 90%; max-width: 800px; background: #111; border-radius: 12px; overflow: hidden; transform: scale(0.9); transition: transform 0.3s ease;}.ec-video-modal.active .ec-video-container { transform: scale(1);}.ec-video-close { position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; color: white; font-size: 1.2rem; transition: all 0.3s ease;}.ec-video-close:hover { background: rgba(255, 255, 255, 0.2); transform: rotate(90deg);}.ec-video-wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* 16:9 aspect ratio */ background: #000;}.ec-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}/* Container with video */.ec-visual-container.has-video { cursor: pointer;}/* Responsive Design */@media (max-width: 1024px) { .ec-container { padding: 3rem 2rem; } .ec-floating { width: 3rem; height: 3rem; } .ec-floating i { font-size: 1.25rem; } .ec-play-button { width: 60px; height: 60px; font-size: 2rem; }}@media (max-width: 768px) { .ec-container { flex-direction: column-reverse; padding: 2.5rem 1.5rem; } .ec-content { padding-left: 0; margin-top: 2.5rem; } .ec-illustration { max-width: 90%; } .ec-circle { opacity: 0.2; } .ec-play-button { width: 50px; height: 50px; font-size: 1.5rem; }}@media (max-width: 480px) { .ec-banner { padding: 1rem; } .ec-container { padding: 2rem 1.25rem; } .ec-title { font-size: 1.6rem; } .ec-feature { padding: 1rem; } .ec-feature-icon { width: 2.75rem; height: 2.75rem; } .ec-feature-icon i { font-size: 1.25rem; } .ec-feature-title { font-size: 1rem; } .ec-feature-desc { font-size: 0.875rem; } .ec-cta { width: 100%; justify-content: center; padding: 0.875rem 1.5rem; font-size: 1rem; } .ec-floating { width: 2.5rem; height: 2.5rem; } .ec-floating i { font-size: 1.125rem; } .ec-play-button { width: 40px; height: 40px; font-size: 1.3rem; }}/* Partners of Success Section Styles */.partners-section { padding: 70px 20px; max-width: 1300px; margin: 50px auto; position: relative; overflow: hidden; font-family: NHC, Arial, sans-serif;}.partners-container { position: relative; z-index: 1;}.partners-title { font-size: 2.2rem; font-weight: 800; color: #0a1761; text-align: center; margin-bottom: 50px; position: relative;}.partners-title::after { content: ; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(to right, #0a1761, #6c42eb); border-radius: 2px;}/* Slider Styles */.partners-slider { position: relative; padding: 0 50px; margin-bottom: 30px;}.partners-track { display: grid; grid-template-columns: repeat(4, 1fr); /* Changed to 4 columns for 4x4 layout */ gap: 30px; margin: 0 auto; align-items: center;}.partner-logo { text-align: center; transition: all 0.3s ease; /* Faster transition */ opacity: 0.7; filter: grayscale(100%); transform: scale(0.9); padding: 15px; display: flex; align-items: center; justify-content: center; height: 150px; /* Increased by 25% from 120px */}.partner-logo:hover { opacity: 1; filter: grayscale(0%); transform: scale(1);}.partner-logo img { max-width: 100%; max-height: 100%; object-fit: contain;}/* Navigation Buttons */.partners-navigation { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; z-index: 2;}.partners-nav-btn { width: 40px; height: 40px; border-radius: 50%; background: white; border: 1px solid rgba(10, 23, 97, 0.1); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; color: #0a1761; pointer-events: auto;}.partners-nav-btn:hover { background: #0a1761; color: white; transform: scale(1.1);}.partners-nav-btn i { font-size: 1.2rem;}/* Pagination Dots */.partners-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 30px;}.partners-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(10, 23, 97, 0.2); cursor: pointer; transition: all 0.3s ease;}.partners-dot.active { width: 30px; border-radius: 5px; background: #0a1761;}/* Background Elements */.partners-bg { position: absolute; inset: 0; background: linear-gradient(to right, rgba(249, 249, 249, 0.7), rgba(255, 255, 255, 0.7)); z-index: -1; border-radius: 20px;}.partners-pattern { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(10, 23, 97, 0.03) 1px, transparent 1px), radial-gradient(circle, rgba(10, 23, 97, 0.03) 1px, transparent 1px); background-size: 20px 20px; background-position: 0 0, 10px 10px; opacity: 0.5; z-index: -1; border-radius: 20px;}/* For mobile responsiveness */@media (max-width: 1200px) { .partners-track { grid-template-columns: repeat(4, 1fr); /* Keep 4 columns on large tablets */ }}@media (max-width: 1024px) { .partners-track { grid-template-columns: repeat(3, 1fr); /* 3 columns on tablets */ }}@media (max-width: 992px) { .partners-track { grid-template-columns: repeat(3, 1fr); gap: 20px; } .partner-logo { height: 130px; }}@media (max-width: 768px) { .partners-title { font-size: 1.8rem; } .partners-track { grid-template-columns: repeat(2, 1fr); } .partners-slider { padding: 0 40px; } .partner-logo { height: 125px; }}@media (max-width: 480px) { .partners-track { grid-template-columns: repeat(2, 1fr); } .partners-slider { padding: 0 30px; } .partner-logo { height: 110px; } .partners-title { font-size: 1.6rem; margin-bottom: 40px; }}/* Project Idea Section Styles - Clean, No Shadows */.project-idea-section { padding: 70px 20px; max-width: 1300px; margin: 60px auto; background: transparent; position: relative;}.project-idea-container { display: flex; flex-direction: row-reverse; align-items: center; gap: 50px; position: relative; z-index: 1; background: #f9f9f9; border-radius: 20px; padding: 50px;}/* Content Styling */.project-idea-content { flex: 1; text-align: right;}.project-idea-title { font-size: 2.2rem; font-weight: 800; color: #0a1761; margin-bottom: 25px; position: relative;}.project-idea-title::after { content: ; position: absolute; bottom: -10px; right: 0; width: 80px; height: 3px; background: linear-gradient(to right, #6c42eb, transparent); border-radius: 3px;}.project-idea-description { font-size: 1.1rem; line-height: 1.7; color: #444; margin-bottom: 30px;}/* Features */.project-idea-features { display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.project-idea-feature { display: flex; align-items: flex-start; background: white; padding: 20px; border-radius: 15px; transition: all 0.3s ease;}.feature-icon { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: rgba(10, 23, 97, 0.05); color: #0a1761; border-radius: 10px; margin-left: 15px; font-size: 1.5rem;}.feature-text { flex: 1;}.feature-text h3 { margin: 0 0 10px; font-weight: 700; color: #0a1761; font-size: 1.2rem;}.feature-text p { margin: 0; color: #555; font-size: 0.95rem; line-height: 1.6;}/* CTA Button */.project-idea-cta { display: inline-flex; align-items: center; background: linear-gradient(to right, #0a1761, #6c42eb); color: white; padding: 14px 35px; border-radius: 50px; font-size: 1.1rem; font-weight: 700; text-decoration: none; transition: all 0.3s ease;}.project-idea-cta i { margin-right: 10px; transition: transform 0.3s ease;}.project-idea-cta:hover { background: linear-gradient(to right, #0a1761, #7d56f3);}.project-idea-cta:hover i { transform: translateX(-5px);}/* Visual Side */.project-idea-visual { flex: 1; position: relative;}.project-idea-video-container { position: relative; border-radius: 15px; overflow: hidden; cursor: pointer;}.project-idea-thumbnail { width: 100%; height: auto; display: block; transition: transform 0.3s ease;}.project-idea-play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background: rgba(108, 66, 235, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 2.2rem; transition: all 0.3s ease; z-index: 2;}.project-idea-play-button::before { content: ; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); z-index: -1; animation: idea-pulse 2s infinite;}@keyframes idea-pulse { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; }}/* Decorative elements */.project-idea-decoration { position: absolute; background: rgba(108, 66, 235, 0.1); border-radius: 50%;}.dot-1 { width: 80px; height: 80px; top: -20px; right: -20px;}.dot-2 { width: 60px; height: 60px; bottom: 30%; right: -30px;}.dot-3 { width: 40px; height: 40px; bottom: -10px; right: 30%;}/* Video Modal */.project-idea-video-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); display: flex; align-items: center; justify-content: center; z-index: 9999; opacity: 0; visibility: hidden; transition: all 0.3s ease;}.project-idea-video-modal.active { opacity: 1; visibility: visible;}.project-idea-modal-content { position: relative; width: 90%; max-width: 800px; background: #111; border-radius: 12px; overflow: hidden; transform: scale(0.9); transition: transform 0.3s ease;}.project-idea-video-modal.active .project-idea-modal-content { transform: scale(1);}.project-idea-modal-close { position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; color: white; font-size: 1.2rem; transition: all 0.3s ease;}.project-idea-modal-close:hover { background: rgba(255, 255, 255, 0.2); transform: rotate(90deg);}.project-idea-video-wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* 16:9 aspect ratio */ background: #000;}#project-idea-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}/* Video play overlay */.video-play-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); cursor: pointer;}.video-play-overlay i { font-size: 5rem; color: white; opacity: 0.8; transition: all 0.3s ease;}.video-play-overlay:hover i { opacity: 1; transform: scale(1.1);}/* Responsive Styles */@media (max-width: 992px) { .project-idea-container { flex-direction: column; padding: 30px; } .project-idea-title { font-size: 1.8rem; } .project-idea-description { font-size: 1rem; } .project-idea-visual { width: 100%; } .project-idea-decoration { display: none; }}@media (max-width: 768px) { .project-idea-section { padding: 50px 15px; } .project-idea-container { padding: 25px; } .project-idea-feature { padding: 15px; } .feature-icon { width: 45px; height: 45px; font-size: 1.3rem; } .project-idea-play-button { width: 60px; height: 60px; font-size: 1.8rem; } .project-idea-cta { width: 100%; justify-content: center; padding: 12px 25px; font-size: 1rem; }}@media (max-width: 480px) { .project-idea-title { font-size: 1.6rem; } .project-idea-play-button { width: 50px; height: 50px; font-size: 1.5rem; } .project-idea-modal-close { width: 30px; height: 30px; top: 10px; right: 10px; font-size: 1rem; }}/style>!-- Redesigned Hero Section with JSON Animation - Mobile Optimized -->section classtaq-hero> !-- Background elements --> div classtaq-hero__bg> div classtaq-hero__grid>/div> /div> div classtaq-hero__container> !-- Content Side (Left/RTL) --> div classtaq-hero__content> h1 classtaq-hero__title> span classtaq-hero__title-main>وكالة التقني الحديث/span> span classtaq-hero__title-sub>للتسويق الإلكتروني والحلول البرمجية/span> /h1> p classtaq-hero__description> نصمم span classtaq-hero__highlight>حلولاً رقمية/span> مبتكرة لتطوير أعمالك وتعزيز حضورك الرقمي مع span classtaq-hero__highlight>خبرة متكاملة/span> في التسويق والبرمجة والتصميم /p> !-- CTA Buttons --> div classtaq-hero__buttons> a hrefhttps://altaqany.sa/portfolio/ classtaq-hero__btn taq-hero__btn--primary target_self> span classtaq-hero__btn-icon>i classbi bi-briefcase>/i>/span> span classtaq-hero__btn-text>أعمالنا/span> /a> a hrefhttps://altaqany.sa/packages/ classtaq-hero__btn taq-hero__btn--secondary target_self> span classtaq-hero__btn-icon>i classbi bi-grid-3x3-gap>/i>/span> span classtaq-hero__btn-text>الباقات/span> /a> /div> /div> /div>/section>!-- Modern Profile Website Section -->section classpw-section> div classpw-container> !-- Image Side - Moved to first position for proper grid layout --> div classpw-image-container> div classpw-image-wrapper> img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/website-illustration.png altموقع تعريفي classpw-image onerrorthis.style.displaynone; this.nextElementSibling.style.displayflex;> !-- Fallback content if image fails --> div classpw-image-fallback styledisplay: none;> i classbi bi-laptop>/i> /div> !-- Decorative elements --> div classpw-decoration pw-dot-1>/div> div classpw-decoration pw-dot-2>/div> div classpw-decoration pw-dot-3>/div> div classpw-decoration pw-line-1>/div> div classpw-decoration pw-line-2>/div> /div> /div> !-- Content Side --> div classpw-content> h2 classpw-title>إنشاء موقع تعريفي وملف تعريفي احترافي لنشاطك/h2> p classpw-description>تحتاج كل شركة ناجحة إلى هوية رقمية قوية تعكس قيمتها وخبرتها للعملاء. من خلال خدماتنا المتخصصة، نقدم لك موقعاً تعريفياً وملفاً شركياً متكاملاً يعزز من وجودك الاحترافي ويفتح لك أبواباً جديدة للنمو./p> !-- Features List --> div classpw-features> div classpw-feature> div classpw-feature-icon> i classbi bi-palette>/i> /div> div classpw-feature-content> h3 classpw-feature-title>تصميم عصري فريد/h3> p classpw-feature-desc>موقع بتصميم مخصص يعكس هوية علامتك التجارية ويلفت انتباه زوارك منذ اللحظة الأولى./p> /div> /div> div classpw-feature> div classpw-feature-icon> i classbi bi-phone>/i> /div> div classpw-feature-content> h3 classpw-feature-title>متوافق مع جميع الأجهزة/h3> p classpw-feature-desc>تجربة تصفح مثالية على مختلف الأجهزة من الهواتف الذكية إلى أجهزة الكمبيوتر المكتبية./p> /div> /div> div classpw-feature> div classpw-feature-icon> i classbi bi-file-earmark-text>/i> /div> div classpw-feature-content> h3 classpw-feature-title>ملف تعريفي متكامل/h3> p classpw-feature-desc>بروفايل شركة احترافي يبرز خدماتك وإنجازاتك ويبني الثقة مع العملاء المحتملين./p> /div> /div> /div> !-- Buttons inside content container --> div classpw-buttons> a hrefhttps://altaqany.sa/portfolio/ classpw-cta> أعمالنا i classbi bi-arrow-left>/i> /a> a hrefhttps://altaqany.sa/packages/ classpw-cta> الباقات i classbi bi-arrow-left>/i> /a> /div> /div> /div>/section>!-- Advantages Section -->div classaltaqany-advantages> h2 classadvantages-title>لماذا نحن الأفضل؟/h2> div classadvantages-grid> div classadvantage-card> div classadvantage-icon> div classadvantage-lottie idpayment-animation>/div> /div> h4 classadvantage-heading>الدفع/h4> p classadvantage-description>دفع آمن وخيارات تقسيط مرنة./p> /div> div classadvantage-card> div classadvantage-icon> div classadvantage-lottie idwarranty-animation>/div> /div> h4 classadvantage-heading>الضمانات/h4> p classadvantage-description>جميع الضمانات مضمونة./p> /div> div classadvantage-card> div classadvantage-icon> div classadvantage-lottie idtrust-animation>/div> /div> h4 classadvantage-heading>الثقة/h4> p classadvantage-description>نشاط ذات سمعة قوية./p> /div> div classadvantage-card> div classadvantage-icon> div classadvantage-lottie idquality-animation>/div> /div> h4 classadvantage-heading>الجودة/h4> p classadvantage-description>تنفيذ مشاريع بكفاءة عالية./p> /div> /div>/div>!-- Motion graphics section removed -->!-- Services Section -->div classdigital-marketing-services> h2 classdigital-marketing-title>الخدمات/h2> div classservices-grid> a hrefhttps://altaqany.sa/product-category/e-commerce/ classservice-card-link> div classservice-card> div classservice-card-icon> div classservice-lottie-icon idecommerce-animation>/div> /div> div classservice-card-content> h3 classservice-card-title>التجارة الإلكترونية/h3> p classservice-card-description>خدمات تجارة متكاملة/p> /div> /div> /a> a hrefhttps://altaqany.sa/product-category/graphic-design/ classservice-card-link> div classservice-card> div classservice-card-icon> div classservice-lottie-icon idgraphic-design-animation>/div> /div> div classservice-card-content> h3 classservice-card-title>تصميم الجرافيك/h3> p classservice-card-description>تصميم جرافيك متكامل لتطوير أعمالك/p> /div> /div> /a> a hrefhttps://altaqany.sa/product-category/software-services/ classservice-card-link> div classservice-card> div classservice-card-icon> div classservice-lottie-icon idsoftware-animation>/div> /div> div classservice-card-content> h3 classservice-card-title>حلول البرمجيات/h3> p classservice-card-description>حلول برمجية متكاملة/p> /div> /div> /a> a hrefhttps://altaqany.sa/product-category/video-editing/ classservice-card-link> div classservice-card> div classservice-card-icon> div classservice-lottie-icon idvideo-channel-animation>/div> /div> div classservice-card-content> h3 classservice-card-title>الفيديو و الصوتيات/h3> p classservice-card-description>إنتاج الفيديوهات والصوتيات/p> /div> /div> /a> a hrefhttps://altaqany.sa/product-category/advertising-and-marketing/ classservice-card-link> div classservice-card> div classservice-card-icon> div classservice-lottie-icon idmarketing-animation>/div> /div> div classservice-card-content> h3 classservice-card-title>التسويق والإعلان/h3> p classservice-card-description>خدمات تسويقية متكاملة/p> /div> /div> /a> a hrefhttps://altaqany.sa?orderbypopularity classservice-card-link> div classservice-card> div classservice-card-icon> div classservice-lottie-icon idai-animation>/div> /div> div classservice-card-content> h3 classservice-card-title>الأكثر طلباً/h3> p classservice-card-description>استعرض منتجاتنا المميزة الأكثر جذباً لعملائنا/p> /div> /div> /a> /div>/div> section classseo-success-section> !-- Section Background --> div classseo-section-bg>/div> div classseo-pattern>/div> !-- Floating SEO Elements --> div classseo-elements> div classseo-element element-1> i classbi bi-graph-up-arrow>/i> /div> div classseo-element element-2> i classbi bi-search>/i> /div> div classseo-element element-3> i classbi bi-award>/i> /div> div classseo-element element-4> i classbi bi-bar-chart-line>/i> /div> /div> div classseo-container> !-- Left Side: Text Content --> div classseo-content> h2 classseo-title>محركات البحث من أهم عوامل النجاح لنشاطك/h2> p classseo-description>تعزيز تواجدك في محركات البحث يعني وصول أكبر لعملائك المستهدفين. مع التقني الحديث للتسويق الإلكتروني، نساعدك على تصدر نتائج البحث وزيادة الزيارات بشكل ملحوظ./p> /div> !-- Right Side: Animation --> div classseo-animation> div classgoogle-search-container> div classresult-position> i classbi bi-trophy-fill>/i> المركز الأول /div> div classgoogle-logo> span classg>G/span> span classo1>o/span> span classo2>o/span> span classg2>g/span> span classl>l/span> span classe>e/span>/div> div classsearch-box> div classsearch-icon> i classbi bi-search>/i> /div> div classsearch-text>التقني الحديث للتسويق الإلكتروني/div> /div> div classsearch-results> div classresult-item> div classresult-title>التقني الحديث للتسويق الإلكتروني | الخدمات الرقمية المتكاملة/div> div classresult-url>altaqany.sa/div> div classresult-desc>وكالة التقني الحديث المتخصصة في التسويق الإلكتروني وتطوير المواقع وتحسين محركات البحث SEO وإدارة حملات الإعلانات المدفوعة./div> /div> div classresult-item> div classresult-title>تحسين محركات البحث SEO - التقني الحديث/div> div classresult-url>altaqany.sa/seo-services/div> div classresult-desc>خدمات تحسين محركات البحث الاحترافية لتحقيق أفضل النتائج وزيادة الزيارات العضوية لموقعك بأحدث التقنيات./div> /div> /div> /div> /div> !-- Button below image --> div classseo-button-wrapper> a href/seo-packages/ classcta-button> باقات السيو i classbi bi-arrow-left>/i> /a> /div> /div> /section>!-- Modern eCommerce Banner Section (Completely Isolated) -->section classec-banner> div classec-container> !-- Content Side --> div classec-content> h2 classec-title>تبي تدخل عالم التجارة الإلكترونية بكل أمان وثقة؟/h2> !-- Features List --> div classec-features> div classec-feature> div classec-feature-icon> i classbi bi-shield-check>/i> /div> div classec-feature-text> h3 classec-feature-title>ضمان خدمات/h3> p classec-feature-desc>ضمان كامل على جميع المشاريع والتعديلات/p> /div> /div> div classec-feature> div classec-feature-icon> i classbi bi-credit-card-2-front>/i> /div> div classec-feature-text> h3 classec-feature-title>تكامل مع وسائل الدفع/h3> p classec-feature-desc>متوافق مع جميع وسائل الدفع الإلكترونية المحلية/p> /div> /div> div classec-feature> div classec-feature-icon> i classbi bi-trophy>/i> /div> div classec-feature-text> h3 classec-feature-title>دعم فني متميز/h3> p classec-feature-desc>فريق دعم فني متخصص على مدار الساعة/p> /div> /div> /div> a href/packages/ecommerce/ classec-cta> span classec-cta-text>ابدأ الآن/span> i classbi bi-arrow-left>/i> /a> /div> !-- Visual Side --> div classec-visual> div classec-visual-container> !-- Main 3D Illustration --> img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ecommerce-illustration.png altالتجارة الإلكترونية classec-illustration> !-- Play button will be added via JavaScript --> !-- Decorative Elements --> div classec-circle ec-circle-1>/div> div classec-circle ec-circle-2>/div> !-- Floating Elements --> div classec-floating ec-floating-1> i classbi bi-shop>/i> /div> div classec-floating ec-floating-2> i classbi bi-percent>/i> /div> div classec-floating ec-floating-3> i classbi bi-cart-check>/i> /div> /div> /div> /div> !-- Video Modal --> div classec-video-modal> div classec-video-container> div classec-video-close>i classbi bi-x-lg>/i>/div> div classec-video-wrapper> video idec-video classec-video controls> source src/wp-content/themes/altaqany/assets/images/portfolio/social-media-motion/altaqni.mp4 typevideo/mp4> Your browser does not support the video tag. /video> /div> /div> /div>/section>!-- New Project Idea Section HTML -->section classproject-idea-section> div classproject-idea-container> !-- Content Side --> div classproject-idea-content> h2 classproject-idea-title>هل لديك فكرة وتحلم بتحويلها إلى مشروع ناجح؟/h2> p classproject-idea-description>نساعدك على تحويل أفكارك إلى واقع ملموس من خلال فريق متخصص من المطورين والمصممين. سواء كانت فكرتك تطبيق جوال، موقع إلكتروني، أو متجر إلكتروني، نحن هنا لمساعدتك على النجاح في عالم الأعمال الرقمية./p> div classproject-idea-features> div classproject-idea-feature> div classfeature-icon> i classbi bi-lightbulb>/i> /div> div classfeature-text> h3>تطوير الأفكار/h3> p>نساعدك على تطوير فكرتك وتحليلها لتحديد أفضل الطرق للتنفيذ/p> /div> /div> div classproject-idea-feature> div classfeature-icon> i classbi bi-code-square>/i> /div> div classfeature-text> h3>تنفيذ احترافي/h3> p>فريق من المطورين المحترفين لتنفيذ مشروعك بأعلى معايير الجودة/p> /div> /div> div classproject-idea-feature> div classfeature-icon> i classbi bi-graph-up>/i> /div> div classfeature-text> h3>استراتيجية النمو/h3> p>نضع خطة متكاملة لنمو مشروعك وانتشاره في السوق المستهدف/p> /div> /div> /div> a href/contact-us/ classproject-idea-cta> تواصل الآن i classbi bi-arrow-left>/i> /a> /div> !-- Visual Side --> div classproject-idea-visual> div classproject-idea-video-container> img src/wp-content/themes/altaqany/assets/images/portfolio/social-media-motion/programming.jpg altتطوير المشاريع classproject-idea-thumbnail> div classproject-idea-play-button> i classbi bi-play-fill>/i> /div> /div> !-- Decorative Elements --> div classproject-idea-decoration dot-1>/div> div classproject-idea-decoration dot-2>/div> div classproject-idea-decoration dot-3>/div> /div> /div> !-- Video Modal --> div classproject-idea-video-modal> div classproject-idea-modal-content> div classproject-idea-modal-close> i classbi bi-x-lg>/i> /div> div classproject-idea-video-wrapper> video idproject-idea-video controls> source src/wp-content/themes/altaqany/assets/images/portfolio/social-media-motion/programming.mp4 typevideo/mp4> Your browser does not support the video tag. /video> /div> /div> /div>/section>!-- Required Scripts - Enqueue in functions.php if possible -->script srchttps://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.7.13/lottie.min.js>/script>script> /** * Revised JavaScript for Front Page - All client/partner code removed */// Wait for DOM to be loadeddocument.addEventListener(DOMContentLoaded, function() { // Initialize core components initLottieAnimations(); initScrollAnimations(); initProfileWebsiteSection(); // Added new function for PW section});/** * Initialize Profile Website Section interactions */function initProfileWebsiteSection() { const pwImageWrapper document.querySelector(.pw-image-wrapper); const pwImage document.querySelector(.pw-image); const pwDecorations document.querySelectorAll(.pw-decoration); if (pwImageWrapper && pwImage) { // Subtle parallax effect on mousemove pwImageWrapper.addEventListener(mousemove, function(e) { if (window.innerWidth 768) return; const rect pwImageWrapper.getBoundingClientRect(); const centerX rect.left + rect.width / 2; const centerY rect.top + rect.height / 2; const offsetX (e.clientX - centerX) / (rect.width / 2); const offsetY (e.clientY - centerY) / (rect.height / 2); // Move image slightly pwImage.style.transform `translate(${offsetX * -10}px, ${offsetY * -10}px)`; // Move decorative elements pwDecorations.forEach((el, index) > { const factor (index + 1) * 5; el.style.transform `translate(${offsetX * factor}px, ${offsetY * factor}px)`; }); }); // Reset on mouse leave pwImageWrapper.addEventListener(mouseleave, function() { pwImage.style.transform ; pwDecorations.forEach(el > { el.style.transform ; }); }); } // Hover effect for features const pwFeatures document.querySelectorAll(.pw-feature); pwFeatures.forEach(feature > { feature.addEventListener(mouseenter, function() { pwFeatures.forEach(f > { if (f ! feature) { f.style.opacity 0.6; } }); }); feature.addEventListener(mouseleave, function() { pwFeatures.forEach(f > { f.style.opacity 1; }); }); });}/** * Initialize Lottie Animations with consolidated paths and improved loading */function initLottieAnimations() { // Centralized animation paths - define once, use everywhere const animationPaths { ecommerce: /wp-content/themes/altaqany/assets/animations/ecommerce.json, ai: /wp-content/themes/altaqany/assets/animations/ai.json, design: /wp-content/themes/altaqany/assets/animations/design.json, code: /wp-content/themes/altaqany/assets/animations/newcode.json, video: /wp-content/themes/altaqany/assets/animations/video-voice.json, marketing: /wp-content/themes/altaqany/assets/animations/marketing.json, payment: /wp-content/themes/altaqany/assets/animations/moneypayment.json, warranty: /wp-content/themes/altaqany/assets/animations/Guarantees.json, trust: /wp-content/themes/altaqany/assets/animations/trust.json, quality: /wp-content/themes/altaqany/assets/animations/quality2.json, about: /wp-content/themes/altaqany/assets/animations/about-us.json }; // Service section animations - using the consolidated paths const serviceAnimations {id: ecommerce-animation, path: animationPaths.ecommerce}, {id: ai-animation, path: animationPaths.ai}, {id: graphic-design-animation, path: animationPaths.design}, {id: software-animation, path: animationPaths.code}, {id: video-channel-animation, path: animationPaths.video}, {id: marketing-animation, path: animationPaths.marketing} ; // Advantages section animations - using the consolidated paths const advantageAnimations {id: payment-animation, path: animationPaths.payment}, {id: warranty-animation, path: animationPaths.warranty}, {id: trust-animation, path: animationPaths.trust}, {id: quality-animation, path: animationPaths.quality} ; // About us animation - using the consolidated path const aboutAnimation { id: icon-animation, path: animationPaths.about }; // Check if Lottie is properly loaded if (typeof lottie undefined) { console.error(Lottie library is not loaded. Please make sure the script is included correctly.); // Show fallback for animation containers document.querySelectorAll(id$-animation).forEach(container > { const iconType container.id.split(-)0; let iconClass bi bi-image; if (iconType ecommerce) iconClass bi bi-cart; else if (iconType ai) iconClass bi bi-robot; else if (iconType business) iconClass bi bi-briefcase; else if (iconType graphic) iconClass bi bi-palette; else if (iconType software) iconClass bi bi-code-square; else if (iconType video) iconClass bi bi-camera-video; else if (iconType marketing) iconClass bi bi-megaphone; else if (iconType payment) iconClass bi bi-credit-card; else if (iconType warranty) iconClass bi bi-shield-check; else if (iconType trust) iconClass bi bi-hand-thumbs-up; else if (iconType quality) iconClass bi bi-award; container.innerHTML `div stylewidth: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #444; text-align: center; border-radius: 8px;>span class${iconClass} stylefont-size: 2rem;>/span>/div>`; }); return; } // Function to safely load animations with error handling and visibility detection function loadSafelyWhenVisible(animationData) { const element document.getElementById(animationData.id); if (!element) { console.warn(`Animation container #${animationData.id} not found in the DOM`); return null; } // Use Intersection Observer to only load animations when visible const observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { // Element is now visible, load the animation loadAnimation(element, animationData); // Stop observing once loaded observer.unobserve(element); } }); }, { threshold: 0.1 // Load when at least 10% of the element is visible }); // Start observing observer.observe(element); } function loadAnimation(element, animationData) { try { // Create a temporary loading indicator const tempDiv document.createElement(div); tempDiv.className animation-loading; tempDiv.style.cssText width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0;; tempDiv.innerHTML span stylecolor: #666;>Loading.../span>; element.appendChild(tempDiv); // Load the animation with error handling const anim lottie.loadAnimation({ container: element, renderer: svg, loop: true, autoplay: true, path: animationData.path }); // Setup error handling anim.addEventListener(data_ready, () > { // Remove loading indicator when animation loads const loadingIndicator element.querySelector(.animation-loading); if (loadingIndicator) { element.removeChild(loadingIndicator); } }); anim.addEventListener(data_failed, () > { console.error(`Failed to load data for animation ${animationData.id}`); handleAnimationError(element, animationData.id); }); anim.addEventListener(error, (err) > { console.error(`Error in animation ${animationData.id}:`, err); handleAnimationError(element, animationData.id); }); // Set a timeout in case animation gets stuck const timeout setTimeout(() > { if (element.querySelector(.animation-loading)) { console.warn(`Animation ${animationData.id} load timed out`); handleAnimationError(element, animationData.id); } }, 8000); // 8 second timeout // Clear timeout when animation is loaded anim.addEventListener(DOMLoaded, () > { clearTimeout(timeout); }); return anim; } catch (e) { console.error(`Error initializing animation ${animationData.id}:`, e); handleAnimationError(element, animationData.id); return null; } } // Handle animation errors by showing a fallback function handleAnimationError(element, id) { // Clear element contents element.innerHTML ; // Create fallback content const fallback document.createElement(div); fallback.style.cssText width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #444; text-align: center; border-radius: 8px;; // Create icon based on animation ID const iconType id.split(-)0; // Extract first part of ID const icon document.createElement(span); // Map to Bootstrap icons let iconClass bi bi-image; if (iconType ecommerce) iconClass bi bi-cart; else if (iconType ai) iconClass bi bi-robot; else if (iconType business) iconClass bi bi-briefcase; else if (iconType graphic) iconClass bi bi-palette; else if (iconType software) iconClass bi bi-code-square; else if (iconType video) iconClass bi bi-camera-video; else if (iconType marketing) iconClass bi bi-megaphone; else if (iconType payment) iconClass bi bi-credit-card; else if (iconType warranty) iconClass bi bi-shield-check; else if (iconType trust) iconClass bi bi-hand-thumbs-up; else if (iconType quality) iconClass bi bi-award; icon.className iconClass; icon.style.cssText font-size: 2rem; margin-bottom: 10px;; fallback.appendChild(icon); element.appendChild(fallback); } // Load service animations with visibility detection serviceAnimations.forEach(animation > { loadSafelyWhenVisible(animation); }); // Load advantage animations with visibility detection advantageAnimations.forEach(animation > { loadSafelyWhenVisible(animation); }); // Load about us animation if element exists if (document.getElementById(aboutAnimation.id)) { loadSafelyWhenVisible(aboutAnimation); }}document.addEventListener(DOMContentLoaded, function() { // Get elements const videoContainer document.querySelector(.project-idea-video-container); const playButton document.querySelector(.project-idea-play-button); const modal document.querySelector(.project-idea-video-modal); const closeButton document.querySelector(.project-idea-modal-close); const video document.getElementById(project-idea-video); if (videoContainer && playButton && modal && closeButton && video) { // Open modal on click videoContainer.addEventListener(click, function() { modal.classList.add(active); // Play video after a short delay setTimeout(function() { video.play().catch(function(error) { // Show play button overlay when autoplay is blocked showPlayOverlay(video); }); }, 300); // Prevent body scrolling when modal is open document.body.style.overflow hidden; }); // Function to show play overlay when autoplay is blocked function showPlayOverlay(videoElement) { const overlay document.createElement(div); overlay.className video-play-overlay; overlay.innerHTML i classbi bi-play-circle-fill>/i>; videoElement.parentNode.appendChild(overlay); overlay.addEventListener(click, function() { videoElement.play(); overlay.remove(); }); } // Close modal when clicking the close button closeButton.addEventListener(click, function() { closeModal(); }); // Close modal when clicking outside the modal content modal.addEventListener(click, function(e) { if (e.target modal) { closeModal(); } }); // Close modal when pressing Escape key document.addEventListener(keydown, function(e) { if (e.key Escape && modal.classList.contains(active)) { closeModal(); } }); // Function to close modal function closeModal() { modal.classList.remove(active); document.body.style.overflow ; // Pause video when closing modal video.pause(); video.currentTime 0; // Remove any play overlay const overlay modal.querySelector(.video-play-overlay); if (overlay) overlay.remove(); } }});/script>!-- Success Partners Section (شركاء النجاح) -->section classsuccess-partners-section> div classcontainer> div classrow> div classcol-12> h2 classsection-title> i classbi bi-handshake>/i> شركاء النجاح /h2> p classsection-subtitle>نفتخر بشراكاتنا الناجحة مع أفضل الشركات والمؤسسات/p> /div> /div> div classrow partners-logos-grid> div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/tryoto.webp alttryoto classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo10.png altlogo10 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo11.png altlogo11 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo12.png altlogo12 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo14.png altlogo14 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo9.png altlogo9 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo8.png altlogo8 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo6.png altlogo6 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo5.png altlogo5 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo7.png altlogo7 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo4.png altlogo4 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo1.png altlogo1 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo2.png altlogo2 classimg-fluid>/div>/div>div classcol-6 partners-col-desktop mb-3 mb-md-4>div classpartner-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/clients/logo3.png altlogo3 classimg-fluid>/div>/div> /div> /div>/section>!-- Our Prominent Clients Section (ابرز عملائنا) -->section classprominent-clients-section> div classcontainer> div classrow> div classcol-12> h2 classsection-title> i classbi bi-star-fill>/i> أبرز عملائنا /h2> p classsection-subtitle>نفتخر بخدمة مجموعة مميزة من العملاء في مختلف القطاعات/p> /div> /div> div classrow clients-logos-grid> div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/final%20logo%20all%20colors-01.webp altfinal logo all colors-01 classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/aziz.webp altaziz classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/image-removebg-preview.png altimage-removebg-preview classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/AL%20QARYAH%20EDUCATIONAL%20CENTER.webp altAL QARYAH EDUCATIONAL CENTER classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/ALBILAD%20CAPITAL.webp altALBILAD CAPITAL classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/EJAR.webp altEJAR classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/HAFEZ.webp altHAFEZ classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/HAMS.webp altHAMS classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/MINISTRY%20OF%20LOGISTIC%20AND%20TRANSPORT%20SERVICES.webp altMINISTRY OF LOGISTIC AND TRANSPORT SERVICES classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/NHC.webp altNHC classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/SHABAB%20EL%20BALAD.webp altSHABAB EL BALAD classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/SHROOQ%20EL%20MAAREFAH.webp altSHROOQ EL MAAREFAH classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/SKEEP.webp altSKEEP classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/TOP%20GUIDE%20FOR%20STUDY%20ABROAD.webp altTOP GUIDE FOR STUDY ABROAD classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/drbrost.webp altdrbrost classimg-fluid>/div>/div>div classcol-6 col-md-4 col-lg-3 mb-3 mb-md-4>div classclient-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/partners/mshagith.webp altmshagith classimg-fluid>/div>/div> /div> /div>/section>style>/* Success Partners Section Styles */.success-partners-section { padding: 80px 20px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); margin: 60px 0;}.success-partners-section .section-title { font-size: 2.5rem; font-weight: 800; color: #0a1761; text-align: center; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; gap: 15px;}.success-partners-section .section-title i { color: #6c42eb; font-size: 2.2rem;}.success-partners-section .section-subtitle { text-align: center; color: #666; font-size: 1.1rem; margin-bottom: 50px;}.partners-logos-grid { margin: 0 -5px; display: flex; flex-wrap: wrap; justify-content: center;}@media (min-width: 768px) { .partners-logos-grid { margin: 0 -8px; } /* 7 columns per row on desktop */ .partners-logos-grid .partners-col-desktop { flex: 0 0 calc((100% - 112px) / 7); max-width: calc((100% - 112px) / 7); margin-left: 8px; margin-right: 8px; }}@media (min-width: 992px) { /* Ensure 7 columns on large screens */ .partners-logos-grid .partners-col-desktop { flex: 0 0 calc((100% - 210px) / 7); max-width: calc((100% - 210px) / 7); }}.partner-logo-item { background: #ffffff; border-radius: 50%; padding: 15px; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; border: 1px solid #f0f0f0; margin: 0 5px;}@media (min-width: 768px) { .partner-logo-item { padding: 20px; width: 180px; height: 180px; margin: 0 8px; }}.partner-logo-item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(10, 23, 97, 0.15); border-color: #6c42eb;}.partner-logo-item img { max-width: 85%; max-height: 85%; width: auto; height: auto; object-fit: contain; filter: grayscale(30%); transition: all 0.3s ease;}@media (min-width: 768px) { .partner-logo-item img { max-width: 90%; max-height: 90%; }}.partner-logo-item:hover img { filter: grayscale(0%); transform: scale(1.05);}/* Prominent Clients Section Styles */.prominent-clients-section { padding: 80px 20px; background: #ffffff; margin: 60px 0;}.prominent-clients-section .section-title { font-size: 2.5rem; font-weight: 800; color: #0a1761; text-align: center; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; gap: 15px;}.prominent-clients-section .section-title i { color: #6c42eb; font-size: 2.2rem;}.prominent-clients-section .section-subtitle { text-align: center; color: #666; font-size: 1.1rem; margin-bottom: 50px;}.clients-logos-grid { margin: 0 -10px;}@media (min-width: 768px) { .clients-logos-grid { margin: 0 -15px; }}.client-logo-item { background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 12px; padding: 25px; height: 140px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; border: 2px solid transparent; position: relative; overflow: hidden; margin: 0 10px;}@media (min-width: 768px) { .client-logo-item { padding: 30px; height: 160px; margin: 0 15px; }}.client-logo-item::before { content: ; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(108, 66, 235, 0.1), transparent); transition: left 0.5s ease;}.client-logo-item:hover::before { left: 100%;}.client-logo-item:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 10px 30px rgba(10, 23, 97, 0.2); border-color: #6c42eb;}.client-logo-item img { max-width: 100%; max-height: 100px; object-fit: contain; filter: grayscale(20%); transition: all 0.3s ease;}.client-logo-item:hover img { filter: grayscale(0%); transform: scale(1.1);}/* Responsive Design */@media (max-width: 767px) { .success-partners-section, .prominent-clients-section { padding: 50px 15px; } .success-partners-section .section-title, .prominent-clients-section .section-title { font-size: 1.8rem; } .partner-logo-item { width: 100px; height: 100px; padding: 12px; } .partner-logo-item img { max-width: 80%; max-height: 80%; } .client-logo-item img { max-height: 80px; } /* Ensure 3x3 grid on mobile */ .partners-logos-grid .col-6 { flex: 0 0 33.333333%; max-width: 33.333333%; padding-left: 8px; padding-right: 8px; } .partners-logos-grid { justify-content: center; } .clients-logos-grid .col-6 { flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; }}/style>!-- Our Clients Section (عملاؤنا محل اهتمامنا) -->section classour-clients-section> div classcontainer> div classrow> div classcol-12> h2 classsection-title> i classbi bi-heart-fill>/i> عملاؤنا محل اهتمامنا /h2> p classsection-subtitle>نفتخر بثقة عملائنا الكرام في خدماتنا/p> /div> /div> div classclients-carousel-wrapper> div classclients-carousel-container> div classclients-slide active>div classrow clients-slide-row>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/4.webp alt4 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/5.webp alt5 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/6.webp alt6 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/7.webp alt7 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/8.webp alt8 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/9.webp alt9 classimg-fluid>/div>/div>/div>/div>div classclients-slide>div classrow clients-slide-row>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/10.webp alt10 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/12.webp alt12 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/13.webp alt13 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/14.webp alt14 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/15.webp alt15 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/16.webp alt16 classimg-fluid>/div>/div>/div>/div>div classclients-slide>div classrow clients-slide-row>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/18.webp alt18 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/19.webp alt19 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/20.webp alt20 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/21.webp alt21 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/22.webp alt22 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/23.webp alt23 classimg-fluid>/div>/div>/div>/div>div classclients-slide>div classrow clients-slide-row>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/24.webp alt24 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/25.webp alt25 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/26.webp alt26 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/27.webp alt27 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/28.webp alt28 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/29.webp alt29 classimg-fluid>/div>/div>/div>/div>div classclients-slide>div classrow clients-slide-row>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/30.webp alt30 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/31.webp alt31 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/32.webp alt32 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/33.webp alt33 classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/Final-logo.webp altFinal-logo classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/I%20CAN%20MAX.webp altI CAN MAX classimg-fluid>/div>/div>/div>/div>div classclients-slide>div classrow clients-slide-row>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/hulm.webp althulm classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/logo.webp altlogo classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/mowthooq.webp altmowthooq classimg-fluid>/div>/div>div classcol-4 col-md-2 mb-3 mb-md-0>div classour-client-logo-item>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/ourclients/safety.webp altsafety classimg-fluid>/div>/div>/div>/div> /div> !-- Dots Navigation --> div classclients-carousel-dots> span classclients-dot active data-slide0>/span>span classclients-dot data-slide1>/span>span classclients-dot data-slide2>/span>span classclients-dot data-slide3>/span>span classclients-dot data-slide4>/span>span classclients-dot data-slide5>/span> /div> /div> /div>/section>!-- Reviews Section (آراء العملاء) -->section classreviews-testimonials-section> div classcontainer> div classrow> div classcol-12> h2 classsection-title> i classbi bi-star-fill>/i> آراء العملاء /h2> p classsection-subtitle>نفتخر بثقة عملائنا وتقييماتهم الإيجابية/p> /div> /div> div classreviews-carousel-wrapper> div classreviews-carousel-container> div classreview-slide active data-slide0>div classreviews-grid>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/1.png alt1 loadinglazy>/div>/div>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/2.png alt2 loadinglazy>/div>/div>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/3.png alt3 loadinglazy>/div>/div>/div>/div>div classreview-slide data-slide1>div classreviews-grid>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/4.png alt4 loadinglazy>/div>/div>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/5.png alt5 loadinglazy>/div>/div>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/6.png alt6 loadinglazy>/div>/div>/div>/div>div classreview-slide data-slide2>div classreviews-grid>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/7.png alt7 loadinglazy>/div>/div>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/8.png alt8 loadinglazy>/div>/div>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/9.png alt9 loadinglazy>/div>/div>/div>/div>div classreview-slide data-slide3>div classreviews-grid>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/10.png alt10 loadinglazy>/div>/div>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/11.png alt11 loadinglazy>/div>/div>div classreview-card>div classreview-card-inner>img srchttps://altaqany.sa/wp-content/themes/altaqany/assets/images/reviews/12.png alt12 loadinglazy>/div>/div>/div>/div> /div> !-- Navigation Dots --> div classreviews-carousel-dots> span classreview-dot active data-slide0>/span>span classreview-dot data-slide1>/span>span classreview-dot data-slide2>/span>span classreview-dot data-slide3>/span> /div> !-- Navigation Arrows --> button classreview-arrow review-arrow-prev> i classbi bi-chevron-right>/i> /button> button classreview-arrow review-arrow-next> i classbi bi-chevron-left>/i> /button> !-- More Reviews Button --> div classmore-reviews-wrapper> a hrefhttps://www.google.com/maps/place/%D8%A7%D9%84%D8%AA%D9%82%D9%86%D9%8A+%D8%A7%D9%84%D8%AD%D8%AF%D9%8A%D8%AB+%D9%84%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9%82+%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A%E2%80%AD/@24.8188262,46.8151264,1022m/data!3m1!1e3!4m8!3m7!1s0x3e2eff333bebc221:0x93e5245bf3d3fcfc!8m2!3d24.8188262!4d46.8129377!9m1!1b1!16s%2Fg%2F11vjf_27jc?entryttu&g_epEgoyMDI1MTEzMC4wIKXMDSoASAFQAw%3D%3D target_blank classmore-reviews-btn> span>المزيد من التقييمات/span> i classbi bi-arrow-left>/i> /a> /div> /div> /div>/section>style>/* Our Clients Section Styles */.our-clients-section { padding: 80px 20px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); margin: 60px 0;}.our-clients-section .section-title { font-size: 2.5rem; font-weight: 800; color: #0a1761; text-align: center; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; gap: 15px;}.our-clients-section .section-title i { color: #6c42eb; font-size: 2.2rem;}.our-clients-section .section-subtitle { text-align: center; color: #666; font-size: 1.1rem; margin-bottom: 50px;}.clients-carousel-wrapper { position: relative; max-width: 1200px; margin: 0 auto;}.clients-carousel-container { position: relative; overflow: hidden; min-height: 200px;}.clients-slide { display: none; opacity: 0; transition: opacity 2s ease-in-out; width: 100%;}.clients-slide.active { display: block; opacity: 1;}.clients-slide-row { margin: 0 -10px; display: flex; flex-wrap: wrap;}@media (min-width: 768px) { .clients-slide-row { margin: 0 -15px; flex-wrap: nowrap; /* One row on desktop */ }}.our-client-logo-item { background: #ffffff; border-radius: 12px; padding: 20px; height: 120px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; border: 1px solid #f0f0f0; margin: 0 10px;}.our-client-logo-item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(10, 23, 97, 0.15); border-color: #6c42eb;}.our-client-logo-item img { max-width: 100%; max-height: 80px; object-fit: contain; filter: grayscale(30%); transition: all 0.3s ease;}.our-client-logo-item:hover img { filter: grayscale(0%); transform: scale(1.05);}/* Dots Navigation */.clients-carousel-dots { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 40px; flex-wrap: wrap;}.clients-dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(10, 23, 97, 0.3); cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent;}.clients-dot:hover { background: rgba(10, 23, 97, 0.5); transform: scale(1.2);}.clients-dot.active { background: #6c42eb; width: 30px; border-radius: 15px; border-color: #6c42eb;}/* Responsive Design */@media (min-width: 768px) { .our-client-logo-item { padding: 25px; height: 140px; margin: 0 15px; } .our-client-logo-item img { max-height: 100px; } .clients-slide-row { margin: 0 -15px; }}@media (max-width: 767px) { .our-clients-section { padding: 50px 15px; } .our-clients-section .section-title { font-size: 1.8rem; } .our-client-logo-item { height: 100px; padding: 15px; } .our-client-logo-item img { max-height: 70px; } /* Ensure 3x2 grid on mobile */ .clients-slide-row .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; padding-left: 10px; padding-right: 10px; }}/* Reviews Testimonials Section Styles */.reviews-testimonials-section { padding: 100px 20px; background: linear-gradient(135deg, #f0f4f8 0%, #ffffff 50%, #f8fafc 100%); margin: 80px 0; position: relative; overflow: hidden;}.reviews-testimonials-section::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 50%, rgba(108, 66, 235, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(10, 23, 97, 0.05) 0%, transparent 50%); pointer-events: none;}.reviews-testimonials-section .section-title { font-size: 2.8rem; font-weight: 800; color: #0a1761; text-align: center; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 15px; position: relative; z-index: 1;}.reviews-testimonials-section .section-title i { color: #6c42eb; font-size: 2.5rem; animation: pulse 2s ease-in-out infinite;}@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); }}.reviews-testimonials-section .section-subtitle { text-align: center; color: #666; font-size: 1.2rem; margin-bottom: 60px; position: relative; z-index: 1; font-weight: 400;}.reviews-carousel-wrapper { position: relative; max-width: 1400px; margin: 0 auto; z-index: 1;}.reviews-carousel-container { position: relative; overflow: hidden; min-height: 550px; border-radius: 20px; padding: 20px; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);}.review-slide { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.8s ease; padding: 20px; z-index: 1;}.review-slide.active { opacity: 1; visibility: visible; z-index: 2; position: relative;}.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: start;}.review-card { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative;}.review-card::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(108, 66, 235, 0.05) 0%, transparent 100%); opacity: 0; transition: opacity 0.4s ease; z-index: 1; pointer-events: none;}.review-card:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(108, 66, 235, 0.2);}.review-card:hover::before { opacity: 1;}.review-card-inner { position: relative; width: 100%; padding-bottom: 130%; overflow: hidden; background: #ffffff;}.review-card-inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; padding: 15px; transition: transform 0.4s ease;}.review-card:hover .review-card-inner img { transform: scale(1.02);}/* Navigation Dots */.reviews-carousel-dots { display: flex; justify-content: center; align-items: center; gap: 28px; margin-top: 40px; flex-wrap: wrap;}.review-dot { width: 14px; height: 14px; border-radius: 50%; background: #d1d5db; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; flex-shrink: 0; min-width: 14px;}.review-dot::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 20px; height: 20px; border-radius: 50%; background: rgba(108, 66, 235, 0.2); transition: transform 0.3s ease;}.review-dot:hover { background: #9ca3af; transform: scale(1.1);}.review-dot.active { background: #6c42eb; width: 40px; border-radius: 20px; box-shadow: 0 4px 12px rgba(108, 66, 235, 0.4); margin: 0 2px;}.review-dot.active::before { transform: translate(-50%, -50%) scale(1);}/* Navigation Arrows */.review-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: #ffffff; border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 10; color: #6c42eb; font-size: 1.5rem;}.review-arrow:hover { background: #6c42eb; color: #ffffff; box-shadow: 0 6px 25px rgba(108, 66, 235, 0.4); transform: translateY(-50%) scale(1.1);}.review-arrow-prev { left: -25px;}.review-arrow-next { right: -25px;}.review-arrow i { transition: transform 0.3s ease;}.review-arrow:hover i { transform: translateX(-2px);}.review-arrow-prev:hover i { transform: translateX(2px);}/* More Reviews Button */.more-reviews-wrapper { text-align: center; margin-top: 50px;}.more-reviews-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 16px 40px; background: linear-gradient(135deg, #6c42eb 0%, #0a1761 100%); color: #ffffff; font-size: 1.1rem; font-weight: 600; text-decoration: none; border-radius: 50px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 20px rgba(108, 66, 235, 0.3); position: relative; overflow: hidden;}.more-reviews-btn::before { content: ; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s ease;}.more-reviews-btn:hover::before { left: 100%;}.more-reviews-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(108, 66, 235, 0.5); background: linear-gradient(135deg, #7d52ff 0%, #1a2b7a 100%); color: #ffffff; text-decoration: none;}.more-reviews-btn i { font-size: 1rem; transition: transform 0.3s ease;}.more-reviews-btn:hover i { transform: translateX(-4px);}/* Responsive Design */@media (max-width: 1200px) { .reviews-grid { gap: 25px; } .review-arrow { width: 45px; height: 45px; } .review-arrow-prev { left: -20px; } .review-arrow-next { right: -20px; }}@media (max-width: 991px) { .reviews-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } .reviews-testimonials-section { padding: 80px 20px; } .reviews-testimonials-section .section-title { font-size: 2.2rem; }}@media (max-width: 768px) { .reviews-testimonials-section { padding: 60px 15px; margin: 60px 0; } .reviews-testimonials-section .section-title { font-size: 1.9rem; flex-direction: column; gap: 10px; } .reviews-testimonials-section .section-title i { font-size: 2rem; } .reviews-testimonials-section .section-subtitle { font-size: 1rem; margin-bottom: 40px; } .reviews-carousel-container { padding: 15px; min-height: 450px; } .reviews-grid { grid-template-columns: 1fr; gap: 20px; } .review-card-inner { padding-bottom: 120%; } .review-arrow { width: 40px; height: 40px; font-size: 1.2rem; } .review-arrow-prev { left: 10px; } .review-arrow-next { right: 10px; } .reviews-carousel-dots { margin-top: 30px; gap: 24px; } .review-dot { width: 12px; height: 12px; min-width: 12px; } .review-dot.active { width: 35px; margin: 0 2px; } .more-reviews-wrapper { margin-top: 35px; } .more-reviews-btn { padding: 14px 30px; font-size: 1rem; }}/style>script>document.addEventListener(DOMContentLoaded, function() { const slides document.querySelectorAll(.clients-slide); const dots document.querySelectorAll(.clients-dot); let currentSlide 0; let slideInterval; // Function to show specific slide function showSlide(index) { // Remove active class from all slides and dots slides.forEach(slide > slide.classList.remove(active)); dots.forEach(dot > dot.classList.remove(active)); // Add active class to current slide and dot if (slidesindex) { slidesindex.classList.add(active); } if (dotsindex) { dotsindex.classList.add(active); } currentSlide index; } // Function to go to next slide function nextSlide() { const next (currentSlide + 1) % slides.length; showSlide(next); } // Function to go to previous slide function prevSlide() { const prev (currentSlide - 1 + slides.length) % slides.length; showSlide(prev); } // Add click event to dots dots.forEach((dot, index) > { dot.addEventListener(click, function() { // Prevent clicking if already on this slide if (currentSlide index) return; // Reset auto-slide timer resetAutoSlide(); // Show the selected slide (transition will be handled by CSS) showSlide(index); }); }); // Auto slide function function startAutoSlide() { slideInterval setInterval(nextSlide, 2000); // Change slide every 2 seconds } function resetAutoSlide() { clearInterval(slideInterval); startAutoSlide(); } // Start auto slide if (slides.length > 1) { startAutoSlide(); // Pause on hover const carouselWrapper document.querySelector(.clients-carousel-wrapper); if (carouselWrapper) { carouselWrapper.addEventListener(mouseenter, function() { clearInterval(slideInterval); }); carouselWrapper.addEventListener(mouseleave, function() { startAutoSlide(); }); } }});// Reviews Carousel Functionalitydocument.addEventListener(DOMContentLoaded, function() { const reviewSlides document.querySelectorAll(.review-slide); const reviewDots document.querySelectorAll(.review-dot); const prevArrow document.querySelector(.review-arrow-prev); const nextArrow document.querySelector(.review-arrow-next); if (reviewSlides.length 0) return; let currentReviewSlide 0; let reviewSlideInterval; // Function to show a specific slide function showReviewSlide(index) { // Remove active class from all slides and dots reviewSlides.forEach(slide > slide.classList.remove(active)); reviewDots.forEach(dot > dot.classList.remove(active)); // Add active class to current slide and dot if (reviewSlidesindex) { reviewSlidesindex.classList.add(active); } if (reviewDotsindex) { reviewDotsindex.classList.add(active); } currentReviewSlide index; } // Function to go to next slide function nextReviewSlide() { const next (currentReviewSlide + 1) % reviewSlides.length; showReviewSlide(next); resetReviewInterval(); } // Function to go to previous slide function prevReviewSlide() { const prev (currentReviewSlide - 1 + reviewSlides.length) % reviewSlides.length; showReviewSlide(prev); resetReviewInterval(); } // Add click event to dots reviewDots.forEach((dot, index) > { dot.addEventListener(click, function() { if (currentReviewSlide index) return; showReviewSlide(index); resetReviewInterval(); }); }); // Add click event to arrows if (nextArrow) { nextArrow.addEventListener(click, nextReviewSlide); } if (prevArrow) { prevArrow.addEventListener(click, prevReviewSlide); } // Auto slide function function startReviewAutoSlide() { reviewSlideInterval setInterval(nextReviewSlide, 4000); } function resetReviewInterval() { clearInterval(reviewSlideInterval); startReviewAutoSlide(); } // Start auto slide if (reviewSlides.length > 1) { startReviewAutoSlide(); // Pause on hover const carouselWrapper document.querySelector(.reviews-carousel-wrapper); if (carouselWrapper) { carouselWrapper.addEventListener(mouseenter, function() { clearInterval(reviewSlideInterval); }); carouselWrapper.addEventListener(mouseleave, function() { startReviewAutoSlide(); }); } } // Keyboard navigation document.addEventListener(keydown, function(e) { const carouselWrapper document.querySelector(.reviews-carousel-wrapper); if (!carouselWrapper) return; const rect carouselWrapper.getBoundingClientRect(); const isVisible rect.top window.innerHeight && rect.bottom > 0; if (isVisible) { if (e.key ArrowLeft) { prevReviewSlide(); } else if (e.key ArrowRight) { nextReviewSlide(); } } }); // Touch swipe for mobile let touchStartX 0; let touchEndX 0; const carouselContainer document.querySelector(.reviews-carousel-container); if (carouselContainer) { carouselContainer.addEventListener(touchstart, function(e) { touchStartX e.changedTouches0.screenX; }, { passive: true }); carouselContainer.addEventListener(touchend, function(e) { touchEndX e.changedTouches0.screenX; handleSwipe(); }, { passive: true }); function handleSwipe() { const minSwipeDistance 50; const swipeDistance touchStartX - touchEndX; if (Math.abs(swipeDistance) > minSwipeDistance) { if (swipeDistance > 0) { // Swiped left - next nextReviewSlide(); } else { // Swiped right - previous prevReviewSlide(); } } } }});/script>!-- Reworked Footer with Updated Styling -->footer classtaqany-footer> div classtaqany-footer__container> !-- Links Section --> div classtaqany-footer__links> !-- Services Column --> div classtaqany-footer__links-column> h3 classtaqany-footer__heading>خدماتنا i classbi bi-grid-3x3-gap>/i>/h3> ul classtaqany-footer__links-list> li>a hrefhttps://altaqany.sa/product-category/e-commerce/>i classbi bi-cart4>/i> التجارة الإلكترونية/a>/li> li>a hrefhttps://altaqany.sa/product-category/software-services/>i classbi bi-code-slash>/i> البرمجة والتطوير/a>/li> li>a hrefhttps://altaqany.sa/product-category/video-editing/>i classbi bi-camera-video>/i> خدمات الفيديو والصوت/a>/li> li>a hrefhttps://altaqany.sa/product-category/graphic-design/>i classbi bi-palette>/i> خدمات التصميم/a>/li> li>a hrefhttps://altaqany.sa/product-category/advertising-and-marketing/>i classbi bi-bullseye>/i> الإعلان والتسويق/a>/li> /ul> /div> !-- Packages Column --> div classtaqany-footer__links-column> h3 classtaqany-footer__heading>باقاتنا i classbi bi-box-seam>/i>/h3> ul classtaqany-footer__links-list> li>a hrefhttps://altaqany.sa/packages/ecommerce/>i classbi bi-shop>/i> باقات التجارة الإلكترونية/a>/li> li>a hrefhttps://altaqany.sa/packages/seo-packages/>i classbi bi-search>/i> باقات تحسين محركات البحث/a>/li> li>a hrefhttps://altaqany.sa/packages/social-media-management/>i classbi bi-instagram>/i> باقات السوشيال ميديا/a>/li> li>a hrefhttps://altaqany.sa/packages/website-dv/>i classbi bi-window-desktop>/i> باقات تطوير المواقع/a>/li> li>a hrefhttps://altaqany.sa/packages/profile-company/>i classbi bi-file-earmark-person>/i> باقات الملف التعريفي/a>/li> li>a hrefhttps://altaqany.sa/packages/brand-identity/>i classbi bi-palette2>/i> باقات الهوية البصرية/a>/li> /ul> /div> !-- Portfolio Column --> div classtaqany-footer__links-column> h3 classtaqany-footer__heading>ملف الأعمال i classbi bi-briefcase>/i>/h3> ul classtaqany-footer__links-list> li>a hrefhttps://altaqany.sa/portfolio/programming/>i classbi bi-globe>/i> المواقع والمتاجر/a>/li> li>a hrefhttps://altaqany.sa/portfolio/graphic-design/>i classbi bi-palette>/i> التصميم الجرافيكي/a>/li> li>a hrefhttps://altaqany.sa/portfolio/voice-over/>i classbi bi-megaphone>/i> الفويس اوفر/a>/li> li>a hrefhttps://altaqany.sa/portfolio/seo-sales/>i classbi bi-search>/i> محركات البحث | SEO/a>/li> /ul> /div> !-- Quick Links Column --> div classtaqany-footer__links-column> h3 classtaqany-footer__heading>روابط سريعة i classbi bi-lightning-charge>/i>/h3> ul classtaqany-footer__links-list> li>a hrefhttps://altaqany.sa/>i classbi bi-house-door>/i> الصفحة الرئيسية/a>/li> li>a hrefhttps://altaqany.sa/blog/>i classbi bi-newspaper>/i> المدونة/a>/li> li>a hrefhttps://altaqany.sa/wp-content/uploads/2024/12/alteqany-profile-company.pdf target_blank>i classbi bi-file-earmark-text>/i> الملف التعريفي/a>/li> li>a hrefhttps://altaqany.sa/wp-content/uploads/2024/12/Portfolio.pdf target_blank>i classbi bi-briefcase>/i> ملف الأعمال/a>/li> li>a hrefhttps://altaqany.sa/common-questions/>i classbi bi-question-circle>/i> الأسئلة الشائعة/a>/li> li>a hrefhttps://altaqany.sa/policies/>i classbi bi-shield-check>/i> سياسة الخصوصية/a>/li> /ul> /div> /div> !-- Main Footer Content --> div classtaqany-footer__main> !-- Logo and Company Info --> div classtaqany-footer__company> div classtaqany-footer__logo-container> a hrefhttps://altaqany.sa/ classtaqany-footer__logo> img srchttps://altaqany.sa/wp-content/uploads/2024/07/شعار-التقني-الحديث-01.png altالتقني الحديث> /a> /div> p classtaqany-footer__slogan>نبتكر حلولاً رقمية متكاملة لنجاح أعمالك/p> /div> !-- Contact Icons in One Line --> div classtaqany-footer__contact> div classtaqany-footer__contact-icons> a hrefmailto:info@altaqany.sa aria-labelالبريد الإلكتروني> i classbi bi-envelope-fill>/i> /a> a hreftel:+966562421588 onclickreturn gtag_report_conversion(tel:+966562421588); aria-labelالهاتف> i classbi bi-telephone-fill>/i> /a> a hrefhttps://maps.app.goo.gl/rxNgNFabVe3uTPL6A target_blank aria-labelالموقع> i classbi bi-geo-alt-fill>/i> /a> a hrefhttps://altaqany.sa/contact-us/ aria-labelنموذج التواصل> i classbi bi-chat-dots-fill>/i> /a> /div> /div> !-- Social Media --> div classtaqany-footer__social> a hrefhttps://instagram.com/altaqni_alhadith target_blank aria-labelInstagram> i classbi bi-instagram>/i> /a> a hrefhttps://www.snapchat.com/add/altaqany target_blank aria-labelSnapchat> i classbi bi-snapchat>/i> /a> a hrefhttps://www.tiktok.com/@altaqni_alhadith target_blank aria-labelTikTok> i classbi bi-tiktok>/i> /a> a hrefhttps://wa.me/966562421588 target_blank aria-labelWhatsApp> i classbi bi-whatsapp>/i> /a> /div> !-- Payment Methods - Smaller Size --> div classtaqany-footer__payment> div classtaqany-footer__payment-methods> div classtaqany-footer__payment-item> img srchttps://altaqany.sa/wp-content/uploads/2024/12/mada.png altMada> /div> div classtaqany-footer__payment-item> img srchttps://altaqany.sa/wp-content/uploads/2025/02/tamara.png altTamara> /div> div classtaqany-footer__payment-item> img srchttps://altaqany.sa/wp-content/uploads/2024/12/applepay.png altApple Pay> /div> div classtaqany-footer__payment-item> img srchttps://altaqany.sa/wp-content/uploads/2024/12/visa.png altVisa> /div> div classtaqany-footer__payment-item> img srchttps://altaqany.sa/wp-content/uploads/2024/12/JgbK3sdmqb4jbdS1NLt6otYYH7ArDipt5Hetqypo.webp altTabby> /div> /div> /div> !-- Official Documents and Vision --> div classtaqany-footer__bottom> a hrefhttps://altaqany.sa/wp-content/uploads/2025/01/alwathaeq.pdf target_blank classtaqany-footer__docs-link> div classtaqany-footer__docs-container> img srchttps://altaqany.sa/wp-content/uploads/2025/01/barcode.webp altالوثائق الرسمية> /div> /a> a href# classtaqany-footer__vision-logo> img srchttps://altaqany.sa/wp-content/uploads/2024/12/logo2030-01.webp altرؤية 2030> /a> /div> /div> /div> !-- Copyright at the Very Bottom --> div classtaqany-footer__copyright> div classtaqany-footer__container> p>© 2026 جميع الحقوق محفوظة لدى التقني الحديث/p> /div> /div>/footer>!-- Enhanced Floating WhatsApp Button -->div classtaqany-whatsapp> a hrefhttps://wa.me/966562421588 target_blank classtaqany-whatsapp__button> span classtaqany-whatsapp__pulse>/span> span classtaqany-whatsapp__bubble>هل تحتاج إلى مساعدة؟/span> div classtaqany-whatsapp__icon> i classbi bi-whatsapp>/i> span classtaqany-whatsapp__notification>7/span> /div> span classtaqany-whatsapp__text>تواصل معنا الآن/span> /a> div classtaqany-whatsapp__tooltip> div classtaqany-whatsapp__tooltip-content> img srchttps://altaqany.sa/wp-content/uploads/2024/07/شعار-التقني-الحديث-01.png altSupport classtaqany-whatsapp__tooltip-img> h4>خدمة العملاء/h4> p>نحن هنا للمساعدة/p> span classtaqany-whatsapp__online> span classtaqany-whatsapp__online-dot>/span> متصل الآن /span> /div> /div>/div>!-- Floating Call Button -->div classtaqany-call> a hreftel:+966562421588 classtaqany-call__button onclickreturn gtag_report_conversion(tel:+966562421588);> span classtaqany-call__pulse>/span> span classtaqany-call__bubble>اتصل بنا مباشرة/span> div classtaqany-call__icon> i classbi bi-telephone-fill>/i> /div> span classtaqany-call__text>اتصل الآن/span> /a>/div>style>/* FOOTER STYLING - COMPLETELY ISOLATED STYLES *//* Ensures no conflicts with other styles on the site *//* Pre-Footer CTA Buttons */.taqany-prefooter { padding: 50px 20px; background-color: #f5f5f7; position: relative; z-index: 1; width: 100%; box-sizing: border-box;}.taqany-prefooter *,.taqany-footer *,.taqany-whatsapp *,.taqany-call * { box-sizing: border-box; margin: 0; padding: 0;}.taqany-prefooter__container { max-width: 1400px; margin: 0 auto; display: flex; gap: 30px; justify-content: center;}.taqany-prefooter__btn { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 15px 40px; border-radius: 50px; font-size: 1.2rem; font-weight: 700; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);}.taqany-prefooter__btn--portfolio { background: linear-gradient(135deg, #0a1761, #6c42eb); color: white;}.taqany-prefooter__btn--contact { background: white; color: #0a1761; border: 2px solid #0a1761;}.taqany-prefooter__btn:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);}.taqany-prefooter__btn--portfolio:hover { background: linear-gradient(135deg, #0a1761, #8a60ff);}.taqany-prefooter__btn--contact:hover { background: rgba(10, 23, 97, 0.05);}.taqany-prefooter__btn i { font-size: 1.3rem;}/* Main Footer Styling - UPDATED with brighter gray gradient */.taqany-footer { font-family: NHC, sans-serif; direction: rtl; color: #333; /* Changed to darker text for better contrast */ background: linear-gradient(135deg, #f0f0f0, #e0e0e0); /* Brighter gray gradient */ position: relative; z-index: 1; width: 100%; /* Keep the clip-path for top wave effect */ clip-path: polygon( 0 0, 100% 30px, 100% 100%, 0 100% ); padding-top: 30px; /* Match clip-path curve */}.taqany-footer__container { max-width: 1400px; margin: 0 auto; padding: 0 20px;}/* Links Section */.taqany-footer__links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding: 50px 0 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Updated for better contrast */}.taqany-footer__heading { color: #333; /* Darker color for better contrast */ font-size: 1.2rem; margin: 0 0 15px; font-weight: 700; display: flex; align-items: center; gap: 10px;}.taqany-footer__heading i { color: #333; /* Updated icon color */}.taqany-footer__links-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px;}.taqany-footer__links-list a { display: flex !important; align-items: center !important; gap: 8px !important; color: #333 !important; /* Updated text color */ text-decoration: none !important; transition: all 0.3s ease !important; font-size: 0.9rem !important; background-color: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; line-height: 1.5 !important; font-weight: normal !important; text-align: right !important;}.taqany-footer__links-list a:hover { color: #000 !important; /* Updated hover color */ transform: translateX(-5px) !important; background-color: transparent !important; text-decoration: none !important;}.taqany-footer__links-list i { color: #333 !important; /* Updated icon color */ font-size: 0.9rem !important; margin: 0 !important; padding: 0 !important;}/* Main Footer Content */.taqany-footer__main { padding: 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 30px;}/* Logo and Company Info - Updated with transparent background */.taqany-footer__company { display: flex; flex-direction: column; align-items: center; text-align: center;}.taqany-footer__logo-container { background: transparent; /* Removed white background */ padding: 10px; border-radius: 10px; margin-bottom: 15px; transition: all 0.3s ease; box-shadow: none; /* Removed shadow */}.taqany-footer__logo-container:hover { transform: translateY(-5px);}.taqany-footer__logo { display: block; max-width: 110px;}.taqany-footer__logo img { width: 100%; height: auto; object-fit: contain;}.taqany-footer__slogan { margin: 0; font-size: 0.95rem; color: #333; /* Updated text color */}/* Contact Icons in One Line - Updated colors */.taqany-footer__contact-icons { display: flex; gap: 15px;}.taqany-footer__contact-icons a { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; background: rgba(0, 0, 0, 0.1) !important; /* Updated background */ color: #333 !important; /* Updated icon color */ border-radius: 50% !important; transition: all 0.3s ease !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; border: none !important;}.taqany-footer__contact-icons a:hover { background: white !important; color: #333 !important; /* Updated hover color */ transform: translateY(-5px) !important;}.taqany-footer__contact-icons i { font-size: 1.1rem !important;}/* Social Media - Updated colors */.taqany-footer__social { display: flex; gap: 15px;}.taqany-footer__social a { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; background: rgba(0, 0, 0, 0.1) !important; /* Updated background */ color: #333 !important; /* Updated icon color */ border-radius: 50% !important; transition: all 0.3s ease !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; border: none !important;}.taqany-footer__social a:hover { background: white !important; color: #333 !important; /* Updated hover color */ transform: translateY(-5px) !important;}.taqany-footer__social i { font-size: 1.1rem !important;}/* Payment Methods - Smaller Size */.taqany-footer__payment-methods { display: flex; gap: 12px; align-items: center;}.taqany-footer__payment-item { background: white; border-radius: 8px; padding: 5px; width: 45px; height: 30px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease;}.taqany-footer__payment-item:hover { transform: translateY(-3px);}.taqany-footer__payment-item img { max-width: 100%; max-height: 100%; object-fit: contain;}/* Bottom Section */.taqany-footer__bottom { display: flex; gap: 20px; align-items: center;}.taqany-footer__docs-container { background: white; padding: 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}.taqany-footer__docs-container:hover { transform: translateY(-5px);}.taqany-footer__docs-container img { height: 50px; object-fit: contain;}.taqany-footer__vision-logo { display: block; max-width: 100px; transition: transform 0.3s ease;}.taqany-footer__vision-logo:hover { transform: translateY(-5px);}.taqany-footer__vision-logo img { width: 100%; height: auto; filter: brightness(0); /* Added black filter */}/* Copyright at the very bottom - Updated background */.taqany-footer__copyright { background: rgba(0, 0, 0, 0.1); /* Updated to lighter background */ padding: 15px 0; text-align: center;}.taqany-footer__copyright p { margin: 0; font-size: 0.9rem; color: #333; /* Updated text color */}/* Modern WhatsApp Button Styles */.taqany-whatsapp { position: fixed !important; bottom: 30px !important; left: 30px !important; z-index: 99999 !important; /* Higher z-index to ensure it stays on top */ font-family: NHC, sans-serif; direction: rtl; pointer-events: auto !important; /* Ensure its clickable */}.taqany-whatsapp__button { display: flex !important; align-items: center !important; background: linear-gradient(135deg, #25D366, #128C7E) !important; color: white !important; text-decoration: none !important; border-radius: 30px !important; padding: 12px 25px 12px 15px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; direction: rtl !important; overflow: visible !important; position: relative !important; border: none !important; box-shadow: 0 8px 20px rgba(37, 211, 102, 0.3); backdrop-filter: blur(10px);}.taqany-whatsapp__button:hover { transform: translateY(-5px) scale(1.05) !important; box-shadow: 0 15px 35px rgba(37, 211, 102, 0.5) !important;}.taqany-whatsapp__button:active { transform: translateY(0) scale(0.98) !important;}/* Pulse Animation */.taqany-whatsapp__pulse { position: absolute; inset: -5px; z-index: 0; border-radius: 35px; background-color: #25d366; opacity: 0; pointer-events: none; animation: taqany-pulse 2s infinite;}@keyframes taqany-pulse { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.5); opacity: 0; }}/* Chat Bubble */.taqany-whatsapp__bubble { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); background: rgba(0, 0, 0, 0.8); color: white; padding: 8px 15px; border-radius: 20px; font-size: 13px; white-space: nowrap; opacity: 0; pointer-events: none; transition: all 0.3s ease;}.taqany-whatsapp__button:hover .taqany-whatsapp__bubble { opacity: 1; transform: translateX(-50%) translateY(-15px);}.taqany-whatsapp__bubble::after { content: ; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); border-width: 5px 5px 0 5px; border-style: solid; border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;}/* Icon Container */.taqany-whatsapp__icon { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; margin-left: 12px; position: relative; z-index: 1; backdrop-filter: blur(5px); transition: all 0.3s ease;}.taqany-whatsapp__button:hover .taqany-whatsapp__icon { transform: rotate(360deg); background-color: rgba(255, 255, 255, 0.3);}.taqany-whatsapp__icon i { font-size: 26px !important; color: white !important; transition: all 0.3s ease;}/* Notification Badge */.taqany-whatsapp__notification { position: absolute; top: -5px; right: -5px; background: #ff4444; color: white; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: bold; animation: badge-bounce 1s infinite;}@keyframes badge-bounce { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); }}/* Button Text */.taqany-whatsapp__text { font-weight: 700; font-size: 16px; white-space: nowrap; position: relative; z-index: 1; transition: all 0.3s ease;}/* Enhanced Tooltip */.taqany-whatsapp__tooltip { position: absolute; bottom: 100%; left: 0; background: white; border-radius: 15px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); width: 250px; opacity: 0; pointer-events: none; transform: translateY(10px); transition: all 0.3s ease; margin-bottom: 15px; overflow: hidden;}.taqany-whatsapp__button:hover + .taqany-whatsapp__tooltip { opacity: 1; pointer-events: auto; transform: translateY(0);}.taqany-whatsapp__tooltip-content { padding: 20px; text-align: center;}.taqany-whatsapp__tooltip-img { width: 60px; height: 60px; border-radius: 50%; margin-bottom: 10px; border: 3px solid #25D366; object-fit: cover;}.taqany-whatsapp__tooltip h4 { margin: 0 0 5px; color: #333; font-size: 16px;}.taqany-whatsapp__tooltip p { margin: 0 0 10px; color: #666; font-size: 14px;}.taqany-whatsapp__online { display: inline-flex; align-items: center; gap: 8px; color: #25D366; font-size: 13px; font-weight: 500;}.taqany-whatsapp__online-dot { width: 8px; height: 8px; background: #25D366; border-radius: 50%; display: inline-block; animation: dot-blink 1.5s infinite;}@keyframes dot-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; }}/* Responsive Styles */@media (max-width: 768px) { .taqany-whatsapp { bottom: 20px; left: 20px; } .taqany-whatsapp__button { padding: 15px !important; border-radius: 50% !important; width: 60px !important; height: 60px !important; justify-content: center !important; } .taqany-whatsapp__icon { margin: 0 !important; } .taqany-whatsapp__text, .taqany-whatsapp__bubble { display: none !important; } .taqany-whatsapp__tooltip { display: none !important; } .taqany-whatsapp__notification { top: 5px; right: 5px; }}/* Additional modern touches */.taqany-whatsapp__button::before { content: ; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) ); transition: all 0.3s ease; opacity: 0;}.taqany-whatsapp__button:hover::before { opacity: 1;}/* Typing indicator animation */.taqany-whatsapp__typing { display: flex; gap: 4px; position: absolute; bottom: 5px; left: 15px;}.taqany-whatsapp__typing span { width: 6px; height: 6px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; animation: typing-bounce 1.4s infinite;}.taqany-whatsapp__typing span:nth-child(2) { animation-delay: 0.2s;}.taqany-whatsapp__typing span:nth-child(3) { animation-delay: 0.4s;}@keyframes typing-bounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); }}/* Floating Call Button Styles - Mobile Only */.taqany-call { position: fixed !important; bottom: 160px !important; /* Position above WhatsApp button */ left: 20px !important; /* Same side as WhatsApp */ z-index: 99998 !important; /* High z-index to stay on top */ font-family: NHC, sans-serif; direction: rtl; display: none; /* Hidden by default (desktop) */ pointer-events: auto !important; /* Ensure its clickable */}.taqany-call__button { display: flex !important; align-items: center !important; background: linear-gradient(135deg, #007bff, #0056b3) !important; color: white !important; text-decoration: none !important; border-radius: 50% !important; padding: 0 !important; width: 60px !important; height: 60px !important; justify-content: center !important; transition: all 0.3s ease !important; direction: rtl !important; overflow: visible !important; position: relative !important; border: none !important; box-shadow: 0 4px 15px rgba(0, 123, 255, 0.4) !important; backdrop-filter: blur(10px);}.taqany-call__button:hover { transform: translateY(-3px) scale(1.1) !important; box-shadow: 0 8px 25px rgba(0, 123, 255, 0.6) !important; background: linear-gradient(135deg, #0056b3, #004085) !important;}.taqany-call__button:active { transform: translateY(0) scale(0.98) !important;}/* Call Button Pulse Animation */.taqany-call__pulse { position: absolute; inset: -3px; z-index: 0; border-radius: 50%; background-color: #007bff; opacity: 0; pointer-events: none; animation: call-pulse 2s infinite;}@keyframes call-pulse { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.5); opacity: 0; }}/* Call Bubble */.taqany-call__bubble { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); background: rgba(0, 0, 0, 0.8); color: white; padding: 8px 15px; border-radius: 20px; font-size: 13px; white-space: nowrap; opacity: 0; pointer-events: none; transition: all 0.3s ease;}.taqany-call__button:hover .taqany-call__bubble { opacity: 1; transform: translateX(-50%) translateY(-15px);}.taqany-call__bubble::after { content: ; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); border-width: 5px 5px 0 5px; border-style: solid; border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;}/* Call Icon Container */.taqany-call__icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; margin: 0; position: relative; z-index: 1; transition: all 0.3s ease;}.taqany-call__button:hover .taqany-call__icon { transform: rotate(15deg);}.taqany-call__icon i { font-size: 24px !important; color: white !important; transition: all 0.3s ease;}/* Call Button Text */.taqany-call__text { font-weight: 700; font-size: 16px; white-space: nowrap; position: relative; z-index: 1; transition: all 0.3s ease;}/* Mobile styles for call button - Show only on mobile */@media (max-width: 768px) { .taqany-call { display: block !important; /* Show on mobile */ position: fixed !important; bottom: 160px !important; /* Above WhatsApp button */ left: 20px !important; /* Same side as WhatsApp */ z-index: 99998 !important; pointer-events: auto !important; } .taqany-call__button { padding: 0 !important; border-radius: 50% !important; width: 60px !important; height: 60px !important; justify-content: center !important; box-shadow: 0 4px 15px rgba(0, 123, 255, 0.4) !important; } .taqany-call__icon { margin: 0 !important; width: 100% !important; height: 100% !important; } .taqany-call__text, .taqany-call__bubble { display: none !important; }}/* Responsive Styles */@media (max-width: 1200px) { .taqany-footer__links { grid-template-columns: repeat(2, 1fr); gap: 25px; } .taqany-footer__main { justify-content: center; text-align: center; }}@media (max-width: 768px) { .taqany-prefooter__container { flex-direction: column; align-items: center; } .taqany-prefooter__btn { width: 100%; max-width: 300px; } /* Mobile links layout - 2x2 grid */ .taqany-footer__links { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); gap: 20px; padding: 40px 0 25px; } /* Position each section in the grid */ .taqany-footer__links-column:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .taqany-footer__links-column:nth-child(2) { grid-area: 1 / 2 / 2 / 3; } .taqany-footer__links-column:nth-child(3) { grid-area: 2 / 1 / 3 / 2; } .taqany-footer__links-column:nth-child(4) { grid-area: 2 / 2 / 3 / 3; } /* Adjust heading size on mobile */ .taqany-footer__heading { font-size: 1.1rem; margin-bottom: 10px; } /* Links list in a single column */ .taqany-footer__links-list { display: flex; flex-direction: column; gap: 8px; } .taqany-footer__links-list a { font-size: 0.85rem !important; padding: 3px 0 !important; } .taqany-footer__main { flex-direction: column; gap: 25px; } .taqany-footer__payment-methods { justify-content: center; flex-wrap: wrap; } .taqany-footer__bottom { flex-direction: column; } /* Mobile WhatsApp Button */ .taqany-whatsapp { position: fixed !important; bottom: 90px !important; /* Position below call button on mobile */ left: 20px !important; z-index: 99999 !important; pointer-events: auto !important; } .taqany-whatsapp__button { padding: 0 !important; width: 60px !important; height: 60px !important; border-radius: 50% !important; justify-content: center !important; } .taqany-whatsapp__icon { margin-left: 0 !important; } .taqany-whatsapp__text { display: none !important; }}@media (max-width: 480px) { .taqany-footer__logo { max-width: 90px; } .taqany-footer__contact-icons a, .taqany-footer__social a { width: 36px !important; height: 36px !important; } /* Make headings even smaller on very small screens */ .taqany-footer__heading { font-size: 1rem; } /* Adjust links for very small screens */ .taqany-footer__links-list a { font-size: 0.8rem !important; }}/style>script>/* Complete Footer JavaScript with Overlap Prevention */document.addEventListener(DOMContentLoaded, function() { // Namespace for all functions const FooterManager { init: function() { this.setupFooterLinks(); this.setupSocialIcons(); this.setupContactIcons(); this.setupWhatsappButton(); this.setupResponsiveHandlers(); this.preventOverlapping(); this.setupObservers(); this.initializeLazyLoading(); }, // Setup footer links with proper event handling setupFooterLinks: function() { const footerLinks document.querySelectorAll(.taqany-footer__links-list a); footerLinks.forEach(link > { // Remove any existing handlers link.removeEventListener(mouseenter, this.linkMouseEnter); link.removeEventListener(mouseleave, this.linkMouseLeave); link.removeEventListener(click, this.preventConflicts); // Add new handlers link.addEventListener(mouseenter, this.linkMouseEnter); link.addEventListener(mouseleave, this.linkMouseLeave); link.addEventListener(click, this.preventConflicts); }); }, // Setup social media icons setupSocialIcons: function() { const socialLinks document.querySelectorAll(.taqany-footer__social a); socialLinks.forEach(link > { link.removeEventListener(mouseenter, this.socialMouseEnter); link.removeEventListener(mouseleave, this.socialMouseLeave); link.addEventListener(mouseenter, this.socialMouseEnter); link.addEventListener(mouseleave, this.socialMouseLeave); }); }, // Setup contact icons setupContactIcons: function() { const contactLinks document.querySelectorAll(.taqany-footer__contact-icons a); contactLinks.forEach(link > { link.removeEventListener(mouseenter, this.contactMouseEnter); link.removeEventListener(mouseleave, this.contactMouseLeave); link.addEventListener(mouseenter, this.contactMouseEnter); link.addEventListener(mouseleave, this.contactMouseLeave); }); }, // Setup WhatsApp button with modern animations setupWhatsappButton: function() { const whatsappButton document.querySelector(.taqany-whatsapp__button); const whatsappWrapper document.querySelector(.taqany-whatsapp); if (whatsappWrapper) { // Initial animation whatsappWrapper.style.opacity 0; whatsappWrapper.style.transform translateY(30px); setTimeout(() > { whatsappWrapper.style.transition all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); whatsappWrapper.style.opacity 1; whatsappWrapper.style.transform translateY(0); }, 500); } if (whatsappButton) { let isHovering false; whatsappButton.addEventListener(mouseenter, () > { isHovering true; this.createRippleEffect(whatsappButton); }); whatsappButton.addEventListener(mouseleave, () > { isHovering false; }); // Periodic attention animation setInterval(() > { if (!isHovering && document.visibilityState visible) { whatsappButton.style.animation bounce 0.5s ease-out; setTimeout(() > { whatsappButton.style.animation ; }, 500); } }, 10000); // Click animation whatsappButton.addEventListener(click, (e) > { this.handleWhatsappClick(whatsappButton); }); } }, // Prevent overlapping and conflicts preventOverlapping: function() { // Check for overlapping elements const checkOverlap () > { const footer document.querySelector(.taqany-footer); const whatsapp document.querySelector(.taqany-whatsapp); if (!footer || !whatsapp) return; const footerRect footer.getBoundingClientRect(); const whatsappRect whatsapp.getBoundingClientRect(); // Check if WhatsApp button overlaps with footer if (whatsappRect.top footerRect.bottom && whatsappRect.bottom > footerRect.top) { whatsapp.style.bottom `${window.innerHeight - footerRect.top + 20}px`; } else { // Reset to default position if (window.innerWidth 768) { whatsapp.style.bottom 70px; } else { whatsapp.style.bottom 80px; } } // Prevent tooltip from going off-screen const tooltip document.querySelector(.taqany-whatsapp__tooltip); if (tooltip) { const tooltipRect tooltip.getBoundingClientRect(); if (tooltipRect.left 0) { tooltip.style.left 0; tooltip.style.transform none; } if (tooltipRect.right > window.innerWidth) { tooltip.style.left auto; tooltip.style.right 0; tooltip.style.transform none; } } }; // Run on load and scroll window.addEventListener(load, checkOverlap); window.addEventListener(scroll, checkOverlap); window.addEventListener(resize, checkOverlap); }, // Setup responsive handlers setupResponsiveHandlers: function() { let resizeTimeout; const handleResize () > { clearTimeout(resizeTimeout); resizeTimeout setTimeout(() > { this.adjustMobileLayout(); this.preventOverlapping(); }, 250); }; window.addEventListener(resize, handleResize); this.adjustMobileLayout(); }, // Adjust layout for mobile adjustMobileLayout: function() { const isMobile window.innerWidth 768; if (isMobile) { // WhatsApp button adjustments const whatsappText document.querySelector(.taqany-whatsapp__text); const whatsappBtn document.querySelector(.taqany-whatsapp__button); const whatsappIcon document.querySelector(.taqany-whatsapp__icon); const whatsappBubble document.querySelector(.taqany-whatsapp__bubble); const whatsappTooltip document.querySelector(.taqany-whatsapp__tooltip); if (whatsappText) whatsappText.style.display none; if (whatsappBubble) whatsappBubble.style.display none; if (whatsappTooltip) whatsappTooltip.style.display none; if (whatsappBtn) { whatsappBtn.style.padding 15px; whatsappBtn.style.width 60px; whatsappBtn.style.height 60px; whatsappBtn.style.borderRadius 50%; whatsappBtn.style.justifyContent center; } if (whatsappIcon) { whatsappIcon.style.marginLeft 0; } // Footer links adjustments const footerLinks document.querySelector(.taqany-footer__links); if (footerLinks) { footerLinks.style.gridTemplateColumns repeat(2, 1fr); } } else { // Reset for desktop const whatsappText document.querySelector(.taqany-whatsapp__text); const whatsappBtn document.querySelector(.taqany-whatsapp__button); const whatsappIcon document.querySelector(.taqany-whatsapp__icon); const whatsappBubble document.querySelector(.taqany-whatsapp__bubble); const whatsappTooltip document.querySelector(.taqany-whatsapp__tooltip); if (whatsappText) whatsappText.style.display block; if (whatsappBubble) whatsappBubble.style.display block; if (whatsappTooltip) whatsappTooltip.style.display block; if (whatsappBtn) { whatsappBtn.style.padding 12px 25px 12px 15px; whatsappBtn.style.width auto; whatsappBtn.style.height auto; whatsappBtn.style.borderRadius 30px; } if (whatsappIcon) { whatsappIcon.style.marginLeft 12px; } // Footer links adjustments const footerLinks document.querySelector(.taqany-footer__links); if (footerLinks) { footerLinks.style.gridTemplateColumns repeat(4, 1fr); } } }, // Setup mutation observers setupObservers: function() { // Observer for dynamic content changes const observer new MutationObserver((mutations) > { mutations.forEach((mutation) > { if (mutation.type childList) { this.setupFooterLinks(); this.setupSocialIcons(); this.setupContactIcons(); this.preventOverlapping(); } }); }); // Start observing observer.observe(document.body, { childList: true, subtree: true }); // Intersection observer for animations const footerElements document.querySelectorAll(.taqany-footer__links-column); const intersectionObserver new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { entry.target.style.animation fadeInUp 0.6s ease forwards; entry.target.style.opacity 1; } }); }, { threshold: 0.1 }); footerElements.forEach((el, index) > { el.style.opacity 0; el.style.animationDelay `${index * 0.1}s`; intersectionObserver.observe(el); }); }, // Initialize lazy loading for images initializeLazyLoading: function() { const images document.querySelectorAll(.taqany-footer img, .taqany-whatsapp img); if (IntersectionObserver in window) { const imageObserver new IntersectionObserver((entries, observer) > { entries.forEach(entry > { if (entry.isIntersecting) { const img entry.target; if (img.dataset.src) { img.src img.dataset.src; img.removeAttribute(data-src); } imageObserver.unobserve(img); } }); }); images.forEach(img > imageObserver.observe(img)); } else { // Fallback for browsers without IntersectionObserver images.forEach(img > { if (img.dataset.src) { img.src img.dataset.src; img.removeAttribute(data-src); } }); } }, // Event Handlers linkMouseEnter: function(e) { const link e.currentTarget; link.style.color #000; link.style.transform translateX(-5px); }, linkMouseLeave: function(e) { const link e.currentTarget; link.style.color #333; link.style.transform translateX(0); }, socialMouseEnter: function(e) { const icon e.currentTarget; icon.style.background white; icon.style.color #333; icon.style.transform translateY(-5px); }, socialMouseLeave: function(e) { const icon e.currentTarget; icon.style.background rgba(0, 0, 0, 0.1); icon.style.color #333; icon.style.transform translateY(0); }, contactMouseEnter: function(e) { const icon e.currentTarget; icon.style.background white; icon.style.color #333; icon.style.transform translateY(-5px); }, contactMouseLeave: function(e) { const icon e.currentTarget; icon.style.background rgba(0, 0, 0, 0.1); icon.style.color #333; icon.style.transform translateY(0); }, createRippleEffect: function(element) { const ripple document.createElement(span); ripple.className taqany-whatsapp__ripple; ripple.style.cssText ` position: absolute; inset: 0; border-radius: inherit; background: rgba(255, 255, 255, 0.3); transform: scale(0.5); opacity: 0.5; pointer-events: none; animation: ripple-effect 0.6s ease-out; `; element.appendChild(ripple); setTimeout(() > { ripple.remove(); }, 600); }, handleWhatsappClick: function(button) { button.style.transform scale(0.95); setTimeout(() > { button.style.transform ; }, 100); }, preventConflicts: function(e) { // Prevent default only if necessary if (e.target.closest(.taqany-footer) && e.target.closest(.some-conflicting-element)) { e.preventDefault(); e.stopPropagation(); } }, // Utility function to debounce events debounce: function(func, wait) { let timeout; return function executedFunction(...args) { const later () > { clearTimeout(timeout); func(...args); }; clearTimeout(timeout); timeout setTimeout(later, wait); }; } }; // Add necessary animations const style document.createElement(style); style.textContent ` @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes bounce { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-8px); } 50% { transform: translateY(0); } 75% { transform: translateY(-4px); } } @keyframes ripple-effect { to { transform: scale(1.5); opacity: 0; } } `; document.head.appendChild(style); // Initialize the footer manager FooterManager.init(); // Handle visibility change document.addEventListener(visibilitychange, function() { if (document.visibilityState visible) { FooterManager.init(); } }); // Handle page navigation events window.addEventListener(pageshow, function(event) { if (event.persisted) { FooterManager.init(); } });});// Export for use in other scripts if neededif (typeof module ! undefined && module.exports) { module.exports FooterManager;}/script>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]