.header-bg{transition:all .5s ease-in-out;background-color:rgba(255,255,255,.8)}.header-bg .navbar li a{color:#124873;text-align:center}.header-bg .bg-white{background-color:unset !important}.header-no-bg{transition:all .2s ease-in-out;background-color:none;height:120px}.header-no-bg .navbar li a{font-size:1.4em}.header-no-bg .register-button-header{display:none}header{direction:rtl;display:flex;justify-content:space-between;height:80px;position:fixed;width:100%;font-family:TheSansArabic-Plain}header a{text-align:center;padding:.5em 2em;width:200px}header a img{max-width:100%;height:100%}header .bg-white{background-color:#f3f3f3}header .navbar{display:flex;align-items:center;color:#f3f3f3;list-style:none}header .navbar li{margin:0 1em;padding:0 2px}header .navbar li a{color:#f3f3f3;font-weight:500;font-size:1.2em;padding:0;text-decoration:none;background-color:rgba(0,0,0,0)}header .navbar li a .active{color:#da705a}header .navbar li a:hover{color:#da705a}header .navbar[dir=rtl]{direction:rtl}.bg-white{border-radius:0 0 40px 0}.tracker{position:relative;top:-10px;right:15px;left:0;padding:5px;border-radius:50%;background:#da705a}.tracker[dir=ltr]{right:0;left:15px}.register-button-header{text-align:initial;height:60px;background-color:#124873;border-radius:50px;width:120px;display:inline-flex;justify-content:space-between;align-items:center;font-size:.8em;line-height:1.3em;flex-direction:row-reverse;cursor:pointer;font-family:TheSansArabic-Plain;margin:10px 0}.register-button-header p{margin:0 auto;margin-left:5px;text-align:center}.register-button-header .know-more{transition:all .3s ease-in-out}.register-button-header .active{transition:all .3s ease-in-out;font-family:TheSansArabic-Bold;background-color:#00caed;border-radius:50px;height:100%;width:50%;display:inline-flex;justify-content:center;align-items:center;color:#fff}.register-button-header .active p{margin:0;text-align:center}.register-button-header .active[dir=ltr]{width:65%;font-size:.8em;line-height:1.4em}.register-button-header:hover .know-more{color:rgba(0,0,0,0);width:0%;overflow:hidden;margin-left:0}.register-button-header:hover .active{font-size:1.2em;line-height:1.2em;width:100%;margin-left:0}