.navbar{display:flex;justify-content:space-between;align-items:center;height:13vh;padding:0 8vw;z-index:-1000000000;background:linear-gradient(90deg,#f8fc03,#fff)}.navbar .nav-links{display:flex;justify-content:center;align-items:center;gap:35px}.navbar .nav-links p{font-size:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;cursor:pointer}.navbar .brand{font-size:25px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;text-decoration:none}.navbar .brand img{width:50%}.navbar .button-style-1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;text-transform:uppercase;font-size:18px;border:1px solid #000;padding:15px 25px;z-index:10000000000000000000000;cursor:pointer;color:#000;transition:all ease .5s;position:relative;overflow:hidden}.navbar .button-style-1:hover{border:1px solid #ff3131;color:#fff}.navbar .button-style-1:after{position:absolute;content:"";top:-100%;left:-100%;width:100%;height:100%;background:#ff3131;z-index:-1;border-radius:50%;transition:all ease .5s}.navbar .button-style-1:hover:after{top:0%;left:0%;border-radius:0}.navbar .button-style-1:before{position:absolute;content:"";top:100%;left:100%;width:100%;height:100%;background:#ff3131;z-index:-1;border-radius:50%;transition:all ease .5s}.navbar .button-style-1:hover:before{top:0%;left:0%;border-radius:0}@media only screen and (max-width: 600px){.navbar .nav-links p{display:none}.navbar .brand{font-size:18px}.navbar .button-style-1{font-size:12px;padding:12px}}.banner-container{display:flex;justify-content:center;align-items:center;width:100%;height:70vh;position:relative}.banner-container .banner-video{width:100%;height:100%;object-fit:cover}.banner-container .banner-tint{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a}.hero-animation-container{width:100%;height:10vh;position:relative;background:#ebebeb;overflow:hidden}.hero-animation-container .anim-card{width:2000%;height:100%;position:absolute;display:flex;gap:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#000;padding:20px;animation:animation 60s linear infinite}.hero-animation-container .anim-card h1 span{vertical-align:middle;font-size:50px;color:red}@keyframes animation{0%{left:100%}to{left:-300%}}.tracker-component{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column-reverse;background:#fff;z-index:-100000000000000000;padding:40px 0}.tracker-component form{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:50%;gap:25px}.tracker-component form h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:40px;color:#f63132}.tracker-component form p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:30px;color:#000;text-align:center}.tracker-component form .tracking-selecter{display:flex;justify-content:space-between;width:100%;gap:10px}.tracker-component form .tracking-selecter label{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;color:#000;font-size:20px}.tracker-component form .tracking-number-input{width:100%;height:60px;padding-left:10px;border:1px solid #000;border-radius:5px;transition:all ease .3s;font-size:17px}.tracker-component .radio-container{display:flex;gap:10px}.tracker-component form .tracking-number-input:focus-visible{outline:none;border:1px solid rgb(0,119,255)}.tracker-component .button-style-1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;text-transform:uppercase;font-size:18px;background:none;border:1px solid #000;cursor:pointer;padding:15px 0;width:102%;color:#000;transition:all ease .5s;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:1}.tracker-component .button-style-1:hover{color:#fff}.tracker-component .button-style-1:after{position:absolute;content:"";top:0;left:-100%;width:100%;height:100%;background:#f63132;z-index:-1;transition:all linear .5s}.tracker-component .button-style-1:hover:after{left:0%;border-radius:0}.button-style-1:before{position:absolute;content:"";top:0;left:100%;width:100%;height:100%;background:#f63132;z-index:-1;transition:all linear .5s}.tracker-component .button-style-1:hover:before{top:0%;left:0%;border-radius:0}.tracker-component .right-section{display:flex;justify-content:center;align-items:center;flex-direction:column}.tracker-component .right-section h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:40px;color:#f63132;margin-bottom:-30px}.tracker-component .right-section img{width:100%;object-fit:cover;transform:scale(1.3)}@media only screen and (max-width: 1200px){.tracker-component form{width:50%}}@media only screen and (max-width: 900px){.tracker-component{flex-direction:column-reverse;justify-content:center;gap:50px;height:auto;padding:80px 0}.tracker-component form{width:90%}.tracker-component .right-section img{width:90%;transform:scale(1)}}@media only screen and (max-width: 500px){.tracker-component .right-section img{width:90%}.tracker-component form{transform:scale(.8)}.tracker-component .right-section h1{font-size:30px}.tracker-component form p{font-size:15px}.tracker-component form .tracking-selecter label{font-size:10px}.tracker-component{padding:30px 0}}.stats-container{display:flex;justify-content:center;align-items:center;width:100%;padding:5vw 0;gap:80px;flex-direction:column;background:#fff;z-index:-100000000000000000}.stats-container h1{font-size:40px;text-align:center;width:90%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#000}.stats-wrapper{display:flex;gap:10vw;justify-content:center;align-items:center;flex-wrap:wrap}.stats-wrapper .stat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.stats-wrapper .stat-card h2{color:red;font-size:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.stats-wrapper .stat-card p{font-size:18px;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#000;opacity:.6}@media only screen and (max-width: 500px){.stats-container h1{font-size:25px;text-align:center}.stats-wrapper .stat-card{transform:scale(.8)}}a{color:#1b1872;font-weight:700;text-decoration:none}.footer{padding:3vw 5vw;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 100px 1px #0000001c;position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(90deg,#03ebfc,#03ebfc);color:#fff}.footer img{width:70%}.footer .left{display:flex;flex-direction:column;gap:20px}.right-section{display:flex;gap:50px}.footer .left h1,.footer .right h1{color:#f63132}.footer .right{display:flex;flex-direction:column;gap:15px}.footer .right p{color:#1b1872;font-weight:700;cursor:pointer;transition:all ease .3s}.footer .right p:hover{color:#f63132;transform:scale(1.1)}.email-hover-part{background:#fff;box-shadow:0 0 20px 1px #00000036;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:20px;transition:all ease 1s;position:absolute;top:-50%;right:100%}.email-hover-part p{color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media only screen and (max-width: 700px){.footer{flex-direction:column;gap:50px;padding:10vw 5vw;align-items:flex-start}.footer .right-section{flex-wrap:wrap}}.service-container{display:flex;justify-content:center;align-items:center;width:100%;padding:5vw 0;gap:80px;flex-direction:column;background:#fff;z-index:-100000000000000000}.service-container .heading{color:#000;font-size:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;width:90%}.service-container .service-wrapper{display:flex;gap:4vw;justify-content:center;align-items:center;flex-wrap:wrap}.service-container .service-wrapper .service-card{display:flex;align-items:center;flex-direction:column;width:400px;height:430px;overflow:hidden;background:#dcfffc;border-radius:5px;gap:40px}.service-container .service-wrapper .service-card img{height:50%;object-fit:cover;width:100%}.service-container .service-wrapper .service-card p{width:98%;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;opacity:.6}@media only screen and (max-width: 500px){.service-container .service-wrapper .service-card img{object-fit:contain;width:100%}.service-container .service-wrapper .service-card{width:80%;height:auto;padding:10px}}.tracked-shipment{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:3vw 0;gap:50px}.tracked-shipment h1{color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.tracked-shipment .track-container{display:flex;flex-direction:column;align-items:space-evenly;flex-wrap:wrap;width:90%}.tracked-shipment .track-container .track-header{width:100%;display:flex;justify-content:space-between;align-items:center}.tracked-shipment .track-container .track-header .left-header-container{display:flex;flex-direction:column;gap:20px}.tracked-shipment .track-container .track-header .left-header-container h1{font-size:80px;color:green;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.tracked-shipment .track-container .track-header .left-header-container p{font-size:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.tracked-shipment .track-container .track-header .right-header-container{display:flex;flex-direction:column;gap:20px}.tracked-shipment .track-container .track-header .right-header-container p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:25px}.tracked-shipment .track-container .lower-container{margin-top:80px;display:flex;justify-content:space-between;align-items:center}.tracked-shipment .track-container .lower-container .tracklist{display:flex;flex-direction:column}.tracked-shipment .track-container .lower-container .trackList .track-card{display:flex;gap:10px;position:relative}.tracked-shipment .track-container .lower-container .trackList .track-card .left-container{position:relative;display:flex;flex-direction:column}.tracked-shipment .track-container .lower-container .trackList .track-card .left-container img{width:40px}.tracked-shipment .track-container .lower-container .trackList .track-card .right-container{margin-left:50px;margin-top:-10px}.tracked-shipment .track-container .lower-container .trackList .track-card .right-container h1{font-size:60px;margin-bottom:10px}.tracked-shipment .track-container .lower-container .trackList .track-card .right-container p{font-size:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;opacity:.7}.tracked-shipment .track-container .lower-container .image-container{display:flex;flex-direction:column;align-items:center}.tracked-shipment .track-container .lower-container .image-container h1{font-size:50px;color:green;margin-right:-35px}.tracked-shipment .track-container .lower-container .image-container img{width:120%}@media only screen and (max-width: 900px){.tracked-shipment .track-container .track-header{flex-wrap:wrap}.tracked-shipment .track-container .lower-container{flex-direction:column-reverse;gap:50px}.tracked-shipment .track-container .lower-container .image-container h1{margin-right:0}}@media only screen and (max-width: 400px){.tracked-shipment .track-container .track-header{gap:20px}.tracked-shipment .track-container .track-header .left-header-container h1{font-size:35px}.tracked-shipment .track-container .track-header p{font-size:12px}.tracked-shipment .track-container .lower-container .image-container h1{font-size:30px}.tracked-shipment .track-container .lower-container .trackList .track-card .right-container h1{margin-top:10px;font-size:25px}.tracked-shipment .track-container .lower-container .trackList .track-card .right-container p{font-size:13px}.tracked-shipment .track-container .lower-container .image-container img{width:90%}}html{scroll-behavior:smooth}.admin-page{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:#18202e;flex-direction:column;gap:50px}.admin-page h1{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-page form{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px;width:400px}.admin-page form .input-container{width:100%;height:60px;display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #ffffff62;border-radius:12px}.admin-page form .input-container i{color:#fff}.admin-page form .input-container input{width:85%;height:100%;background:transparent;outline:none;border:none;font-size:18px;color:#fff}.admin-page form .input-container input::placeholder{color:#fff;opacity:.6;font-size:14px}.admin-page form button{width:100%;height:50px;outline:none;border:none;background:#fff;color:#000;font-size:18px;text-transform:uppercase;border-radius:12px;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer}.admin-page form button:hover{background:#e7e7e7}.admin-page form button:active{background:#c9c9c9}.admin-panel-container{display:flex}.terms-condition-page{display:flex;align-items:center;flex-direction:column;width:100%;padding-top:40px;padding-bottom:50px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.terms-condition-page .inner-wrapper{width:80%;display:flex;flex-direction:column;gap:40px}.terms-condition-page .inner-wrapper ul{display:flex;flex-direction:column;gap:40px}.admin-sidebar{position:fixed;left:0;display:flex;align-items:center;flex-direction:column;padding-top:60px;width:20%;height:93.8vh;background:linear-gradient(180deg,#ccc,#026796)}.admin-sidebar .signout-container{width:70%;display:flex;justify-content:flex-end;margin-bottom:50px}.admin-sidebar .signout-container i{font-size:30px;color:#fff;cursor:pointer}.admin-sidebar .admin{display:flex;justify-content:center;align-items:center;margin-bottom:120px;width:100%}.admin-sidebar .admin img{width:60%}.admin-sidebar .admin p{color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:capitalize;font-size:12px;opacity:.7}.admin-sidebar .links{display:flex;justify-content:center;width:80%;gap:20px;align-items:flex-start;flex-direction:column;margin-bottom:40px}.admin-sidebar .links .link-card{display:flex;gap:15px}.admin-sidebar .dropped-link{overflow:hidden;height:0px;transition:all ease .3s}.admin-sidebar .dropped{padding-left:25px;display:flex;gap:15px}.admin-sidebar .links ul i{color:#000;font-size:20px}.admin-sidebar .links p{font-size:20px;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.admin-sidebar .links ul{display:flex;flex-direction:column;gap:30px}.admin-sidebar .links ul li{list-style:none;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;cursor:pointer}.admin-stats{width:80%;height:100vh;display:flex;align-items:center;flex-direction:column;position:absolute;right:0}.admin-stats .admin-stats-header{margin-top:50px;width:87.5%;display:flex;justify-content:space-between;align-items:center}.admin-stats .admin-stats-header .text-container{display:flex;flex-direction:column;gap:10px}.admin-stats .admin-stats-header .text-container h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:45px}.admin-stats .admin-stats-header .text-container p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;opacity:.8;font-weight:600}.admin-stats .admin-stats-header .button-container{display:flex;gap:20px}.admin-stats .admin-stats-header .button-container button{padding:20px 50px;border:none;outline:none;background:#5462f8;border-radius:5px;font-size:18px;font-weight:700;display:flex;justify-content:space-evenly;align-items:center;color:#fff;gap:10px;cursor:pointer;transition:all ease .3s}.admin-stats .admin-stats-header .button-container button:hover{background:#6d79ff}.admin-stats .admin-stats-header .button-container button:active{background:#fff}.admin-stats .shipment-stats-container{margin-top:120px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:80px;width:87.5%}.admin-stats .shipment-stats-container .chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.admin-stats .shipment-stats-container .chart-container h1{margin-left:-55px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.new-shipment-page{width:80%;height:90vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px;position:absolute;right:0}.new-shipment-page h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:40px;margin-left:100px;margin-top:150px}.new-shipment-page .input-container{display:flex;width:80%;justify-content:space-between;margin-left:100px;gap:40px}.new-shipment-page .input-container_row{display:flex;flex-direction:row;width:80%;justify-content:space-between;margin-left:100px;gap:40px}.new-shipment-page .input-container_col{width:100%;display:flex;flex-direction:column}.new-shipment-page .input-container_col input{height:50px;width:95%;padding-left:20px;outline:none;transition:all ease .5s;border:1px solid #000;border-radius:12px;background:#fff;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.new-shipment-page .input-container input{height:50px;width:80%;padding-left:20px;outline:none;transition:all ease .5s;border:1px solid #000;border-radius:12px;background:#fff;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.new-shipment-page .input-container .date-container{display:flex;flex-direction:column;width:100%}.new-shipment-page .input-container .date-container label{font-weight:700}.new-shipment-page .input-container .date-container input[type=date]{width:96%}.new-shipment-page .input-container select{height:50px;width:82%;padding-left:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all ease .5s;border:1px solid #000;border-radius:12px}.new-shipment-page .input-container input:focus-visible{border:1px solid blue;transition:all ease .3s;border-radius:0}.new-shipment-page button{width:80%;height:60px;outline:none;border:none;background:linear-gradient(180deg,#05a354,#023d1f);box-shadow:0 0 10px 1px #0003;color:#fff;font-size:18px;text-transform:uppercase;border-radius:12px;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;margin-left:100px}.new-shipment-page button:hover{background:#023d1f}.new-shipment-page button:active{background:#000}.update-page{display:flex;align-items:center;flex-direction:column;height:130vh;width:80%;position:absolute;right:0;padding-bottom:100px}.update-page .update-header{display:flex;justify-content:space-between;width:95%;margin-top:40px}.update-page .update-header h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:40px}.update-page .update-header button{padding:20px 50px;border:none;outline:none;background:#5462f8;border-radius:5px;font-size:18px;font-weight:700;display:flex;justify-content:space-evenly;align-items:center;color:#fff;gap:10px;cursor:pointer;transition:all ease .3s}.update-page .shipment-details-header{width:95%;display:flex;gap:40px;margin-top:25px}.update-page .shipment-details-header p{font-size:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.update-page .status-container{width:95%;display:flex;flex-direction:column;margin-top:40px;gap:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.update-page .status-container p{font-size:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.update-page .input-container-wrapper{margin-top:60px;width:95%;display:flex;align-items:center;flex-direction:column;gap:20px}.update-page .input-container-wrapper label{align-self:flex-start;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:40px}.update-page .input-container-wrapper .input-container{display:flex;justify-content:space-between;margin-top:40px;align-items:center;width:100%}.update-page .input-container-wrapper .input-container .inputs{display:flex;justify-content:space-between;flex-direction:column;width:40%;gap:12px}.update-page .input-container-wrapper .input-container .inputs input{width:100%}.update-page .input-container-wrapper .input-container .inputs label{font-size:20px}.update-page .input-container-wrapper .date-input{width:100%;display:flex;align-items:space-between;flex-direction:column;gap:10px}.update-page .input-container-wrapper .date-input input[type=date],.update-page .input-container-wrapper .date-input input[type=time],.update-page .input-container-wrapper .date-input input[type=text]{width:90%}.update-page .input-container-wrapper .date-input label{margin-left:0;font-weight:400;font-size:30px}.update-page .input-container-wrapper .input-container input,.update-page .input-container-wrapper .input-container select{width:93%;padding-left:20px;outline:none;transition:all ease .5s;font-size:30px;border:1px solid #000;border-radius:12px;background:#fff;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.update-page .input-container-wrapper .appointment-checkbox-container{display:flex;align-items:center;width:100%;gap:20px}.update-page .input-container-wrapper .appointment-checkbox-container input{width:15px;height:15px}.update-page .input-container-wrapper .appointment-checkbox-container label{margin-left:0;color:red;font-size:20px}.update-page .input-container-wrapper button{width:300px;height:60px;margin-top:20px;border-radius:12px;border:none;color:#fff;cursor:pointer}.update-page .input-container-wrapper button:nth-child(1){background:#7a0478}.update-page .input-container-wrapper button:nth-child(2){background:green}.update-page .input-container-wrapper button:nth-child(3){background:red}*{margin:0;padding:0}