@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:poppins,sans-serif;
    }

header{
    height: 80px;color: black;background-color: rgb(255, 174, 0);display: flex;
    justify-content: space-between;align-items: center;padding-left:50px;padding-right:90px;
}
header img{
    height:40px;width:100px;
}
.header1{display: flex;background-color: rgba(255, 255, 255, 0);height:fit-content;width:40%;display: flex;justify-content: space-between;}
.header1 p {text-transform: uppercase;}
.header1 p{cursor: pointer;}
.header1 p a{text-decoration: none;color: black;}


/* Body */
.body{
    height:500px;display: flex;background-image: url(./images/225_1920x615-dealer-website-banner-copy-n-new.webp);width: 100%;
}
.section1-a{border: 1px solid rgba(255, 0, 0, 0);width:55%;color: rgb(255, 255, 255);display: flex;align-items: center;justify-content: center;}
.section1-TextContent{border: 1px solid rgba(255, 0, 0, 0);width:85%;}
.ContactButton{
    height:40px;width:120px;color: black;background-color: rgb(255, 174, 0);display: flex;justify-content: center;
    align-items: center;font-size:16px;font-weight:700;border-radius:5px;border: none;
}
.sec1Head{font-size:40px;color: rgb(255, 255, 255);font-weight: 600;}
.sec1para{width:fit-content;font-size:14px;}
.section1-b{border: 1px solid rgba(156, 255, 8, 0);width:45%;color: aliceblue;}

/* Body2 */

.Body2{height:650px;display: flex;justify-content: center;align-items: center;}
.body2Main{height: 550px;width:85%;background-color: rgb(255, 255, 255);display: flex;justify-content: space-between;}
.Body2a{width:58%;height: 100%;}
.HeadeingBox{height:80px;border-left: 3px solid orange;justify-content: space-between;display: flex;flex-direction: column;padding-left:20px;}
.HeadeingBox H1 {font-size:30px;font-weight:400;}
.HeadeingBox p {font-size:18px;}
.Content2{font-size:14px;margin-top:20px;}
.Body2Img{height:32%;width: 100%;margin-top:20px;}

.Body2b{width:40%;background-color: orange;height:80%;display: flex;justify-content: center;align-items: center;}
.Body2bbox{height:80%;border: 1px solid rgba(255, 0, 0, 0);width:85%;display: flex;flex-direction: column;color: white;}
.Body2bbox h1{font-size:30px;font-weight:400;}
.Body2bbox p{font-size:16px;margin-top:20px;}
.Body2bbox h2{font-size:18px;font-weight:500;}


/* Body3 */
.Body3{height:600px;background-color: rgba(255, 249, 241, 0);display: flex;justify-content: space-evenly;align-items: center;}
.Body3a{
    height:80%;width:55%;border: 1px solid rgba(255, 0, 0, 0);box-shadow: 10px 10px 10px rgba(173, 173, 173, 0);
}
.Body3aImag{height: 100%;width: 100%;}
.Body3b{height:80%;width:30%;border: 1px solid rgba(0, 255, 13, 0);justify-content: space-evenly;display: flex;flex-direction: column;}
.Body3b h1{
    font-size:25px;font-weight:500;border-left:3px solid rgb(255, 153, 0);background-color: rgba(250, 235, 215, 0);
    display: flex;align-items: center;justify-content: center;height:60px;
}
.Body3b p{font-size:14px}
.Body3b p a {text-decoration: none;}


/* Body4 */
.Body4{height:350px;background-color: rgba(196, 170, 134, 0);display: flex;justify-content:center;align-items: center;flex-direction: column;}
.Body4Main{height:100%;width:95%;border: 1px solid rgba(229, 255, 0, 0);display: flex;justify-content:space-between;align-items: center;}
.Body4a{height:90%;width:75%;border: 1px solid rgba(255, 0, 0, 0);  }
.Body4b{height:90%;width:25%;border: 1px solid rgba(0, 255, 13, 0);}
.AbtJCBBox{height:100%;background-color: rgba(0, 4, 255, 0);width:100%;display: flex;justify-content: space-between;align-items: center;}
.AbtJCBBox img {height:70%;width:40%;}
.AbtJCBBox2{height:90%;width:58%;border: 1px solid rgba(255, 238, 0, 0)}
.AbtJCBBox2 h1{  font-size:27px;font-weight: 400;}
.AbtJCBBox2 p{font-size:14px;margin-top:10px;}


.Body5{height:350px;background-color: rgb(255, 255, 255);display: flex;align-items: center;justify-content:center;}
.Body5Main{height: 90%;width:95%;border: 1px solid rgba(0, 255, 0, 0);display: flex;display: flex;align-items: center;justify-content:center;}
.AbtJCBBox3{height:90%;width:48%;border: 1px solid rgba(255, 0, 0, 0);display: flex;align-items: start;justify-content:space-evenly;flex-direction: column;}
.AbtJCBBox3 h1{ font-size:27px;font-weight: 400;}
.AbtJCBBox3 p{font-size:15px}
.AbtJCBBox3 ul{font-size:14px;}
.AbtJCBBox3 img{height:100%;}


footer{
    height:300px;background-color: rgb(0, 0, 0);color:white;display: flex;align-items: center;justify-content:center;
}
.footerMain{height: 80%;width: 95%;border: 1px solid rgba(255, 255, 255, 0);display: flex;flex-direction: column;justify-content:space-evenly;}
.footerMain h1{font-size:20px;font-weight:500;}
.Footer1{height:20%;width:30%;background-color: rgb(0, 0, 0);display: flex;}
.Ft1{width:20%;border: 1px solid black;height: 100%;}
.Ft2{width: 80%;height: 100%;color: rgb(255, 255, 255);}
.Ft1 img {height:30px;}
.ADDFotter{height:40px;color: black;background-color: orange;display: flex;align-items: center;justify-content: center;font-size:13px;font-weight: 500;}




/* Media Queries */
@media (max-width: 768px) {
    header {
        flex-direction: column;
        padding: 10px;height: 100px;
    }

    .header1 {
        width: 100%;
        justify-content: space-around;
        margin-top: 10px;
    }

    .body {
        flex-direction: column;
    }

    .section1-a, .section1-b {
        width: 100%;
    }
    .section1-TextContent{margin-top:100px;}
    .body2Main{height: auto;;width:85%;background-color: rgba(255, 5, 5, 0);display: flex;justify-content: space-between;}

    .Body2 {
        flex-direction: column;height: auto;
    }
    .HeadeingBox{height: auto;}
    .body2Main {
        flex-direction: column;
        width: 100%;
    }

    .Body3 {
        flex-direction: column;background-color: rgba(0, 0, 255, 0);height: auto;margin-top: 20px;
    }

    .Body3a, .Body3b {
        width: 100%;
    }

    .Body4Main {
        flex-direction: column;
    }
    .Body4{
        height:auto
    }
    .Body4 p {
        font-size: 10px;
    }
    .Body5Main {
        flex-direction: column;
    }
    .Body5{background-color: rgba(0, 255, 255, 0);height: auto;}
    .Footer1{height:20%;width:100%;background-color: rgba(255, 255, 255, 0);display: flex;}

    .Body5 img{height:290px;}
}

@media (max-width: 480px) {
    .sec1Head {
        font-size: 28px;
    }

    .sec1para {
        font-size: 12px;
    }

    .Body2bbox h1 {
        font-size: 24px;
    }

    .Body2bbox p, .Body2bbox h2 {
        font-size: 14px;
    }

    .Body3b h1 {
        font-size: 20px;
    }

    .Body5Main {
        flex-direction: column;
    }

    .AbtJCBBox3 h1 {
        font-size: 22px;
    }
}