Last active
October 23, 2025 12:39
-
-
Save MoatazAbdAlmageed/217685ccd9784e8758d331944908e0f8 to your computer and use it in GitHub Desktop.
style.scss
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { | |
| border: none !important; | |
| right:100% !important; | |
| } | |
| :root { | |
| --thm-black-bg: #2c436a; | |
| --thm-heading-font-color: #2c436a; | |
| } | |
| .scroll-to-top .scroll-bar-text{ | |
| background:var( --thm-heading-font-color) | |
| } | |
| #home_about .img-box img{width: 147px;} | |
| // ========================== | |
| // RTL Typography (Arabic Droid) | |
| // ========================== | |
| // Import Google font fallback (Almarai) | |
| @import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap'); | |
| // Optional: Local Arabic Droid font | |
| @font-face { | |
| font-family: 'ArabicDroid'; | |
| src: url('path-to-font/ArabicDroid-Regular.ttf') format('truetype'); | |
| font-weight: 400; | |
| font-style: normal; | |
| } | |
| // RTL Styles | |
| .rtl { | |
| .main-menu .main-menu__list>li>ul>li.dropdown:before { | |
| left: 30px !important; | |
| right: auto; | |
| } | |
| .icon-left-arrow-angle-big-gross-symbol:before,.icon-down-right-arrow:before,.main-menu .main-menu__list>li>ul>li.dropdown:before,.icon-right-arrow-1:before, .single-sidebar-box .sidebar-title::before, .widget h2:before, .widget .wp-block-search__label:before,.faq-style1__content .accordion-box-style1 .accordion .accord-btn::after,.faq-style1__content .accordion-box-style1 .accordion .accord-btn.active::after,.breadcrumb-item+.breadcrumb-item::before,.breadcrumb-item+.breadcrumb-item::after, .icon-arrow-angle-pointing-to-right, .icon-arrow-angle-pointing-to-right:before,.footer-widget ul li:before, | |
| .icon-arrow-angle-pointing-to-right::before,.footer-widget ol li:before ,.main-menu .main-menu__list>li.dropdown>a::before,.main-menu .main-menu__list>li.dropdown>a::after,.sec-title .sub-title h4::before,.sec-title .sub-title h4::after,.icon-arrow-angle-pointing-to-right::before,.icon-arrow-angle-pointing-to-left::before,.icon-right-arrow-1::before{ | |
| transform: rotate(180deg); /* ← flips direction */ | |
| } | |
| .industries-serve-style1-bg { | |
| width: calc((100% - -230px) / 2); | |
| } | |
| .logo-box-style1 { | |
| right: 0; | |
| } | |
| .blog-single-author .text-box { | |
| padding-right: 40px; | |
| } | |
| .main-header-style1__box-bottom { | |
| margin-right: 10px; | |
| float: right; | |
| } | |
| .main-header-style1 { | |
| padding-right: 315px; | |
| padding-left: 0 !important | |
| } | |
| .logo-box-style1 .shape { | |
| transform: scaleX(-1); | |
| } | |
| .header-subscribe-box-one .text { | |
| padding-right: 10px; | |
| } | |
| .xs-sidebar-group .widget-heading { | |
| right: auto; | |
| left: 0; | |
| } | |
| .xs-sidebar-group.isActive .xs-sidebar-widget { | |
| left: 0 !important; | |
| right: auto !important; | |
| } | |
| .main-menu .main-menu__list>li.dropdown>a::before { | |
| content: "" !important; | |
| } | |
| .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { | |
| right: 0; | |
| } | |
| .faq-style1__content .accordion-box-style1 .accordion .accord-btn { | |
| padding-right: 70px; | |
| } | |
| .breadcrumb-style1 .breadcrumb-menu .breadcrumb-item+.breadcrumb-item:before { | |
| float:right; | |
| content: ""; | |
| } | |
| .breadcrumb-style1 .breadcrumb-menu .breadcrumb-item+.breadcrumb-item:after { | |
| float: left; | |
| font-size: 10px; | |
| padding-right: 8px; | |
| color: #ffffff; | |
| content: "\e904"; | |
| font-family: 'icomoon' !important; | |
| } | |
| .faq-style1__content .accordion-box-style1 .accordion .accord-btn.active::after { | |
| left: 10px; | |
| } | |
| .faq-style1__content .accordion-box-style1 .accordion .accord-btn::after { | |
| top: 10px; | |
| } | |
| direction: rtl; | |
| text-align: right; | |
| .breadcrumb-menu { | |
| right: 0; | |
| } | |
| .industries-serve-style1__content-list ul li .title-box { | |
| padding-right: 30px; | |
| } | |
| .breadcrumb-style1 .breadcrumb-menu .breadcrumb-item+.breadcrumb-item:after { | |
| float: right !important; | |
| font-size: 10px; | |
| padding-left: 4px; | |
| color: #fff; | |
| content: "\e904"; | |
| font-family: icomoon !important; | |
| } | |
| @media only screen and (min-width: 1200px) and (max-width: 1650px) { | |
| .main-menu-style1__left .main-menu-box { | |
| margin-right: 20px; | |
| } | |
| } | |
| body, | |
| p, | |
| h1, h2, h3, h4, h5, h6, | |
| a, span, li, | |
| button, input, textarea ,.elementor-widget-container{ | |
| font-family: 'ArabicDroid', 'Almarai', sans-serif !important; | |
| direction: rtl; | |
| text-align: right; | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| font-weight: 700; | |
| } | |
| p, li, a, span, button, input, textarea { | |
| font-weight: 400; | |
| } | |
| // ✅ Exclude icons from Arabic font override | |
| [class^="fa-"], | |
| [class*=" fa-"], | |
| .fas, .far, .fal, .fab, | |
| .dashicons, | |
| [class^="flaticon-"], | |
| [class*=" flaticon-"], | |
| [class^="icon-"], | |
| [class*=" icon-"], | |
| .icon, | |
| i, | |
| svg { | |
| font-family: inherit !important; | |
| &::before, | |
| &::after { | |
| font-family: inherit !important; | |
| } | |
| } | |
| // ✅ Force Icomoon icons to use their correct font | |
| [class^="icon-"], | |
| [class*=" icon-"] , | |
| .icon-notification .path1:before, | |
| .path1, .path2, .path3, .path4, .path5, .path6, .path7 { | |
| font-family: 'icomoon' !important; | |
| } | |
| // ✅ Font Awesome 5 Brands | |
| .fa, | |
| .fab, | |
| [class^="fab-"], | |
| [class*=" fab-"] { | |
| font-family: "Font Awesome 5 Brands" !important; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment