@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");  [dir="rtl"] { direction: rtl; text-align: right; } .list-inline { padding-left: 0; list-style: none; padding: 0; } body, h1, h2, h3, h4, h5, h6, p, a, li, input[type="email"], input[type="text"], input[type="password"], textarea, button, div, input[type="email"]::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder, .contact_form_box_all.type_two .contact_form_shortcode form input, .contact_form_box_all.type_two .contact_form_shortcode form textarea, .contact_form_box_all.type_two .contact_form_shortcode form input::placeholder, .contact_form_box_all.type_two .contact_form_shortcode form textarea::placeholder, .contact_form_box_all.type_two .contact_form_shortcode form p label, .contact_form_box_all.type_two .contact_form_shortcode form div label, .foo_subscribe.style_one .shortcodes input, .foo_subscribe.style_one .shortcodes input[type="submit"], .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode label, .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode input, .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode textarea, .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode input::placeholder, .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li button { font-family: "Cairo", serif !important; } .header.style_one.style_two_remade .auto-container:before, .default_sickty_heaad.style_one.style_two_remade .auto-container:before { left: -50%; right: auto; } .header.style_one.style_two_remade .auto-container, .default_sickty_heaad.style_one.style_two_remade .auto-container { border-radius: 0px 60px 60px 0px; } .top_bar .top_inner .common_css .contntent i { right: -15px; left: auto; } .header .header_right_content, .default_sickty_heaad .header_right_content { float: left; } .header .header_content_collapse .navigation_menu .navbar_nav li:last-child, .default_sickty_heaad .header_content_collapse .navigation_menu .navbar_nav li:last-child { margin-right: 20px; margin-left: 0; } .top_bar .top_inner .common_css { display: flex; vertical-align: top; line-height: 50px; justify-content: end; } .dropdown-trigger .selected-text { flex: 1; text-align: right; } .image_boxes.style_seven .experience { right: -40px; left: auto; border-top-right-radius: 0px; border-top-left-radius: 10px; } .image_boxes.style_seven .experience::before { position: absolute; content: ""; border-right: 50px solid transparent; border-top: 50px solid transparent; border-left: 50px solid var(--primary-color-one); border-bottom: 50px solid transparent; right: -50px; z-index: -1; opacity: 0.9; left: auto; } .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li:first-child button { border-left: 0px; border-right: 1px solid var(--border-color-dark); border-radius: 0px 10px 10px 0px; } .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li:last-child button { border-right: 1px; border-radius: 10px 0px 0px 10px; } .price_plan_box.style_one .bottom ul li { padding: 10px 35px 10px 20px; } .price_plan_box.style_one .bottom ul li i { position: absolute; right: 15px; left: auto; } .price_plan_box.style_one .top { padding-right: 0px; padding-left: 25px; } .price_plan_box.style_one .top { position: relative; margin-bottom: 15px; padding-bottom: 5px; } .price_plan_box.style_one .top::before { bottom: 5px; right: 0; left: auto; } .price_plan_box.style_one .tag { padding: 3px 16px 2.5px 4px; top: 9px; left: -7px; right: auto; } .news_box ul { padding-left: 0px; padding-right: 0px; } .news_box.type_one .content_box .post-info li i, .news_box.type_three .content_box .post-info li i { font-size: 20px; margin-right: 0px; margin-left: 6px; }  [dir="rtl"] .mobile-app-section { background: #ffffff; position: relative; overflow: hidden; } [dir="rtl"] .mobile-app-section::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient( circle at 80% 20%, rgba(0, 73, 237, 0.08) 0%, transparent 50% ), radial-gradient( circle at 20% 80%, rgba(0, 73, 237, 0.05) 0%, transparent 50% ); z-index: 1; } [dir="rtl"] .mobile-app-section .container { position: relative; z-index: 2; } [dir="rtl"] .mobile-app-section .app-content { color: #333; text-align: right; } [dir="rtl"] .mobile-app-section .section-title .pre-title { color: #0049ed; background: rgba(0, 73, 237, 0.1); padding: 8px 20px; border-radius: 50px; display: inline-block; font-weight: 600; margin-bottom: 20px; } [dir="rtl"] .mobile-app-section .section-title .title { color: #333; font-size: 42px; font-weight: 800; line-height: 1.2; margin-bottom: 20px; text-align: right; } [dir="rtl"] .mobile-app-section .section-title .shape-line i { color: #0049ed; } [dir="rtl"] .mobile-app-section .section-title p { color: #666; font-size: 18px; line-height: 1.7; margin-bottom: 40px; text-align: right; } [dir="rtl"] .app-features { margin-bottom: 40px; } [dir="rtl"] .app-features .feature-item { display: flex; align-items: center; margin-bottom: 25px; padding: 20px; background: rgba(0, 73, 237, 0.05); border-radius: 15px; border: 1px solid rgba(0, 73, 237, 0.1); transition: all 0.3s ease; flex-direction: row; text-align: right; } [dir="rtl"] .app-features .feature-item:hover { background: rgba(0, 73, 237, 0.08); transform: translateX(-10px); border-color: rgba(0, 73, 237, 0.2); } [dir="rtl"] .app-features .feature-icon { width: 60px; height: 60px; background: linear-gradient(45deg, #0049ed, #245ee7); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-left: 20px; margin-right: 0; flex-shrink: 0; box-shadow: 0 4px 15px rgba(0, 73, 237, 0.2); } [dir="rtl"] .app-features .feature-icon i { font-size: 24px; color: white; } [dir="rtl"] .app-features .feature-content h4 { color: #333; font-size: 20px; font-weight: 700; margin-bottom: 8px; text-align: right; } [dir="rtl"] .app-features .feature-content p { color: #666; font-size: 16px; margin: 0; text-align: right; } [dir="rtl"] .app-download-buttons { display: flex; gap: 20px; margin-bottom: 40px; flex-wrap: wrap; justify-content: flex-start; } [dir="rtl"] .app-btn { display: inline-flex; align-items: center; background: linear-gradient(135deg, #0049ed 0%, #245ee7 100%); border: 2px solid transparent; border-radius: 0px 10px 0px 10px; padding: 10px 25px; text-decoration: none; transition: all 0.3s ease; min-width: 200px; box-shadow: 0 4px 15px rgba(0, 73, 237, 0.2); flex-direction: row-reverse; } [dir="rtl"] .app-btn:hover { background: linear-gradient(135deg, #245ee7 0%, #0049ed 100%); transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 73, 237, 0.3); text-decoration: none; } [dir="rtl"] .app-btn .btn-content { display: flex; align-items: center; width: 100%; flex-direction: row; } [dir="rtl"] .app-btn .btn-icon { font-size: 32px; color: white; margin-left: 15px; margin-right: 0; } [dir="rtl"] .app-btn .btn-text { display: flex; flex-direction: column; align-items: flex-start; text-align: right; } [dir="rtl"] .app-btn .download-text { font-size: 14px; color: rgba(255, 255, 255, 0.9); font-weight: 500; } [dir="rtl"] .app-btn .store-name { font-size: 18px; color: white; font-weight: 700; } [dir="rtl"] .app-stats { display: flex; gap: 40px; flex-wrap: wrap; justify-content: flex-end; } [dir="rtl"] .app-stats .stat-item { text-align: center; padding: 20px; background: rgba(0, 73, 237, 0.05); border-radius: 12px; border: 1px solid rgba(0, 73, 237, 0.1); transition: all 0.3s ease; } [dir="rtl"] .app-stats .stat-item:hover { background: rgba(0, 73, 237, 0.08); border-color: rgba(0, 73, 237, 0.2); transform: translateY(-3px); } [dir="rtl"] .app-stats .stat-number { font-size: 32px; font-weight: 800; color: #0049ed; margin-bottom: 5px; font-family: var(--font-secondary); } [dir="rtl"] .app-stats .stat-label { font-size: 16px; color: #666; font-weight: 500; } [dir="rtl"] .app-mockup { position: relative; height: 600px; } [dir="rtl"] .mockup-wrapper { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; } [dir="rtl"] .phone-mockup { position: relative; z-index: -1; max-width: 300px; } [dir="rtl"] .phone-mockup img { width: 100%; height: auto; filter: drop-shadow(0 20px 40px rgba(0, 73, 237, 0.2)); } [dir="rtl"] .floating-elements { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } [dir="rtl"] .floating-card { position: absolute; background: white; border-radius: 15px; padding: 15px 20px; box-shadow: 0 10px 30px rgba(0, 73, 237, 0.15); display: flex; align-items: center; animation: float 3s ease-in-out infinite; border: 1px solid rgba(0, 73, 237, 0.1); flex-direction: row-reverse; text-align: right; } [dir="rtl"] .floating-card.card-1 { top: 10%; left: -10%; right: auto; animation-delay: 0s; } [dir="rtl"] .floating-card.card-2 { top: 40%; right: -15%; left: auto; animation-delay: 1s; } [dir="rtl"] .floating-card.card-3 { bottom: 20%; left: -5%; right: auto; animation-delay: 2s; } [dir="rtl"] .floating-card .card-icon { width: 40px; height: 40px; background: linear-gradient(45deg, #0049ed, #245ee7); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; margin-left: 0px; flex-shrink: 0; } [dir="rtl"] .floating-card .card-icon i { color: white; font-size: 18px; } [dir="rtl"] .floating-card .card-text span { font-size: 14px; font-weight: 600; color: #333; } [dir="rtl"] .floating-card .rating { margin-top: 5px; } [dir="rtl"] .floating-card .rating i { color: #ffd700; font-size: 12px; margin-left: 2px; margin-right: 0; } [dir="rtl"] .bg-shapes { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } [dir="rtl"] .bg-shapes .shape-1, [dir="rtl"] .bg-shapes .shape-2, [dir="rtl"] .bg-shapes .shape-3 { position: absolute; border-radius: 50%; background: rgba(0, 73, 237, 0.08); animation: pulse 4s ease-in-out infinite; } [dir="rtl"] .bg-shapes .shape-1 { width: 200px; height: 200px; top: 10%; right: 10%; left: auto; animation-delay: 0s; } [dir="rtl"] .bg-shapes .shape-2 { width: 150px; height: 150px; top: 60%; left: 20%; right: auto; animation-delay: 1.5s; } [dir="rtl"] .bg-shapes .shape-3 { width: 100px; height: 100px; bottom: 10%; right: 30%; left: auto; animation-delay: 3s; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes pulse { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.1; transform: scale(1.1); } }  @media only screen and (max-width: 1199px) { [dir="rtl"] .mobile-app-section .section-title .title { font-size: 36px; } [dir="rtl"] .floating-card.card-1 { left: -5%; } [dir="rtl"] .floating-card.card-2 { right: -10%; } } @media only screen and (max-width: 991px) { [dir="rtl"] .mobile-app-section { text-align: center; } [dir="rtl"] .app-mockup { height: 500px; margin-top: 50px; } [dir="rtl"] .floating-card { display: none; } [dir="rtl"] .mobile-app-section .section-title .title { font-size: 32px; } [dir="rtl"] .app-download-buttons { justify-content: center; } [dir="rtl"] .app-stats { justify-content: center; } } @media only screen and (max-width: 767px) { [dir="rtl"] .mobile-app-section .section-title .title { font-size: 28px; } [dir="rtl"] .mobile-app-section .section-title p { font-size: 16px; } [dir="rtl"] .app-features .feature-item { flex-direction: column; text-align: center; padding: 25px 20px; } [dir="rtl"] .app-features .feature-icon { margin: 0 0 15px 0; } [dir="rtl"] .app-download-buttons { flex-direction: column; align-items: center; } [dir="rtl"] .app-btn { width: 100%; max-width: 300px; justify-content: center; flex-direction: row; } [dir="rtl"] .app-btn .btn-content { flex-direction: row; } [dir="rtl"] .app-btn .btn-text { align-items: flex-start; text-align: left; } [dir="rtl"] .app-mockup { height: 400px; } [dir="rtl"] .phone-mockup { max-width: 250px; } } @media only screen and (max-width: 575px) { [dir="rtl"] .app-stats { justify-content: center; gap: 30px; } [dir="rtl"] .app-stats .stat-number { font-size: 28px; } [dir="rtl"] .app-features .feature-item { margin-bottom: 20px; padding: 20px 15px; } } .footer_widgets .fo_wid_title:before { left: auto; right: 0; } .footer_widgets.about_company .content_box .consulting .image { float: right; width: 60px; } .footer_widgets.about_company .content_box .consulting .help_con { position: relative; margin-left: 0px; margin-right: 70px; padding: 7px 0px; } input[type="email"] { text-align: left; } .social_media_v_one { position: relative; text-align: left; } .tj-preloader .tj-preloader-text { direction: ltr; } .mobile-app-section .title_all_box { position: relative; z-index: 9; text-align: right !important; } .content_box_cn.style_one .txt_content::before { right: -25px; } .content_box_cn.style_one .txt_content::after { right: -19px; } .contact_form_box_all.type_two .contact_form_shortcode form input { padding: 0px 35px; text-align: right; } .contact_form_box_all.type_two .contact_form_shortcode form textarea { padding: 12px 35px; text-align: right; } @media (max-width: 992px) { .top_bar .top_inner .common_css .contntent { text-align: right; } }  [dir="rtl"] .info-item { text-align: right; } [dir="rtl"] .contact-actions { flex-direction: row-reverse; } [dir="rtl"] .agent-badge { right: auto; left: 10px; } [dir="rtl"] .status-indicator { right: auto; left: 8px; } [dir="rtl"] .search-tabcontent .title_all_box.style_one .title_sections { padding-top: 5px; text-align: left; } [dir="rtl"] .search-tabcontent .title_all_box.style_one .title_sections h2 { font-size: 22px; line-height: 38px; margin-bottom: 10px; font-family: "Cairo", serif !important; text-align: right; color: #246af4; } [dir="rtl"] .search-tabcontent .title_sections .shape-line, [dir="rtl"] .contact_form_box_inner .title_sections .shape-line { text-align: right; } [dir="rtl"] .breadcrumbs ul li { margin-left: 30px; margin-right: auto; } [dir="rtl"] .breadcrumbs ul li:before { left: -19px; top: 3px; right: auto; } [dir="rtl"] .contact_box_content.style_one .contact_box_inner.icon_yes .contnet { margin-right: 45px; margin-left: auto; } [dir="rtl"] .contact_box_content.style_one .contact_box_inner.icon_yes .icon_bx { position: absolute; left: auto; right: 24px; } [dir="rtl"] .contact_form_box_all.type_two .contact_form_shortcode form p label i, [dir="rtl"] .contact_form_box_all.type_two .contact_form_shortcode form div label i { right: 11px; left: auto; } [dir="rtl"] .search-tabcontent .title_all_box.style_one .title_sections h2, [dir="rtl"] .banner-search-form .title_all_box.style_one .title_sections h2 { text-align: right; }  [dir="rtl"] .price_plan_box.style_one .tag::before { bottom: 0px; } [dir="rtl"] .title_sections .shape-line { text-align: right; } [dir="rtl"] .title_all_box.text-center .title_sections .shape-line { text-align: center; } [dir="rtl"] .contact_form_shortcode .title_all_box.text-center .title_sections .shape-line, [dir="rtl"] .search-tabcontent .title_all_box.text-center .title_sections .shape-line { text-align: right; } [dir="rtl"] .mobile-app-section .title_all_box.text-center .title_sections .shape-line { text-align: right; }