/* @import '/templates/top/css/ramadan.css?ver=0.2'; */ @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;900&display=swap'); /*@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@700&display=swap');*/ body.lang-ar .top_section .inner_content .risk-txt{max-width: 34ch;text-align: center;} @media all and (max-width:1800px){ .top_section { height: 85vh !important; } } @media all and (max-width:1650px){ .top_section { height: 80vh !important; } } @media all and (max-width:1550px){ .mainVideo { position: absolute; width: 100%; top: 0px; } .top_section { background: url('../../../templates/top/video/mainVideoDesktopNew.mp4'),url('efd06c3d14688a5572799488fba18e84.webp') no-repeat center / cover transparent !important; /*background-image: url(../../../../templates/top/video/mainVideoDesktopNew.mp4) !important;*/ /*background-repeat: no-repeat !important;*/ /*background-position: center !important;*/ /*background-size: cover !important;*/ /*background-color: transparent !important;*/ height: 69vh !important; } } @media all and (max-width:1440px){ body.lang-ar .top_section.Al-jazira-partnership .inner_content .contain {margin-right: 0; width: 53%;} .mainVideo { position: absolute; width: 100%; top: 0px; } } @media all and (max-width:991px){ body.lang-ar .top_section.Al-jazira-partnership {background: url(../../../../templates/top/images/Al_jazira_partnership/Al_jazira_partnership_mobile.webp) no-repeat top center / cover #1b0089; height: auto;} body.lang-ar .top_section.Al-jazira-partnership .inner_content h1 {font-size: 22px;line-height: 32px; padding: 0 15px;} body.lang-ar .top_section.Al-jazira-partnership .inner_content {margin: 95px auto 0;} body.lang-ar .top_section.Al-jazira-partnership .inner_content .contain {width: 100%;} body.lang-ar .top_section.Al-jazira-partnership .inner_content h2 {font-size: 18px;line-height: 30px;margin-top: 10px;} body.lang-ar .top_section.Al-jazira-partnership .inner_content h2 br{display: none;} body.lang-ar .top_section.Al-jazira-partnership .inner_content .btn_wrap .btn{width: 190px;height: 36px;font-size: 22px;} body.lang-ar .top_section .inner_content .risk-txt{text-align: center;font-size: 11px;max-width:unset} body.lang-ar .top_section.Al-jazira-partnership .inner_content .btn_wrap .reg_flags_wrap{max-width: 270px;} body.lang-ar .top_section.Al-jazira-partnership .inner_content .btn_wrap .reg_flags_wrap .country{/*max-width: 115px;*/} body.lang-ar .top_section.Al-jazira-partnership .inner_content .btn_wrap .reg_flags_wrap .separator {margin: 0 10px;} body.lang-ar .top_section .inner_content .reg_flags_wrap .country p {max-width: 27ch} } /**********************************/ .top_section { height: 100vh; min-height: 730px; max-height: 1920px; display: flex; justify-content: center; align-items: flex-end; background: url(../../../templates/top/video/mainVideoDesktopNew.mp4) no-repeat center / cover #1b0089 ; } .mainVideo { display: block; position: absolute; width: 100%; } .mainVideoMobile { display: none; position: absolute; width: 100%; } body.lang-ar .top_section{background-image: url(../../../../templates/top/images/top_desktop_ar.webp?ver=0.1);} body.lang-fr .top_section{background-image: url(../../../../templates/top/images/top_desktop_fr.webp);} body.lang-de .top_section{background-image: url(../../../../templates/top/images/top_desktop_de.webp);} .top_section > .container { height: 100%; display: flex; align-items: center; } .top_section .inner_content { display: flex; flex-direction: column; width: 80%; color: #fff; background-size: 850px; height: 80%; position: relative; z-index: 1; } .top_section .inner_content .contain{ width: 50%; position: relative; margin: 23px 0px 0px 110px; } .top_section .inner_content .contain p.risk-text { font-weight: 100; margin: 10px 0; font-size: 12px; /*width: 55%;*/ } .top_section .inner_content .contain p.risk-text-button { font-weight: 100; font-size: 12px; margin: 10px 0; text-align: center; } .top_section .inner_content h1 { font-size: 60px; line-height: 70px; font-family: 'Montserrat-ExtraBold'; margin-top: 45px; max-width: 15ch; } .top_section .inner_content h2 { font-size: 26px; line-height: 1.35; margin-top: 32px; max-width: 526px; font-family: 'Montserrat-Bold'; } .top_section .inner_content .btn_wrap { margin-top: 41px; align-items: flex-start; } .top_section .inner_content .btn_wrap .reg_flags_wrap{ /*margin-top: 70px;*/ } .top_section .inner_content .btn_wrap .free_demo_txt { max-width: 100%; text-align: left; font-size: 18px; } .top_section .inner_content .btn_wrap .risk_txt_mobile { text-align: left; } .top_section .mobile_top_height { display: none; height: 280px; } .scroll_down { position: absolute; z-index: 2; left: 0; right: 0; margin: 0 auto; bottom: 40px; width: 25px; height: 25px; cursor: pointer; border-bottom: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg); -webkit-animation: fade_move_down 4s ease-in-out infinite; -moz-animation: fade_move_down 4s ease-in-out infinite; animation: fade_move_down 1.5s ease-in-out infinite; } /*animated scroll arrow animation*/ @-webkit-keyframes fade_move_down { 0% { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @-moz-keyframes fade_move_down { 0% { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @keyframes fade_move_down { 0% { transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,10px) rotate(45deg); opacity: 0; } } @media (min-width: 991px) { [lang="fr"] .top_section .inner_content h2 { font-size: 18px; } } /**************************************************************************************************************************** MEDIA QUERIES STYLE ****************************************************************************************************************************/ @media (max-width: 1360px) { .top_section .inner_content { width: 90%; bottom: 110px; } .top_section .inner_content .contain { bottom: 0px; } .top_section .inner_content h1{font-size: 36px;} .top_section .inner_content h2{font-size: 26px;} .top_section .mainVideo { position: absolute; width: 100%; top: 75px; } } @media (max-width: 1200px) { .top_section { min-height: auto; height: 79vh; } } /* max-width: 991px */ @media (max-width: 991px) { .top_section { height: auto; min-height: 540px; /*background: url(../../../../templates/top/images/top_mobile_en.webp) no-repeat bottom center / auto #1C79BE;*/ align-items: flex-start; padding: 0 15px; } body.lang-ar .top_section { background-image: url(../../../../templates/top/images/top_mobile_ar.webp?ver=0.1); } body.lang-fr .top_section { background-image: url(../../../../templates/top/images/top_mobile_fr.webp); } body.lang-de .top_section { background-image: url(../../../../templates/top/images/top_mobile_de.webp); } .top_section > .container { flex-direction: column; } .top_section .inner_content { margin: 70px auto 0; padding-bottom: 15px; align-items: center; width: 100%; background: none; height: 100%; } .top_section .inner_content .contain { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; margin: 0px; } .top_section .inner_content h1 { font-size: 26px; line-height: 32px; text-align: center; margin: unset; max-width: 300px; } .top_section .inner_content h2 { font-size: 16px; line-height: 22px; text-align: center; max-width: 310px; margin: unset; font-family: Montserrat-Medium ; } .top_section .inner_content .contain p.risk-text { width: 100%; } .top_section .inner_content .btn_wrap .reg_flags_wrap { margin-top: 25px; } .top_section .inner_content .btn_wrap { margin-top: 5px; align-items: center; } .top_section .inner_content .btn_wrap .free_demo_txt { text-align: center; font-size: 16px; } .top_section .mobile_top_height { display: block; } .scroll_down { display: none; } .top_section .mainVideo { display: none; position: absolute; width: 100%; } .top_section .mainVideoMobile { object-fit: cover; display: block; height: 75vh; width: 100%; } .top_section .inner_content { bottom: 0px; } .top_section .inner_content .contain p.risk-text-button { line-height: 23px; font-size: 11px; } } @media all and (max-height:691px) { .top_section .mainVideoMobile { height: 87vh; } } @media all and (max-height:541px) { .top_section .mainVideoMobile { height: 101vh; } }