body
{
    margin: 0%;
    overflow-x: hidden;
}
.header
{
    width:100%;
    height:90px;
    background-color:#181818;
    display: flex;
    flex-direction: row;
    position: fixed;
    z-index: 1;
}
.logo
{
    width:5%;
    margin-left: 20px;
    margin-top: 17px;


}
.logoimg
{
    width: 60px;
    height:60px;
}
.bar1
{
    width:65%;
    display: flex;
    flex-direction: row;
    text-decoration: none;
    margin-right: 100px;
    margin-left: 30px;
}
.ul1
{
    color: white;
    font-size: 12px;
    margin-top: 40px;
    margin-left: 20px;
    text-decoration: none;
    font-family: Roboto,HelRobotovetica Neue,Arial;    
}
.ul1:hover{
    border-bottom: white 1px solid;
}
.ul2
{
    color: white;
    font-size: 12px;
    margin-top: 40px;
    margin-right: 22px;
    text-decoration: none;  
    font-family: Roboto,HelRobotovetica Neue,Arial;
}
.ul2:hover{
    border-bottom: white 1px solid;
}
.ul2a
{
    color: white;
    margin-top: 35px;
    margin-right: 22px;
    text-decoration: none; 
    font-family: Roboto,HelRobotovetica Neue,Arial; 
}
.bar2
{
    width:30%;
    display: flex;
    flex-direction: row;
    text-decoration: none;
}
.uuu
{
    width:25px;
    height:25px;
}
.imger11
{
    width:100%;
}
.zeroth{
    width: 100%;
    display: flex;
    flex-direction: column;

}
.zeroth1
{
    width: 25%;
}
.rower1
{
    color:white;
    background-color: #181818;
    text-align: end;
    padding-right: 30px;
    font-size: 12px;
    font-family: Roboto,HelRobotovetica Neue,Arial;
    margin-top: -645px;
    padding-top: 5px;
    padding-bottom: 5px;
    clip-path: polygon(0% 0%,100% 0%,95% 100%,0% 100%);
}
.a1
{
    text-decoration: none;
    color: white;
    font-weight: lighter;
}
.zeroth2{
    width: 50%;
}
.rower2
{
    margin-top: -438px;
    margin-left: 110px;
    font-family: Roboto,HelRobotovetica Neue,Arial;
    color: white;
}
.rower3
{
    margin-left:110px;
    font-family: Roboto,HelRobotovetica Neue,Arial;
    font-size: 72px;
    font-weight: bolder;
    margin-top: -10px;
    color: white;
}
.first{
    display: flex;
    flex-direction: row;
    margin-top: -1px;
}
.first1
{
    width:62%;
    float:left;
}
.first2
{
    width: 38%;
}
.imger2
{
    margin-left: 90px;
    margin-top: 110px;
}
.para1
{
    margin-left: 90px;
}
.para2
{
    margin-left: 90px;
    font-family:Helvetica Neue,Arial;
    font-size: 1pc;
    line-height: 1.6rem;
    font-weight: 300;
}
.imger3
{
    width:84%;
    margin-left: 82px;
    clip-path: polygon(0% 100%,80% 0%,100% 0%,100% 100%);
}
.second
{
    width: 90%;
    display: flex;
    flex-direction: column;
    margin-top: 35px;
}
.second1
{
    margin-top: 60px;
    width:81%;
    z-index: -1;
    margin-left: -155px;
}
.imger4
{
    width:100%;
    clip-path: polygon(15% 55%,33% 0%,100% 0%,67% 100%,15% 100%);
    z-index: -1;
}
.imger5
{
    width:100%;
    clip-path: polygon(1% 100%,43.5% 0%,100% 0%,100% 70%,82% 100%);
    z-index: 1;

}
.second2
{
    margin-bottom: 40px;
    width:64.1%;
    z-index: -1;
    margin-left: 568px;
    margin-top: -530px;
}
.third
{
    width:100%;
    margin-top: 45px;
    display: flex;
    flex-direction: row;
}
.third1
{
    width:40%;
}
.imger6
{
    width:100%;
    clip-path: polygon(0% 0%,90% 0%,50% 100%,0% 100%);
}
.third2
{
    width: 39%;
    margin-left: 80px;
}
.para3
{
    font-family: Roboto,Helvetica Neue,Arial;
    font-size: 1.7rem;
    line-height: 1.5;
    font-weight: 600;
}
.para4
{
    font-family: Roboto,Helvetica Neue,Arial;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.fourth{
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
}
.fourth1
{
    width:100%;
}
.h22
{
    text-align: center;
    font-size: 33px;
    line-height: 1.5pc;
    font-family: Roboto,Helvetica Neue,Arial;
    font-weight: 300px;
}
.buttons
{
    text-align: center;
    
}
.btn1
{
    margin-left: -10px;
    width: 50px;
    border: none;
    background-color: transparent;
}
.btn2
{
    margin-left: 40px;
    width: 50px;
    border: none;
    background-color: transparent;
}
.fourth2
{
    width:100%;
    z-index: -1;
    margin-top: -100px;
}
.fourth3
{
    width:50%;
    z-index: 1;
    margin-top: -170px;
    margin-left: 100px;
}
.imger7
{
    width: 100%;
}
.btn3{
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-color: rgb(211, 210, 210);
    font-size: 23px;
    font-weight: 550;
}
.aaa
{
    text-decoration: none;
    color: black;
}
.fifth
{
    width:100%;
    display: flex;
    flex-direction: column;
}
.imger8
{
    width:100%;
}
.btn4{
    width:50px;
    height: 50px;
    background-color: transparent;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    left:60px;
    margin-top: 280px;
    border: none;
}
.btn5
{
    width:50px;
    height: 50px;
    margin-top: 280px;
    background-color: transparent;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    right:60px;
    border: none;
    
}
.sixth
{
    width:100%;
    display: flex;
    flex-direction: row;
}

.sixth1
{
    width: 50%;
    background-image: url("https://www.lamborghini.com/sites/it-en/files/DAM/lamborghini/facelift_2019/model_gw/cross-links/image1.jpg");
}
.a11{
    width:100%;
    text-decoration: none;
}
.sixth1:hover{
    transform: scale(1.04);
    transition: 1s;

}
.sixth11
{
    width: 100%;
    margin-left: 70px;
    margin-top: 450px;
    z-index: 1;
}
.h4{
    color: white;
    font-size: 3.5rem;
    margin-top: -25px;
    font-family: Roboto,HelRobotovetica Neue,Arial;
}
.h5
{
    color: white;
    font-size: 1.5rem;
    font-family: Roboto,HelRobotovetica Neue,Arial;
}
.sixth2
{
    width: 50%;
    background-image: url("https://www.lamborghini.com/sites/it-en/files/DAM/lamborghini/facelift_2019/model_gw/cross-links/image2.jpg");
    opacity: 1;
}
.sixth2:hover{
    transform: scale(1.04);
    transition:1s;
}
.sixth22
{
    margin-left: 70px;
    z-index: 1;
    margin-top: 450px;
}
.h7
{
    color: white;
    font-size: 3.5rem;
    margin-top: -25px;
    font-family: Roboto,HelRobotovetica Neue,Arial;
}
.h6
{
    color: white;
    font-size: 1.5rem;
    font-family: Roboto,HelRobotovetica Neue,Arial;
}
.footer
{
    width:100%;
    background-color:#181818;
    z-index: 1;
}
.foot1
{
    width:100%;
    display: flex;
    flex-direction: row;
}
.bar3
{
    width: 72%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 30px;
    margin-top: 80px;

}

.bar3 li{
    list-style-type: none;
    color: white;
}
.bar4 li{
    list-style-type: none;
    color: white;
}
.ul3a
{
    display: flex;
    flex-direction: row;
}
.ul3b
{
    display: flex;
    flex-direction: row;
}

.bar4
{
    width:28%;
    display: flex;
    flex-direction: row;
    margin-top: 100px;
    margin-right: 40px;
    

}
.iii
{
    width:20px;
    height:20px;
}
.li3
{
    justify-content: space-evenly;
    padding-right: 10px;
    font-family: Roboto,HelRobotovetica Neue,Arial;
    font-size: 15px;
    text-decoration: none;
    color: white;
    font-weight: 550;
    padding-bottom: 10px;
}
.li3:hover{
    border-bottom: white solid 1px;
    padding-bottom: 4px;
}
.li4
{
    padding-left: 15px;
    text-decoration: none;
    color: white;
}
.li5
{
    list-style-type: '* ';
    font-size:14px;
    font-family: Roboto,HelRobotovetica Neue,Arial;
    color: white;
    line-height: 30px;
    margin-right: 10px;
    text-align:start;
    

}
.foot2
{
    margin-left: 40px;
    margin-top: 30px;
}
.para5
{
    font-family: Roboto,HelRobotovetica Neue,Arial;
    margin-top: 50px;
    line-height: 1.5rem;
    color: white;
    padding-bottom: 50px;
    line-height: 28px;
}
.kk
{
    width: 50px;
    height: 50px;
    z-index: -1;
}
.kk:hover{
    background-color: black;
    clip-path: polygon(5% 25%,50% 0%,95% 25%,95% 75%,50% 100%,5% 75%);
    z-index: -1;
}
.kk1
{
    width: 50px;
    height: 50px;
    z-index: 1;
    margin-left: -8px;
    margin-top: -3px;
}
.kk1:hover{
    background-color: rgb(255, 255, 255);
    clip-path: polygon(10% 25%,50% 5%,90% 25%,90% 75%,50% 95%,10% 75%);
    z-index: -1;
}
.dd
{
    margin-top: -35px;
    margin-left: 12px;
    color: rgb(0, 0, 0);
    z-index: 1;
}
.dd1
{
    margin-top: -35px;
    margin-left: -5px;
    color: rgb(255, 255, 255);
    z-index: -1;
}
.dd:hover{
    color: rgb(255, 255, 255);
    font-size: larger;
    font-weight: bolder;
    z-index: 1;
}
.dd1:hover{
    color: rgb(0, 0, 0);
    font-size: larger;
    font-weight: bolder;
    z-index: 1;
}