body {
    padding: 0px;
    margin: 0px;
    position: relative;
}

.head {
    background-color: rgb(19, 2, 24);
    color: white;
    width: 100%;
    height: 25px;
    padding: 10px 50px;
    border: 1px solid rgb(241, 241, 247);
}

.head p {
    padding-bottom: 10px;
    margin: 10px 20px;
}

.navbar {
    width: 100%;
    height: 100px;
    margin: auto;
    background-color: rgb(19, 2, 24);
    text-align: right;
}

.icon {
    width: 200px;
    float: left;
    height: 70px;
}

.logo {
    color: #ff7200;
    font-size: 35px;
    font-family: Arial;
    padding-left: 20px;
    float: left;
    padding-top: 10px;
    margin-top: 5px
}

.menu {
    width: 400px;
    float: left;
    height: 70px;
}

ul {
    float: left;
    display: flex;
    justify-content: left;
    align-items: left;
    margin-left: 250px;
}

ul li {
    list-style: none;
    margin-left: 62px;
    margin-top: 27px;
    font-size: 14px;
    padding: auto;
    text-align: right;
}

ul li a {
    text-decoration: none;
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    transition: 0.4s ease-in-out;
    text-align: left;
}

ul li a:hover {
    color: #ff7200;
}

.search {
    width: 330px;
    float: left;
    margin-left: 270px;
}

.btn {
    width: 150px;
    height: 60px;
    background: #ff7200;
    border: 2px solid #ff7200;
    margin-top: 20px;
    color: #fff;
    font-size: 15px;
    border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: 0.2s ease;
    cursor: pointer;
    margin-left: 200px;
    float: left;
    padding: 20px;
    border-radius: 10px;
}

.btn:hover {
    color: #000;
}

.btn:focus {
    outline: none;
}

.logo {
    padding: 10px;
    margin-left: 100px;
}

.lio {
    background-image: url(https://preview.colorlib.com/theme/logisticexpress/assets/img/hero/h1_hero.jpg.webp);
    width: 100%;
    height: 100vh;
    background-size: cover;
}

.ico {
    color: beige;
    position: absolute;
    top: 0px;
    right: 20px;
}

.ico li {
    margin-top: 5px;
}

.myh {
    padding: 50px;
    color: white;
    font-family: 'Orbitron', sans-serif;
    font-size: 50px;
    width: 900px;
}

.yel {
    color: rgb(255, 166, 0);
}

.search-box {
    padding-top: 100px;

}

.searcho {
    position: absolute;
    top: 650px;
    left: 572px;
    height: 40px;
    color: #faf6f3;
}

.input {
    position: absolute;
    top: 650px;
    left: 50px;
    height: 100px;
    width: 300px;
}

.jo {
    width: 500px;
    height: 40px;
    padding: 10px;
    border-radius: 10px;
    font-size: 20px;
}

.ml {
    height: 65px;
    width: 200px;
    border-radius: 10px;
    color: #faf6f3;
    padding: 20px;
    background-color: #ff7200;
    border: 1px solid orangered;
    font-size: 20px;
}

.container {
    width: 100%;
    height: 100vh;
    background-color: white;
}

.boy {
    float: left;
    margin: 30px auto;
    width: 30%;
    padding: 20px;
    text-align: center;
}

.gir {
    font-weight: bolder;
    font-size: 25px;
    color: rgb(17, 2, 36);
    font-family: 'Roboto Condensed', sans-serif;
}

.mlo {
    font-size: 20px;
}

.sec h2 {
    text-align: center;
    margin: 100px;
    font-size: 50px;
    font-weight: bolder;
    color: rgb(36, 18, 102);
}

.sec h6 {
    text-align: center;
    font-size: 30px;
    color: #ff7200;
}

.cars {
    width: 100%;
    height: 100vh;
    background-color: white;
}

.lon {
    width: 30%;
    height: 300px;
    text-align: center;
    float: left;
    padding: 10px 10px;
    margin: 10px 10;
    margin-left: 20px;
    color: rgb(22, 2, 48);
    position: relative;
    overflow: hidden;
    z-index: 1;
    

}
.lon a{color: #ff7200;
font-size: 50px;}

.lon h5 {
    font-size: 40px;
    color: rgb(28, 5, 65);
}

.lon p {
    font-size: 20px;
}

.mono {
    background-color: #ff7200;
    width: 100%;
    height: 320px;
    position: absolute;
    top: 100%;
    left: 0px;
    transition: 1s;
    z-index: -1;
}

.lon:hover .mono {
    top: 0%;
    left: 0px;
    color: rgb(245, 229, 220);

}
.lon:hover a,.lon:hover h5,.lon:hover p{
    color: white !important;
}

.hko {
    background-color: white;
    width: 100%;
    height: 100vh;
    position: relative;
}

.about {
    width: 40%;
    margin-left: 20px;
    padding: 40px;
    height: 500px;
}

.imgo {
    position: absolute;
    right: 60px;
    top: 20px;
}

.mj {
    font-size: 20px;
    color: #ff7200;
}

.about h2 {
    font-size: 30px;
    font-weight: 800;
    font-family: 'Teko', sans-serif;
}

.btn {
    height: 30px;
    padding: 20px 20px;
}

.in {
    background-image: url(https://preview.colorlib.com/theme/logisticexpress/assets/img/gallery/section_bg02.jpg.webp);
    width: 100%;
    height: 1200px;
    background-size: cover;
    position: relative;
    background-position: center;
}

.mlk {
    background-color: white;
    width: 800px;
    height: 1000px;
    position: absolute;
    right: 50px;
    top: 200px;
    padding: 20px 40px;
    text-align: center;
}

.mina {
    height: 50px;
    text-align: left;
    font-size: 20px;
    margin: 20px 20px;
    width: 300px;
}

.mina1 {
    width: 100%;
    height: 50px;
    margin: 20px 20px;
    text-align: left;
}

.mlk h3 {
    font-size: 30px;
    color: #ff7200;
}

.mlk h1 {
    font-size: 60px;
}

.bn {
    height: 60px;
    width: 100%;
    margin: 20px 20px;
    padding: 10px;
    background-color: #ff7200;
    text-align: center;
    font-size: 30px;
    color: white;
    border-radius: 10px;
}

.ui {
    float: left;
    width: 30%;
    height: 300px;
    text-align: center;
    padding: 10px 10px;
    margin: 10px 10;
    margin-left: 20px;
    color: rgb(22, 2, 48)
}

.hu {
    text-align: center;
    height: 100VH;
    background-color: white;
    margin-top: 30px;
    padding-top: 30px;
}

.hu p {
    font-size: 30px;
    color: #ff7200;
}

.hu h1 {
    font-size: 50px;
    font-family: 'Teko', sans-serif;
}

.SECTION {
    width: 100%;
    height: 100vh;
    background-color: rgb(33, 6, 75);
    position: relative;
}

.LK {
    width: 50%;
    color: white;
    padding-top: 80PX;
    padding: 60PX;
    margin-top: 30PX;
}

.LK P {
    font-size: 30PX;
    color: #6d6965;
}

.LK H1 {
    font-size: 60PX;
    font-weight: bolder;
    font-family: 'Teko', sans-serif;
}

.LK H6 {
    font-size: 20PX;
    color: #ff7200;
}

.TERMS {
    width: 400PX;
    height: 400PX;
    background-color: white;
    position: absolute;
    top: 80PX;
    right: 40PX;
    border-radius: 15PX;
    text-align: center;
}

.KH {
    height: 30PX;
    width: 250PX;
    text-align: center;
    padding: 10PX;
    margin: AUTO auto;
    border-radius: 15PX;
}

.BN3 {
    width: 250PX;
    height: 60PX;
    background-color: #ff7200;
    color: white;
    margin-top: 60PX;
    border-radius: 15PX;
    font-size: 20PX;
}

.TERMS H1 {
    font-family: 'Teko', sans-serif;
    color: rgb(28, 7, 102);
}

.TY {
    background-color: white;
    width: 100%;
    height: 100vh;
}

.QW {
    float: left;
    width: 30%;
    height: 300px;
    text-align: center;
    padding: 10px 10px;
    margin: 10px 10;
    margin-left: 20px;
    color: rgb(22, 2, 48)
}

.TY p {
    text-align: center;
    font-size: 20px;
    color: #ff7200;
}

.TY h1 {
    text-align: center;
    font-size: 40px;
    color: #3b0a7c;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}