@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none}html{scroll-behavior:smooth}body{font-family:'Roboto', sans-serif;color:rgba(23,15,70,0.8)}.container{width:100%;position:relative}.uppercase{text-transform:uppercase}.sect{width:85%;margin:5rem auto}.sect-heading{text-align:center;margin-bottom:5rem}.sect-heading h2::after{content:"";display:block;height:15px;width:15px;margin:10px auto 0 auto;background-color:#E6AF2E;border-radius:50%}.sect-heading p{margin-top:30px;line-height:22px}h1,h2,h3,h4,h5,h6{color:#170F46}h1{font-size:58px;font-weight:300}@media only screen and (max-width: 745px){h1{font-size:43px}}h2{font-size:40px;font-weight:400}@media only screen and (max-width: 450px){h2{font-size:35px}}h3{font-size:35px;font-weight:400}@media only screen and (max-width: 450px){h3{font-size:30px}}h4{font-size:24px;font-weight:normal}h5{font-size:22px;font-weight:400}h6{font-size:18px;font-weight:500}.btn{display:inline-block;border-radius:4px;padding:0.625rem 1.25rem;text-align:center;transition:all 0.3s ease-in}.btn.prim-btn{background-color:#06BAEA;color:#fff}.btn.prim-btn:hover{background-color:#19cdfd}.btn.sec1-btn{border:1px solid #170F46;color:#170F46}.btn.sec1-btn:hover{background-color:rgba(23,15,70,0.075)}.btn.sec2-btn{background-color:#170F46;color:#fff}.btn.sec2-btn:hover{background-color:rgba(23,15,70,0.8)}.btn.light-btn{background-color:#F1F3F3;color:#170F46}.btn.light-btn:hover{background-color:#fafcfc;box-shadow:0px 20px 50px rgba(0,0,0,0.1)}.btn.dark-btn{background-color:#170F46;color:#fff;font-size:14px}.btn.dark-btn:hover{background-color:rgba(23,15,70,0.8)}.btn.trans-btn{font-size:14px;background-color:transparent;color:#170F46;border:1px solid transparent}.btn.trans-btn:hover{border:1px solid #170F46}.btn.danger-btn{background-color:#EB5757;color:#fff}.btn.danger-btn:hover{background-color:#ff7474}.header{width:100%;position:relative;font-weight:500}.header nav{width:100%;padding:1rem 7.5%;margin:auto;display:flex;align-items:center;justify-content:space-between}.header nav .logo-large{display:block}@media only screen and (max-width: 1015px){.header nav .logo-large{display:none}}.header nav .logo-small{display:none}@media only screen and (max-width: 1015px){.header nav .logo-small{display:block}}.header nav .open-menu{cursor:pointer;margin-top:-6px;display:none}@media only screen and (max-width: 745px){.header nav .open-menu{display:block}}.header nav .open-menu .menu-bar{width:1rem;height:2px;background-color:rgba(23,15,70,0.65);display:inline-block;position:relative;transition:background-color .5s}.header nav .open-menu .menu-bar::before,.header nav .open-menu .menu-bar::after{content:'';position:absolute;right:0;height:inherit;background-color:inherit;transition:all .5s}.header nav .open-menu .menu-bar::before{width:2rem;top:-.6rem}.header nav .open-menu .menu-bar::after{width:2rem;top:.6rem}@media only screen and (max-width: 745px){.header nav .nav-list{position:fixed;top:-1000%;right:0;width:100%;height:100%;padding:5rem;background-color:#170F46;transition:.5s;z-index:100;text-align:center;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.header nav .nav-list::-webkit-scrollbar{display:none}}.header nav .nav-list .nav-link{font-size:14px;display:inline-block;margin:0 20px}@media only screen and (max-width: 1015px){.header nav .nav-list .nav-link{font-size:12px}}.header nav .nav-list .nav-link a{position:relative;padding:5px 0}.header nav .nav-list .nav-link a:hover::after{width:100%}.header nav .nav-list .nav-link a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;transition:all 0.4s}@media only screen and (max-width: 745px){.header nav .nav-list .nav-link a::after{display:none}}@media only screen and (max-width: 745px){.header nav .nav-list .nav-link{display:block;margin:0 0 30px 0;font-size:24px}.header nav .nav-list .nav-link a{color:#fff !important}.header nav .nav-list .nav-link.active a{color:#06BAEA !important}}.header nav .nav-list .nav-link.service a .chevron-up{display:none}@media only screen and (max-width: 745px){.header nav .nav-list .nav-link.service a .chevron-up{display:inline-block;transform:rotate(-180deg)}}.header nav .nav-list .nav-link.service a .chevron-up.rotate{transform:rotate(0deg)}.header nav .nav-list .nav-link.service div{display:none}.header nav .nav-list .nav-link.service div li{margin:1rem 0;padding:0.5rem 0}.header nav .nav-list .nav-link.service div li a{text-transform:none}.header nav .nav-list .nav-link.service div li a h6{color:#fff}.header nav .nav-list .nav-link.service div li a p{display:none}@media only screen and (min-width: 745px){.header nav .nav-list .nav-link.service div{position:absolute;top:80px;left:0;width:100%;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);z-index:100}.header nav .nav-list .nav-link.service div ul{width:85%;margin:3rem auto;display:flex;flex-flow:row wrap;justify-content:space-around;align-content:center;align-items:center}.header nav .nav-list .nav-link.service div ul li{width:200px;text-transform:none;list-style-image:url("../img/list-style.png")}.header nav .nav-list .nav-link.service div ul li a::after{display:none}.header nav .nav-list .nav-link.service div ul li a h6{color:#170F46}.header nav .nav-list .nav-link.service div ul li a p{color:rgba(23,15,70,0.8);font-size:12px;line-height:20px;margin:20px 0;display:block}.header nav .nav-list .nav-link.service div ul li a .btn{color:#170F46}}.header nav .nav-list .nav-link.service div.drop{display:block}.header nav .nav-list .nav-phone-link{display:none}@media only screen and (max-width: 745px){.header nav .nav-list .nav-phone-link{display:block;margin-top:60px;text-transform:none;font-size:24px}.header nav .nav-list .nav-phone-link a{display:inline-block;color:#06BAEA;background-color:#fff;border-radius:10px;padding:10px 15px}.header nav .nav-list .nav-phone-link a:first-child{margin-bottom:20px}}.header nav .nav-list .close-menu{display:none;width:40px;height:40px}@media only screen and (max-width: 745px){.header nav .nav-list .close-menu{display:block;position:absolute;top:1rem;right:7.5%}}.header nav .nav-btn{font-size:14px}@media only screen and (max-width: 1015px){.header nav .nav-btn{font-size:12px}}@media only screen and (max-width: 745px){.header nav .nav-btn{display:none}}@media only screen and (max-width: 1015px){.header nav .nav-btn .btn{padding:0.525rem 1.05rem !important}}.header nav .nav-btn .btn:first-child{margin-right:10px}.header .hero{width:98%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.header .hero-content{width:100%;text-align:center}.footer-content{background-color:#170F46;color:#F1F3F3;padding:3rem 7.5%;display:grid;grid-gap:20px}.footer-content a{color:#F1F3F3}.footer-content .footer-top,.footer-content .footer-bottom{display:flex;justify-content:space-between;padding:10px 0}.footer-content .footer-top .footer-links li,.footer-content .footer-top .footer-social li,.footer-content .footer-bottom .footer-links li,.footer-content .footer-bottom .footer-social li{display:inline-block;margin:0 10px}@media only screen and (max-width: 585px){.footer-content .footer-bottom{display:grid;grid-gap:20px;justify-content:center;text-align:center}}.footer-content hr{border:1px solid rgba(255,255,255,0.2)}.footer-content p{text-align:center}.footer-content .back-to-top{text-align:center;font-size:10px;color:#E6AF2E;position:relative}.footer-content .back-to-top img{width:30px;height:30px;transition:all 0.2s ease-in}.footer-content .back-to-top .circle{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:30px;height:30px;background-color:rgba(230,175,46,0.2);border-radius:50%}.footer-content .back-to-top:hover img{transform:translateY(-10px)}.chat-bot{position:fixed;bottom:1rem;right:1rem;display:inline-block;background-color:#075E54;border-radius:50%;padding:8px;animation:chat-bot 0.5s ease-in-out infinite}.chat-bot img{width:50px;height:50px;vertical-align:middle}.chat-bot:hover{animation-play-state:paused}@keyframes chat-bot{0%{transform:translateY(-5px)}100%{transform:translateY(0px)}}body{background-color:#F1F3F3}.container{width:100%;position:relative}.sidenav{background:linear-gradient(178.77deg, #06BAEA -56.4%, #06B8E7 2.86%, #04B0DF 41.59%, #02A4D0 74.27%, #009AC4 92.04%);width:20%;height:100vh;position:fixed;left:0;padding:1.5rem}@media only screen and (max-width: 885px){.sidenav{width:10%;padding:1rem;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.sidenav::-webkit-scrollbar{display:none}.sidenav .sidenav-list,.sidenav .sidenav-settings{text-align:center}.sidenav .sidenav-list p,.sidenav .sidenav-settings p{display:none}}@media only screen and (max-width: 745px){.sidenav{width:60%;top:0;left:-1000%;transition:all 0.5s ease-in-out;z-index:999999}.sidenav .sidenav-list,.sidenav .sidenav-settings{text-align:center}.sidenav .sidenav-list p,.sidenav .sidenav-settings p{display:block}.sidenav.show-sidenav{left:0}}.sidenav-logo{display:inline-block;margin-bottom:20%}@media only screen and (max-width: 885px){.sidenav-logo{margin-bottom:3rem}}@media only screen and (max-width: 885px){.sidenav-logo-large{display:none}}.sidenav-logo-small{display:none}@media only screen and (max-width: 885px){.sidenav-logo-small{display:block}}.sidenav-logo img{width:100%}.sidenav-list a,.sidenav-settings a{display:flex;align-items:center;color:#fff;padding:10px;font-size:14px}.sidenav-list a p,.sidenav-settings a p{margin-left:1rem}.sidenav-list li{margin-bottom:0.5rem}.sidenav-list li a,.sidenav-list li img{transition:all .4s ease-in}.sidenav-list li a{border-radius:8px;position:relative}.sidenav-list li a:hover,.sidenav-list li a.active{background-color:#fff;color:rgba(23,15,70,0.8)}.sidenav-list li a:hover img,.sidenav-list li a.active img{filter:brightness(0.2)}.sidenav-list li a .notifi-dot{width:10px;height:10px;background-color:#EB5757;border-radius:50%;z-index:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sidenav-settings{position:absolute;bottom:2rem;left:1.5rem}.sidenav-settings img{transform:rotate(0deg);transition:all .2s ease-in}.sidenav-settings :hover img{transform:rotate(360deg)}@media only screen and (max-width: 885px){.sidenav-settings{left:1rem}}@media only screen and (max-width: 745px){.sidenav-settings{display:none}}.sidenav .close-menu{display:none}.sidenav .close-menu img{width:40px;height:40px}@media only screen and (max-width: 745px){.sidenav .close-menu{display:block;position:absolute;top:1rem;right:1rem;cursor:pointer}}main{position:absolute;left:20%;width:80%;padding:1.5rem}@media only screen and (max-width: 885px){main{width:90%;left:10%}}@media only screen and (max-width: 745px){main{width:100%;left:0}}main .mobile-view-top{display:none;margin-bottom:2rem}@media only screen and (max-width: 745px){main .mobile-view-top{display:flex;align-items:center;justify-content:space-between}}main .mobile-view-top .menu-icon{width:40px;height:40px;cursor:pointer}main .top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}main .top-nav-left,main .top-nav-right{display:flex;align-items:center}main .top-nav-left{padding:4px;transition:all .4s ease-in}main .top-nav-left:hover{background-color:#fff;border-radius:8px}main .top-nav-left input{border:none;outline:none;padding:0.5rem;font-size:16px;background-color:transparent}main .top-nav-left input::placeholder{color:rgba(23,15,70,0.65)}@media only screen and (max-width: 745px){main .top-nav-left input{width:100px}}@media only screen and (max-width: 745px){main .top-nav-left input{width:0;transition:all .4s ease-in}main .top-nav-left:hover input{width:150px}}main .top-nav-right a{display:inline-block}main .top-nav-right a:first-child{margin-right:3rem;position:relative}main .top-nav-right a:first-child .notifi-dot{width:10px;height:10px;background-color:#EB5757;border-radius:50%;z-index:1;position:absolute;top:2px;right:8px}main .top-nav-right a img{border-radius:50%;padding:4px;transition:all .2s ease-in}main .top-nav-right a img:hover{background-color:#fff}main .main-sect{display:grid;grid-gap:2rem}@media only screen and (min-width: 480px){main .main-sect-heading{display:flex;align-items:center;justify-content:space-between}}main .main-sect-heading-left{display:flex;align-items:center}main .main-sect-heading-left h5{color:#170F46}main .main-sect-heading-left h5 a{color:#170F46}main .main-sect-heading-left img{margin:0 10px}main .main-sect-heading-left p{color:rgba(23,15,70,0.8);font-size:14px}main .main-sect-heading-left p a{color:rgba(23,15,70,0.8);font-size:14px}@media only screen and (max-width: 480px){main .main-sect-heading .main-sect-btns{margin-top:2rem}}main .main-sect-heading .main-sect-btns .btn img{vertical-align:middle;width:20px;height:20px}main .main-sect-heading .main-sect-btns .btn.trans-btn{margin-right:0.5rem}@media only screen and (max-width: 480px){main .main-sect-heading .main-sect-btns .btn.dark-btn{margin-top:1rem}}main .main-cards{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:center;align-items:center;text-align:center}main .main-cards .card{background-color:#fff;border-radius:16px;padding:1.5rem;box-shadow:0px 4px 40px rgba(0,0,0,0.05);width:220px;margin-bottom:2rem}@media only screen and (max-width: 745px){main .main-cards .card{width:100%}}main .main-cards .card h4{color:#170F46}main .main-cards .card p{margin-top:1rem;color:#E6AF2E;font-size:14px}main .main-cards .card.dark-bg{background-color:#170F46 !important;color:#fff !important;border-radius:16px;box-shadow:0px 4px 40px rgba(0,0,0,0.05);padding:1.5rem}main .main-cards .card.dark-bg .white-text{color:#fff !important}main .main-cards .card.dark-bg .accent-text{color:#E6AF2E !important}main .table-area{background-color:#fff;border-radius:16px;padding:1.5rem;box-shadow:0px 4px 40px rgba(0,0,0,0.05);overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}main .table-area::-webkit-scrollbar{display:none}main .table-area-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}main .table-area-heading-left{display:flex}main .table-area-heading-left p:first-child{color:#170F46}main .table-area-heading-left img{margin:0 10px}main .table-area-heading-left p:last-child{color:rgba(23,15,70,0.8);font-size:14px}main .table-area-heading-right{display:flex}main .table-area-heading-right .table-search{display:flex;align-items:center;border-radius:4px;border:1px solid #D9D9D9;padding:0.25rem;transition:all .2s ease-in}main .table-area-heading-right .table-search:hover{border:1px solid #170F46}main .table-area-heading-right .table-search img{width:18px;height:18px}main .table-area-heading-right .table-search input{border:none;outline:none;padding:0.25rem;font-size:14px}main .table-area-heading-right .table-search input::placeholder{color:#BFBFBF}main .table-area-heading-right .table-filter{margin-left:0.5rem}main .table-area-body .table-list{display:grid;grid-gap:2rem}main .table-area-body .table-list li{display:flex;align-items:center;padding:0.8rem;border-radius:8px;width:100%}main .table-area-body .table-list li.table-heading{background-color:#F1F3F3;color:#170F46}main .table-area-body .table-list li.table-heading p{font-weight:400}main .table-area-body .table-list li.table-item{border:1px solid #E0E0E0;color:rgba(23,15,70,0.8);font-size:14px;transition:all .2s ease-in}main .table-area-body .table-list li.table-item:hover{border:1px solid #170F46}main .table-area-body .table-list li p{margin-right:2%}main .table-area-body .table-list li p:last-child{margin-right:0}main .table-area-body .table-list li p.action{width:100%;flex-basis:20%}main .table-area-body .table-list li p.action .btn{padding:0.325rem !important;font-size:10px}main .table-area-body .table-list li p.action .btn.sec1-btn{border-radius:4px 0px 0px 4px;width:30%}main .table-area-body .table-list li p.action .btn.dark-btn{border-radius:0px;border:1px solid #170F46;margin-left:-5px;width:30%}main .table-area-body .table-list li p.action .btn.danger-btn{border-radius:0px 4px 4px 0px;border:1px solid #EB5757;margin-left:-5px;width:40%}main .table-area-body .pagination{display:flex;align-items:center;margin-top:3rem}main .table-area-body .pagination a{margin-right:20px;color:#828282;font-size:14px;transition:all .2s ease-in}main .table-area-body .pagination a:last-child{margin-right:0}main .table-area-body .pagination a.active,main .table-area-body .pagination a:hover{color:#170F46}main .table-area-body .pagination a img{width:18px;height:18px}main .dropdown{position:relative;display:flex;justify-content:center;width:100px;border-radius:4px;border:1px solid #D9D9D9;padding:0.25rem;transition:all .2s ease-in;cursor:pointer}main .dropdown:hover{border:1px solid #170F46}main .dropdown .dropbtn{font-size:14px;color:#BFBFBF;display:flex;align-items:center}main .dropdown .dropbtn img{width:15px;height:15px;margin-left:2px;transition:all .2s ease-in}main .dropdown .dropdown-content{display:none;position:absolute;top:105%;background-color:#f9f9f9;width:100%;box-shadow:0px 20px 50px rgba(0,0,0,0.1);z-index:1;overflow:hidden auto}main .dropdown .dropdown-content a{font-size:13.33px;color:#170F46;padding:10px 12px;display:block;font-weight:normal;white-space:pre;min-height:1.2em}main .dropdown .dropdown-content a:hover{background-color:#06BAEA;color:#fff}main .dropdown:hover .dropdown-content{display:block}main .dropdown:hover img{transform:rotate(-180deg)}main .form-area{background-color:#fff;border-radius:16px;padding:1.5rem;box-shadow:0px 4px 40px rgba(0,0,0,0.05)}@media only screen and (min-width: 745px){main .form-area{width:60%}}main .form-area form{display:grid;grid-gap:2rem}main .form-area form div{display:grid;grid-template-columns:repeat(3, 1fr)}main .form-area form div .col-2{grid-column:2 / span 3}main .form-area form div label{font-size:14px;color:#170F46;margin-right:3rem;font-weight:normal}main .form-area form div input{border:1px solid #D9D9D9;padding:0.5rem;border-radius:4px;outline:none;transition:all .2s ease-in}main .form-area form div input:hover{border:1px solid #170F46}main .form-area form div input::placeholder{color:#BFBFBF}main .form-area form div.form-btn button{outline:none;border:none;cursor:pointer}main .form-area form div #note,main .form-area form div #error-msg{font-size:12px;margin-top:8px}main .form-area form div #note{color:rgba(23,15,70,0.65)}main .form-area form div #error-msg{color:#EB5757;visibility:hidden}main .form-area form div.vehicle-rate .col-2{display:flex;justify-content:space-between}