@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;font-family:Work Sans,sans-serif}:root{--primary:#f3bd00;--secondary:#757575;--light:#f3f6f8;--dark:#0c2b4b}.container{margin:auto;max-width:80%}.flex{align-items:center;display:flex;justify-content:space-between}.heading p{color:#f3bd00;color:var(--primary);font-size:18px;font-weight:600;margin-bottom:10px}.heading h1{color:#0c2b4b;color:var(--dark);font-size:42px;line-height:1.2}.grid2{grid-gap:50px;display:grid;grid-template-columns:repeat(2,1fr)}.back{background-image:url(/driving-school-react/static/media/carousel-1.dd4b39b648a49a4aac4d.jpg);background-size:cover;color:#fff;padding-top:140px;position:relative;text-align:center;z-index:-1}.back,.back .overlay{height:50vh;left:0;top:0;width:100%}.back .overlay{background-color:#000000b3;position:absolute;z-index:1}.back h1{font-size:60px;font-weight:600}.back h1,.back h2{position:relative;z-index:999}.back h2{font-size:18px;font-weight:500;margin-top:30px;text-transform:capitalize}.margin{margin-top:14%}@media screen and (max-width:992px){.back,.back .overlay{height:40vh}.back h1{font-size:45px}}.top{background-color:var(--dark);color:var(--light);padding:12px 70px 12px 52px}.top i{color:var(--primary)}.top .left span,.top .right span{font-size:15px;margin-left:10px;margin-right:10px}.top .left .street{margin-right:40px}.top .right .phone{font-size:15px;margin-right:30px}.top .right ul li{font-size:17px;list-style-type:none;margin-right:20px;width:20px}.top .right ul li a{border-left:1px solid #f3be0065;margin:auto;padding:13px;text-align:center}.top .right ul li:first-child a{border:none}.top .right ul li i{font-size:18px;transition:.5s}.top .right ul li a:hover i{color:#f3be00b2}@media screen and (max-width:992px){.top{display:none}}.head .logo{cursor:pointer;padding:25px 50px;position:relative}.head .logo:after{border-right:1px solid #0c2b4b3d;content:"";height:100%;margin-left:50px;position:absolute;top:0}.head .logo i{color:var(--primary);font-size:30px}.head .logo span{color:var(--dark);font-size:35px;font-weight:600;margin-left:8px}.head .flex1{display:flex}.head .nav ul{margin-right:30px}.head .nav ul li{list-style-type:none;padding:9px 15px;text-transform:uppercase;transition:.2s}.head .nav ul li:hover,.head .nav ul li:hover a,.head .nav ul li:hover span{color:var(--primary)}.head .nav ul li:hover span{cursor:pointer}.head .nav ul li a,.head .nav ul li span{color:var(--dark);font-size:19px;font-weight:500;text-decoration:none;transition:.2s}.head .nav ul i{margin-left:5px}.head .nav .pages:hover .inside{opacity:1;visibility:visible}.head .nav .pages{position:relative}.head .nav .inside{background-color:var(--light);left:10px;opacity:0;padding:0 30px 0 5px;position:absolute;top:60px;transition:.5s;visibility:hidden;z-index:100}.head .nav .inside li a{font-weight:400;padding:0;text-transform:capitalize}.head .nav .inside li:hover a{color:var(--dark)}.head .btn1{background-color:var(--primary);border:none;color:#fff;font-size:18px;font-weight:600;padding:35px 60px;transition:.2s}.head .btn1:hover{background-color:#f3be00cc;cursor:pointer}.head .btn1 i{margin-left:10px}.head .toggle{display:none}@media screen and (max-width:992px){.head .btn1,.head .nav .flex{display:none}.head .logo{padding:20px 30px 10px}.head .logo:after{margin-left:25px}.head .logo i{font-size:24px}.head .logo span{font-size:28px}.head .toggle{display:block;margin-right:25px}.head .toggle button{background-color:#fff;border:1px solid #85858573;color:#85858573;font-size:25px;padding:8px 15px}.head .small{background-color:#fff;left:0;padding:15px;position:absolute;top:63px;width:100%;z-index:1000}.head .flex1{display:flex;flex-direction:column}.head .small li a,.head .small li span{color:#fff;display:inline-block;margin-bottom:10px}.head .pages:hover .inside{background-color:var(--light);border:1px solid #d6d6d6;left:0;padding:2px;position:relative;top:0;width:100%}.head .pages:hover .inside li{padding:5px 20px}.head .pages:hover .inside li a{margin:2px}}@media screen and (min-width:993px) and (max-width:1060px){.head .logo{padding:10px 10px 10px 20px}.head .logo:after{height:14vh;margin-left:50px;top:-22px}.head .logo i{font-size:22px}.head .logo span{font-size:25px}}.hero{background-image:url(/driving-school-react/static/media/carousel-1.dd4b39b648a49a4aac4d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.hero,.hero .overlay{height:100vh;width:100%}.hero .overlay{background-color:#000000b3;left:0;position:absolute;top:0;z-index:1}.hero .text{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:600px;padding-top:200px;text-align:center}.hero .text h1{color:#fff;font-size:70px;z-index:99}.hero .text .button button{border:none;cursor:pointer;font-size:17px;font-weight:700;margin-top:20px;padding:20px 60px;position:relative;transition:.2s;z-index:100}.hero .text .button .one{background-color:var(--primary);color:#fff;margin-right:5px}.hero .text .button .one:hover{background-color:#f3be00e1}.hero .text .button .two{color:var(--dark)}@media screen and (max-width:640px){.hero,.hero .overlay{height:60vh}.hero .text h1{font-size:40px}}@media screen and (min-width:641px) and (max-width:992px){.hero,.hero .overlay{height:50vh}.hero .text{padding-top:120px}.hero .text h1{font-size:50px}.hero .text .button button{margin-top:20px}}.hero .container{margin:auto}.row{background-color:#fff;display:flex;margin:0 20px;max-width:100%;position:relative;z-index:111}.row .box{box-shadow:-2px 5px 12px #0003;display:flex;margin-top:5px;padding:40px 25px;width:100%}.row .box i{align-items:center;background-color:var(--primary);color:#fff;display:flex;height:28px;justify-content:center;padding:25px;width:28px}.row .box .info{margin-left:30px;text-align:left}.row .box .info h2{color:var(--dark);font-weight:500}.row .box .info p{color:#757575;font-size:17px;line-height:1.5;margin-top:10px}@media screen and (max-width:992px){.row{flex-direction:column;margin-bottom:200px;top:100px}.row .box{max-width:100%}}@media screen and (min-width:993px) and (max-width:1200px){.container{margin:auto}.row{flex-direction:column;margin:0 100px 200px;top:100px}.row .box{max-width:100%}}.about{margin:150px 10px 200px}.about .img{position:relative}.about .img img:first-child{height:50%;left:-20px;outline:15px solid #fff;position:absolute;top:-40px;width:50%}.about .img img:last-child{height:100%;object-fit:cover;width:100%}.about .right .about-info{display:flex;flex-direction:column}.about .right .about-info p{color:#757575;font-size:17px;line-height:1.5;margin-top:10px}.about .right .about-info .check{display:flex;flex-direction:column;justify-content:space-between;margin-top:30px;max-width:400px}.about .right .about-info .check i{color:var(--primary);font-size:22px;font-weight:600;margin-right:10px}.about .right .about-info .check span{color:#757575;font-size:19px;line-height:1.8}.about .right .about-info .button{display:flex;flex-direction:column;margin-top:20px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.about .right .about-info .button .button1{background-color:var(--primary);color:#fff;cursor:pointer;margin:10px 0;padding:20px 62px}.about .right .about-info .button .button1:hover{background-color:#f3be00de}.about .right .about-info .button .button2{border:3px solid var(--primary);padding:9px 8px;transition:.3s}.about .right .about-info .button .button2:hover,.about .right .about-info .button .button2:hover span{background-color:var(--primary);color:#fff;cursor:pointer}.about .right .about-info .button .button2 i{background-color:var(--primary);color:#fff;padding:10px}.about .right .about-info .button .button2 span{color:var(--primary);font-size:18px;font-weight:600;margin:10px 12px;transition:.3s}@media screen and (max-width:992px){.about .flexsm{display:flex;flex-direction:column}}@media screen and (min-width:993px){.about .flexsm{flex-direction:row}.about .left{text-align:center}.about .right .about-info .check{display:flex;flex-direction:row;justify-content:space-between}.about .right .about-info .button{flex-direction:column}}.courses{margin-bottom:100px;margin-top:0}.courses .heading{margin:auto auto 50px;text-align:center}@media screen and (max-width:768px){.courses .heading h1{font-size:30px;margin:auto;max-width:500px}}@media screen and (min-width:769px) and (max-width:992px){.courses .heading h1{font-size:36px;margin:auto;max-width:500px}}@media screen and (min-width:993px){.courses .heading h1{font-size:40px;margin:auto;max-width:500px}}.grid3{grid-gap:30px;display:grid;grid-template-columns:repeat(3,1fr)}.courses .box{background-color:#fff;max-width:390px;text-align:center}.box:hover .img-in .over,.box:hover .img-in button{display:block}.box .light{background-color:#ececec;padding:9px 20px}.box .money{background-color:var(--primary);color:#fff;font-size:20px;padding:8px 25px}.box .title{color:var(--dark);font-size:22px;font-weight:600;margin:35px 30px 30px}.box .para{color:#757575;font-size:18px;line-height:1.6;margin:auto;max-width:350px}.box .box-in{align-items:center;display:flex;justify-content:center;margin:20px 30px 30px}.box .box-in i{color:var(--primary)}.box .box-in span{color:#757575;margin-left:10px}.box .box-in .week span:first-of-type{margin:0 10px}.box .img-in{max-width:390px;position:relative}.box .img-in .over{background-color:#0006;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.box .img-in button{background-color:initial;border:3px solid var(--primary);color:var(--primary);cursor:pointer;display:none;font-size:17px;left:50%;padding:10px 17px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s}.box .img-in button:hover{background-color:var(--primary);color:#fff}.box .img-in img{width:100%}@media screen and (max-width:768px){.grid3{display:none}.flexsm{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media screen and (min-width:769px) and (max-width:992px){.grid3{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:993px) and (max-width:1300px){.grid3{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.box{margin-top:40px}}.apoint{background-color:var(--primary);display:flex;flex-direction:column;margin:40px auto;max-width:800px;padding:40px;text-align:center}.apoint h2{color:var(--dark);font-size:35px;margin-bottom:20px}.apoint .one,.apoint .two{display:flex;flex-direction:column;justify-content:space-between}.apoint .one input,.apoint .two input{height:60px}.apoint .one input,.apoint .two input,.apoint textarea{border:none;color:#757575;margin:10px 0;outline:none;padding:10px;width:100%}.apoint textarea{font-size:20px}.apoint input[type=button]{background-color:var(--dark);border:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin-top:10px;padding:22px;transition:.3s;width:100%}.apoint input[type=button]:hover{background-color:#0c2b4bef}@media screen and (min-width:768px){.apoint .one,.apoint .two{flex-direction:row;gap:10px}}.features{margin-bottom:200px;margin-top:200px}.features .img{position:relative}.features .img img:first-child{height:50%;outline:15px solid #fff;position:absolute;right:-20px;top:-40px;width:50%}.features .img img:last-child{height:100%;object-fit:cover;width:100%}.features .left h1{font-size:38px}.features .left .features-info p{color:#757575;font-size:16px;line-height:1.5;margin-top:30px}.features .left .features-info .check{align-items:center;display:flex;justify-content:space-between;margin-top:30px;width:100%}.features .left .features-info .check .one-check{margin-right:20px}.features .left .features-info .check i{background-color:var(--primary);color:#fff;font-size:16px;font-weight:600;margin-right:10px;padding:10px 12px}.features .left .features-info .check span{color:var(--dark);font-size:19px;font-weight:600;line-height:1.8}.features .left .features-info .check p{margin-bottom:30px;margin-top:12px}@media screen and (max-width:768px){.features .features-info .check{display:flex;flex-direction:column}.features .left .features-info .check .one-check{margin-right:0}}@media screen and (max-width:992px){.features .flexsm{display:flex;flex-direction:column}.features .left{margin-bottom:40px}.features .right .img,.features .right .img img:last-child{width:100%}}@media screen and (min-width:993px)and (max-width:1200px){.features .flexsm{display:flex;flex-direction:column}.features .right{text-align:center}}@media screen and (min-width:1201px) and (max-width:1400px){.features .left,.features .left .features-info .check{width:500px}}.team .heading{margin:auto;max-width:500px;text-align:center}.team{margin-bottom:150px}.team .grid4{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr)}.team .box .img{position:relative;width:100%}.team .box{margin-top:40px;text-align:center;transition:.5s;width:100%}.team .box:hover{outline:10px solid var(--primary)}.team .box .img .icon{align-items:center;background:#000000bf;display:flex;height:0;justify-content:center;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:.5s;width:100%}.team .box:hover .img .icon{height:100%;left:50%;opacity:1;top:50%;transform:translate(-50%,-50%)}.team .box .img .icon i{border:1px solid var(--primary);color:var(--primary);cursor:pointer;margin-left:10px;padding:10px;transition:.3s}.team .box .img .icon i:hover{background-color:var(--primary);color:#fff}.team .box .img img{width:100%}.team .box .text{background-color:#f3f6f8;margin-top:-5px;padding:20px;position:relative}.team .box .text h3{color:var(--dark);font-size:20px;padding:10px}.team .box .text p{color:#757575;padding-bottom:10px}@media screen and (max-width:768px){.team .grid4{grid-gap:0;grid-template-columns:repeat(1,1fr);margin:0 auto}}@media screen and (min-width:769px) and (max-width:992px){.team .heading h1{font-size:30px}.team .grid4{grid-template-columns:repeat(2,1fr)}}.testimonial .heading p{font-size:17px}.testimonial .heading h1{font-size:40px}.testimonial{margin:auto;text-align:center}.testimonial .information{margin-bottom:150px}.testimonial .information .img{margin-top:45px;position:relative}.testimonial .information .img img{border-radius:50%}.testimonial .information .img i{background-color:#fff;border-radius:50%;bottom:-20px;color:var(--primary);font-size:35px;left:50%;padding:10px 12px;position:absolute;transform:translateX(-50%)}.testimonial .information .fee{color:#757575;font-size:22px;font-weight:400;line-height:1.6;margin:30px auto 20px;max-width:800px}.testimonial .information .text{position:relative}.testimonial .information hr{left:50%;position:relative;transform:translateX(-50%);width:200px}.testimonial .information .text h3{color:var(--dark);font-size:20px;font-weight:600;margin-top:15px}.testimonial .information .text .pro{color:#757575;font-size:17px;font-weight:400;margin-top:10px}.testimonial .information .dots{align-items:center;display:flex;justify-content:center;margin-top:30px}.testimonial .information .dots i{background:#0000;border:2px solid var(--primary);display:inline-block;height:20px;margin:0 5px;position:relative;transition:.5s;width:20px}.testimonial .information .dots .active{background-color:var(--primary);height:34px;width:34px}.error{margin:10px auto 200px;text-align:center}.error i{color:var(--primary);font-size:80px}.error h2{color:var(--dark);font-size:90px;margin-top:10px}.error h1{color:var(--dark);font-size:45px;font-weight:600;margin-top:20px}.error p{color:#757575;font-size:18px;line-height:1.6;margin:40px auto;max-width:600px}.error button{background-color:var(--primary);border:none;color:#fff;cursor:pointer;font-size:20px;padding:20px 50px;transition:.3s}.error button:hover{background-color:#f3be00e3}@media screen and (max-width:992px){.error i{font-size:65px}.error h2{font-size:62px}.error h1{font-size:40px}.error p{max-width:510px}.error button{font-size:18px}}.appointment{margin-bottom:200px;margin-top:150px}.appointment .img{position:relative}.appointment .img img:first-child{height:50%;left:-20px;outline:15px solid #fff;position:absolute;top:-40px;width:50%}.appointment .img img:last-child{height:100%;object-fit:cover;width:100%}@media screen and (max-width:992px){.appointment .flexsm{display:flex;flex-direction:column}}@media screen and (min-width:993px) and (max-width:1440px){.appointment .flexsm{display:flex;flex-direction:row}.appointment .left{text-align:center}.appointment .left .img img:first-child{display:none}}.appoint-in{background-color:initial;display:flex;flex-direction:column;margin:20px auto;max-width:600px;padding:0;text-align:center}.appoint-in .one,.appoint-in .two{display:flex;flex-direction:column;justify-content:space-between}.appoint-in .one input,.appoint-in .two input{color:#757575;height:60px}.appoint-in .one input,.appoint-in .two input,.appoint-in textarea{background-color:#f3f6f8;border:none;margin-top:10px;outline:none;padding:10px;width:100%}.appoint-in textarea{font-size:20px}.appoint-in input[type=button]{background-color:var(--primary);border:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin-top:10px;padding:22px;transition:.3s;width:100%}.appoint-in input[type=button]:hover{background-color:#f3be00de}@media screen and (max-width:768px){.appointment .heading h1{font-size:28px}}@media screen and (min-width:768px){.appoint-in .one,.appoint-in .two{display:flex;flex-direction:row;justify-content:space-between}.appoint-in .one input:first-child,.appoint-in .two input:first-child{margin-right:10px}}@media screen and (min-width:769px) and (max-width:992px){.appointment .heading{margin:auto;max-width:700px}.appointment .heading h1{font-size:30px}.appoint-in{max-width:720px}}@media screen and (min-width:993px) and (max-width:1400px){.appointment .heading{margin:auto;max-width:700px;text-align:center}.appointment .heading h1{font-size:30px}.appoint-in{max-width:720px}}.contact{margin-bottom:150px}.contact .left{max-width:700px}.contact iframe{border:none;height:100%;width:100%}.contact .right{width:100%}.contact .right .down{color:#757575;font-size:17px;line-height:1.6;margin-top:20px}.contact .right .down a{color:var(--primary);text-decoration:none}.contact-in{background-color:initial;display:flex;flex-direction:column;margin:20px auto;max-width:600px;padding:0;text-align:center}.contact-in .one,.contact-in .two{display:flex;justify-content:space-between}.contact-in .one input,.contact-in .two input{color:#757575;font-size:16px;height:60px;width:100%}.contact-in .one input,.contact-in .two input,.contact-in textarea{background-color:#f3f6f8;border:none;margin:10px 0;outline:none;padding:10px}.contact-in textarea{font-size:18px;max-width:100%}.contact-in input[type=button]{background-color:var(--primary);border:none;color:#fff;cursor:pointer;font-size:17px;font-weight:600;margin:10px 0;max-width:250px;padding:22px;transition:.3s}.contact-in input[type=button]:hover{background-color:#f3be00de}@media screen and (max-width:768px){.contact .heading h1{font-size:28px}.contact .flexsm{display:flex;flex-direction:column}.contact .left{height:50vh;width:100%}.contact iframe{border:none;height:100%;width:100%}.contact .right .one{display:flex;flex-direction:column}.contact-in{max-width:100%}.contact-in .two input{width:100%}}@media screen and (min-width:769px) and (max-width:992px){.contact .heading{margin:auto;max-width:700px;text-align:center}.contact .heading h1{font-size:30px}.contact .right .down{text-align:center}.contact-in{max-width:720px}.contact .flexsm{display:flex;flex-direction:column}.contact .left{height:50vh;margin:auto;width:100%}.contact iframe{border:none;height:100%;width:100%}.contact-in .one input{width:330px}.contact-in .two input{width:100%}}@media screen and (min-width:993px) and (max-width:1400px){.contact .heading{margin:auto;max-width:700px}.contact .heading h1{font-size:30px}.contact-in{max-width:400px}.contact-in .one input{max-width:180px}.contact-in .two input{width:100%}}.last{background-color:var(--dark);color:#fff;padding-bottom:60px;padding-top:70px}.grid4{grid-gap:30px;display:grid;grid-template-columns:repeat(4,1fr)}.last h2{font-size:27px;font-weight:500;margin-bottom:25px}.last .touch .logo{margin-bottom:20px}.last .touch .logo i{font-size:32px}.last .touch .logo span{color:var(--primary);font-size:37px;font-weight:600;margin-left:10px}.last .touch .call{margin:15px 0}.last .touch .call i{font-size:19px}.last .touch .call span{font-size:17px;margin-left:15px}.last .links ul li{list-style-type:none;margin:17px 18px;padding:0 10px;position:relative;transition:.1s}.last .links ul li:hover{color:var(--primary);letter-spacing:1px}.last .links ul li:hover a{color:var(--primary)}.last .links ul li:before{content:"\27A5";font-size:17px;left:-15px;position:absolute;top:0}.last .links ul li a{color:#fff;text-decoration:none;transition:.3s}.last .subscribe .input input{border:none;color:#757575;font-size:14px;letter-spacing:1px;outline:none;padding:20px 8px}.last .subscribe .input button{background-color:var(--primary);border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:20px 12px;transition:.3s}.last .subscribe .input button:hover{background-color:#f3be00ec}.last .subscribe h3{font-size:18px;font-weight:500;margin:25px 0}.last .subscribe .social{display:flex}.last .subscribe .social li{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;height:40px;justify-content:center;list-style-type:none;margin-right:5px;transition:.3s;width:40px}.last .subscribe .social li:hover{background-color:#fff}.last .subscribe .social li a{color:#fff;text-decoration:none;transition:.3s}.last .subscribe .social li:hover a{color:#000}@media screen and (max-width:768px){.grid4{display:flex;flex-direction:column}.last .subscribe .input{max-width:100%}.last .subscribe .input button{font-weight:500;min-width:100px}}@media screen and (min-width:769px) and (max-width:992px){.grid4{grid-template-columns:repeat(2,1fr)}.last .subscribe .input{width:100%}.last .subscribe .input input{min-width:200px}.last .subscribe .input button{font-weight:500;min-width:80px}}@media screen and (min-width:993px) and (max-width:1300px){.last h2{font-size:25px}.last .touch .call i{font-size:15px}.last .touch .call span{font-size:15px;margin-left:6px}.last .subscribe .input{max-width:100%}.last .subscribe .input input{min-width:130px}.last .subscribe .input button{font-weight:500;margin-top:5px;min-width:100px}}footer hr{background-color:#757575;height:1px}.reserved{background-color:var(--dark);color:#fff;margin:auto;padding-top:10px;text-align:center}.reserved p{color:#757575;line-height:1.7;margin-left:5px;margin-right:5px;padding-bottom:10px}.reserved strong{color:var(--primary)}
/*# sourceMappingURL=main.3b4070f3.css.map*/