@tailwind base;@tailwind components;@tailwind utilities;@layer components{.container-center{@apply container mx-auto}.main-btn{@apply bg-gradient-to-r from-thirdColor to-secondary text-white py-2 px-3 rounded-md}.content-center{@apply flex justify-center items-center}}:root{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#e39719}::-webkit-scrollbar-thumb:hover{background-color:#b97a13}::-webkit-scrollbar-track{background:#f0f0f0}body{font-family:"Cairo",sans-serif}body.login-page h1 span{background:-webkit-gradient(linear,left top,right top,from(#ea7438),to(#0066cc));background:linear-gradient(to right,#ea7438,#0066cc);-webkit-background-clip:text;background-clip:text;color:transparent}body .drop-down-menu a:hover+svg{color:#e39719}body .drop-down-menu .drop-down-menu-items{background:rgba(255,255,255,0.25);-webkit-box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(255,255,255,0.18);visibility:hidden;opacity:0;-webkit-transition:0.3s;transition:0.3s}body .drop-down-menu:hover .drop-down-menu-items{background:rgba(255,255,255,0.25);-webkit-box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(255,255,255,0.18);visibility:visible;opacity:1}body nav{position:relative;width:100%;top:0;color:rgba(255,255,255,0);-webkit-transition:1s;transition:1s}body nav.scrolled{position:fixed;top:-1px;background-color:white!important}body nav.scrolled ul li:not(.login-li) a{color:black!important}body nav.scrolled ul li:not(.login-li) a:hover{color:#e39719!important}body nav.scrolled .small-menu .menu-icon span{background-color:black}body nav.scrolled .drop-down-menu a+svg{color:black}body nav.scrolled .drop-down-menu a:hover+svg{color:#e39719}body nav.scrolled .drop-down-menu-items ul li a{color:black!important}body nav .small-menu .drop-down-menu-items{background:rgba(255,255,255,0.25);-webkit-box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(255,255,255,0.18);right:-270px;top:-15px}body nav .login-li{-webkit-transition:0.3s;transition:0.3s}body nav .login-li a{-webkit-transition:0.3s;transition:0.3s}body nav .login-li.scrolled a,body nav .login-li.scrolled svg{color:black}body nav .login-li.active,body nav .login-li:hover{margin:0;background-color:#e39719;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.168);box-shadow:1px 1px 15px rgba(0,0,0,0.168)}body nav .login-li.active a,body nav .login-li.active svg,body nav .login-li:hover a,body nav .login-li:hover svg{color:white}body nav .login-li.active svg,body nav .login-li:hover svg{-webkit-transform:rotate(360deg);transform:rotate(360deg)}body nav ul li:not(.login-li) a{-webkit-transition:0.3s;transition:0.3s}body nav ul li:not(.login-li) a.active,body nav ul li:not(.login-li) a:hover{color:#e39719;font-size:19px}body .contact-us .contact-box{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}body .contact-us .contact-box a:first-child{-webkit-transition:0.3s;transition:0.3s;-webkit-transform-origin:center center;transform-origin:center center}body .contact-us .contact-box a:last-child{width:55px;opacity:0;left:50%;top:20px;-webkit-transition:0.3s;transition:0.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}body .contact-us .contact-box:hover a:first-child{-webkit-transform:rotateX(-60deg);transform:rotateX(-60deg)}body .contact-us .contact-box:hover a:last-child{opacity:1;top:-35px}body .about-us .section-header,body .features .section-header{position:relative}body .about-us .section-header:before,body .features .section-header:before{content:"";position:absolute;width:50px;height:30px;background:url(../images/highlight.png);background-position:center;background-size:contain;background-repeat:no-repeat;top:50%;-webkit-transform:translateY(-50%) rotate(-40deg);transform:translateY(-50%) rotate(-40deg);left:-43px}body .about-us .section-header:after,body .features .section-header:after{content:"";position:absolute;width:50px;height:30px;background:url(../images/highlight.png);background-position:center;background-size:contain;background-repeat:no-repeat;top:56%;-webkit-transform:translateY(-50%) rotate(-40deg);transform:translateY(-50%) rotate(142deg);right:-43px}body .about-courses .section-header,body .contact-us .section-header,body .signin-steps .section-header{position:relative}body .about-courses .section-header:before,body .contact-us .section-header:before,body .signin-steps .section-header:before{content:"";position:absolute;width:50px;height:30px;background:url(../images/highlight2.png);background-position:center;background-size:contain;background-repeat:no-repeat;top:50%;-webkit-transform:translateY(-50%) rotate(-40deg);transform:translateY(-50%) rotate(-40deg);left:-43px}body .about-courses .section-header:after,body .contact-us .section-header:after,body .signin-steps .section-header:after{content:"";position:absolute;width:50px;height:30px;background:url(../images/highlight2.png);background-position:center;background-size:contain;background-repeat:no-repeat;top:56%;-webkit-transform:translateY(-50%) rotate(-40deg);transform:translateY(-50%) rotate(142deg);right:-43px}body .about-us .photo{position:relative;overflow:hidden}body .about-us .photo:after{content:"";width:100%;height:200px;position:absolute;bottom:-3px;left:0;background:-webkit-gradient(linear,left bottom,left top,from(rgb(0,0,0)),color-stop(rgba(0,0,0,0.8)),color-stop(rgba(0,0,0,0.6)),color-stop(rgba(0,0,0,0.4)),color-stop(rgba(0,0,0,0.2)),to(rgba(0,0,0,0)));background:linear-gradient(to top,rgb(0,0,0),rgba(0,0,0,0.8),rgba(0,0,0,0.6),rgba(0,0,0,0.4),rgba(0,0,0,0.2),rgba(0,0,0,0))}body .about-us .photo img{-webkit-filter:drop-shadow(-19px 6px 0px #e39719) drop-shadow(-17px 6px 0px #1f6be3);filter:drop-shadow(-19px 6px 0px #e39719) drop-shadow(-17px 6px 0px #1f6be3)}body .about-us .text p{position:relative}body .about-us .text p:nth-child(2n):before{content:"";display:inline-block;width:25px;height:25px;position:relative;margin-left:5px;background-image:url("../images/triangle.svg");background-size:cover;background-position:center;background-repeat:no-repeat}body .about-us .text p:nth-child(odd):before{content:"";display:inline-block;width:25px;height:25px;position:relative;margin-left:5px;background-image:url("../images/ruler.svg");background-size:cover;background-position:center;background-repeat:no-repeat}body .step-box{background:rgba(255,255,255,0.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}body .highlight{position:relative}body .highlight:before{content:"";position:absolute;width:40px;height:40px;background:url("../images/highlight.png");background-size:contain;left:-30px;top:-10px}body .highlight:after{content:"";position:absolute;width:40px;height:40px;background:url("../images/highlight.png");background-size:contain;right:-30px;top:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}body .small-menu .menu{background:rgba(255,255,255,0.25);-webkit-box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(255,255,255,0.18);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);visibility:hidden;-webkit-transition:0.3s;transition:0.3s}body .small-menu .menu-icon{overflow:hidden}body .small-menu .menu-icon span{-webkit-transition:0.3s;transition:0.3s}body .small-menu .menu-icon.open span:nth-child(2){-webkit-transform:translateX(-40px);transform:translateX(-40px)}body .small-menu .menu-icon.open span:first-child{-webkit-transform:rotate(46deg) translate(7px,7px);transform:rotate(46deg) translate(7px,7px);width:30px}body .small-menu .menu-icon.open span:last-child{-webkit-transform:rotate(-42deg) translate(6px,-8px);transform:rotate(-42deg) translate(6px,-8px);width:30px}body .small-menu .menu-icon.open+.menu{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);visibility:visible}body.quizzes-page section.hero .highlight-text:before,body.videos-page section.hero .highlight-text:before{display:none}body.quizzes-page .box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/graph.svg");opacity:0.1;z-index:-1}body .hero .left-part .image{-webkit-animation:moving-hero-image 2.5s linear 0s infinite;animation:moving-hero-image 2.5s linear 0s infinite}body .hero .left-part .image img{-webkit-filter:drop-shadow(0 0 3px #e39719);filter:drop-shadow(0 0 3px #e39719)}body footer .contact-fast-links a:hover svg{color:white}.course-box{position:relative;-webkit-box-shadow:0 0 13px 4px rgba(227,151,25,0.2901960784);box-shadow:0 0 13px 4px rgba(227,151,25,0.2901960784)}.videos .video-box{-webkit-transition:0.3s;transition:0.3s}.videos .video-box:nth-child(odd){outline:2px dashed #e6a233;outline-offset:8px}.videos .video-box:nth-child(odd) .text h5{color:#1f6be3}.videos .video-box:nth-child(2n){outline:2px dashed #1f6be3;outline-offset:4px}.videos .video-box:nth-child(2n) .text h5{color:#e6a233}.videos .video-box:hover{outline-offset:0;outline-style:dotted}.tests .test-box:nth-child(odd){background:url("../images/quiz-background-pattern1.png");outline:2px dashed white}.tests .test-box:nth-child(odd) h4{color:white;-webkit-filter:drop-shadow(0 0 3px #e6a233);filter:drop-shadow(0 0 3px #e6a233)}.tests .test-box:nth-child(2n){background:url("../images/quiz-background-pattern2.png");outline:2px dashed #e6a233}.tests .test-box:nth-child(2n) h4{color:#e6a233;-webkit-filter:drop-shadow(0 0 3px #1f6be3);filter:drop-shadow(0 0 3px #1f6be3)}.tests .test-box:before{content:"";position:absolute;width:100%;height:100%;border-radius:24px;left:0;top:0;background-color:rgba(0,0,0,0.704)}.tests .test-box img{-webkit-transition:0.3s;transition:0.3s;opacity:0}.tests .test-box img.calculator{top:4px;left:39px;-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}.tests .test-box img.quiz{top:15px;left:16px;-webkit-transform:rotate(-44deg);transform:rotate(-44deg)}.tests .test-box:hover img{opacity:1}.tests .test-box:hover img.calculator{top:-35px;left:-1px}.tests .test-box:hover img.quiz{top:-27px;left:-26px}.book-box{background:url("../images/file-download-background.jpeg");background-size:cover;background-position:center;overflow:hidden}.book-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.692)}.book-box a:hover{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes moving-hero-image{0%,to{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes moving-hero-image{0%,to{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}}@media (max-width:767px){.hero .left-part{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.hero .right-part{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.about-us .photo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.about-us .text{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.highlight:after,.highlight:before{width:30px!important;height:30px!important}}