@font-face { font-family: 'BahijTheSansArabic'; src: url('./fonts/BahijTheSansArabic-Plain.eot'); src: url('./fonts/BahijTheSansArabic-Plain.eot?#iefix') format('embedded-opentype'), url('./fonts/BahijTheSansArabic-Plain.woff2') format('woff2'), url('./fonts/BahijTheSansArabic-Plain.woff') format('woff'), url('./fonts/BahijTheSansArabic-Plain.ttf') format('truetype'), url('./fonts/BahijTheSansArabic-Plain.svg#Bahij TheSansArabic Plain') format('svg'); font-weight: 400; } @font-face { font-family: 'BahijTheSansArabic'; src: url('./fonts/Bahij-TheSansArabic-Bold.eot'); src: url('./fonts/Bahij-TheSansArabic-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/Bahij-TheSansArabic-Bold.woff2') format('woff2'), url('./fonts/Bahij-TheSansArabic-Bold.woff') format('woff'), url('./fonts/Bahij-TheSansArabic-Bold.ttf') format('truetype'), url('./fonts/Bahij-TheSansArabic-Bold.svg#Bahij TheSansArabic Bold') format('svg'); font-weight: 700; } @font-face { font-family: 'BahijTheSansArabic'; src: url('./fonts/BahijTheSansArabic-Black.eot'); src: url('./fonts/BahijTheSansArabic-Black.eot?#iefix') format('embedded-opentype'), url('./fonts/BahijTheSansArabic-Black.woff2') format('woff2'), url('./fonts/BahijTheSansArabic-Black.woff') format('woff'), url('./fonts/BahijTheSansArabic-Black.ttf') format('truetype'), url('./fonts/BahijTheSansArabic-Black.svg#Bahij TheSansArabic Black') format('svg'); font-weight: 800; } body { direction: rtl; font-family: 'BahijTheSansArabic';} h1, h2, h3, h4, h5, h6 { font-family: 'BahijTheSansArabic'; font-weight: 800; } .hello-chat , a.redbtn , .btn.submit-form, .slider-left-fourbtn h4 { font-family: 'BahijTheSansArabic'; font-weight: 800;} .slider-top-text-hang p { padding-left: 4.5vw; padding-right: 0; } strong { font-weight: 800; } .fourbtn-list { direction: ltr; } .hello-chat { font-size: 2vw; } .arrow-page-4 { direction: ltr; -webkit-transform: scaleX(-1); transform: scaleX(-1); padding-right: initial; padding-left: 3vw; left: 0; right: 0; } .slider-top-text { top: 4vw; } .hang-items a { font-weight: 800; font-family: 'BahijTheSansArabic'; } @media (min-width: 768px) and (max-width: 1025px) { .slider-top-text h2 { line-height: 6vw; } .slider-top-text { top: 2vw; } .slider-top-text-hang p { padding-left: 0.5vw; font-size: 1.4vw; } .slider-left-fourbtn h4 { line-height: 5vw; font-size: 3vw; } .fourbtn-list a.redbtn.btn { height: 7vw; width: 13vw; font-size: 1.5vw; line-height: 1.9vw; } .slider-left-fourbtn { left: 5vw; width: 31vw; } } @media (min-width: 992px) { .slider-left-fourbtn h2 { font-size: 7vw; -webkit-text-stroke-width: 0.3vw !important; font-weight: 800; line-height: 7vw; margin-top: -1vw; } .slider-left-fourbtn h4 { font-size: 3vw; } h2 { font-size: 3.5vw; } .hang-items a { font-size: 1.5vw; } .slider-top-text h2 { font-size: 3vw; line-height: 4vw; } .fourbtn-list a.redbtn.btn { font-size: 1.1vw; } } @media (min-width: 768px) and (max-width: 991px) { .slider-left-fourbtn h2 { font-size: 7vw; line-height: 8vw; -webkit-text-stroke-width: 0.2vw !important; font-weight: 800; } .hang-items a { font-size: 1.5vw; } h2 { font-size: 3.5vw; } } @media (max-width: 767px) { .slider-top-text-hang { right: 47vw; left: auto; } .arrow-page-4 { right: 31vw; } .silde-4-girl { left: auto; right: 9vw; } .slider-left-fourbtn { left: auto; right: 20vw; } .hello-chat { font-size: 4vw; } .arrow-page-4.astronaut-arrow { left: auto; right: 10vw; } .slider-top-text h2 { line-height: 13vw; } .slider-left-fourbtn.teacher-text , .slider-left-fourbtn.scientist-text , .slider-left-fourbtn.pilot-text , .slider-left-fourbtn.artist-text { left: auto; right: 20vw; } .arrow-page-4.scientist-arrow { left: 32vw; right: auto; } .slider-top-text-hang { width: 50vw; } .slider-left-fourbtn h2 { font-size: 20vw; line-height: 18vw; -webkit-text-stroke-width: 0.5vw !important; font-weight: 800; } .slider-left-fourbtn, .slider-left-fourbtn.chef-text, .slider-left-fourbtn.teacher-text, .slider-left-fourbtn.scientist-text, .slider-left-fourbtn.pilot-text, .slider-left-fourbtn.architect-text { top: 18vw; } .mobile-hang-items a { font-family: 'BahijTheSansArabic'; font-weight: 700; } .slider-left-fourbtn h4 { font-size: 6vw; } .fourbtn-list a.redbtn.btn { font-size: 3.2vw; line-height: 3.4vw; } }