*{
    font-family: serif;
}
body{
    margin: auto;
}
    
.parent{
    
    display: grid;
    height: auto;
    /* width: 100vh; */
    /* border: 2px solid blue; */
    grid-template-columns: repeat(10,1fr);
    grid-template-rows:60px auto;
    
}
.class1{
    /* border: 2px solid darkviolet; */
    grid-column: 1/11;
    
    background-repeat: no-repeat;
    background-size: contain;
    
    height: 60px;
    display: flex;
    align-items: center;
    /* justify-content: space-evenly; */
    
}

.imgw{
    background-image: url("WhatsApp\ Image\ 2025-09-21\ at\ 16.34.33.jpeg");
    
    width: 290px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 15px;
}
b{
    font-size: 15px;
    
}
.img1{
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/f/fa/Bmw_e12_v_sst.jpg");
    width: 250px;
    height: 200 px;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;

}
.in{
  margin-right: 511px;
}
.s{
    /* border: 1px solid black; */
    width: 350px;
    height: 30px;
    font-size: 13px;
   
}
.search{
    border: 1px solid rgb(68, 67, 67);
    height: 29px;
    align-items: center;
    font-size: 15px;
   

}

nav{
    font-size: 15px;
    margin-top: 5px;

  
}
a{
    color: rgb(0, 85, 255);
}
.o1{
    height: 20px;
    margin-top: -10px;
   
}

.class2{
    /* border: 2px solid rgb(40, 116, 91); */
    grid-column: 1/3;
    position: sticky;
    top: 0px;
}
.class3{
    /* border: 2px solid rgb(19, 169, 199); */
    grid-column: 3/9;
    display: grid;
    grid-template-columns:repeat(3,1fr) ;
    grid-template-rows: 250px 1450px 1000px;
    gap: 2px;
}
.img{
    border: 0.5px solid grey;
    grid-column: 3/4;
    grid-row:2/3 ;
    width: 310px;
}
.content1{
    /*border: 2px solid black;*/
    grid-column: 1/4;
    
}
.content2{
    /*border: 2px solid black;*/
    grid-row: 2/3;
    grid-column: 1/3;
}
.content3{
    /*border:2px solid black;*/
    grid-column: 1/4;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 200px 230px auto;

}

.class4{
    /*border: 2px solid rgb(199, 19, 145);*/
    grid-column: 9/11;
    margin-left: 5px;
    margin-top: 5px;
    position: sticky;
    top: 0px;
}
.cimg1{
    /* border: 1px solid blue; */
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/7/73/Logo_BMW_Group_2021.svg/500px-Logo_BMW_Group_2021.svg.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
    width: 260px;
    margin-left: 20px;
    margin-top: 5px;
}
.cimg2{

    background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/4_cilindros_de_BMW%2C_M%C3%BAnich%2C_Alemania1.jpg/500px-4_cilindros_de_BMW%2C_M%C3%BAnich%2C_Alemania1.jpg);
    background-size: contain;
    height: 400px;
    width: 260px;
    margin-left: 20px;
    /* padding: 10px; */
}
.class2 h3{
    font-size: 14px;
    margin: 15px 0 8px;

}
.class2 ul{
    list-style: none;
}
.class2 ul li{
    margin: 6px 0;
}
.class2 ul li a {
      text-decoration: none;
      font-size: 18px;
      color: #0645ad;
}
.class2 ul li a:hover{
    text-decoration: underline;
}
.class4{
    background-color: white;
}
.headsub{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid grey;
    padding-bottom: 5px;
}
.art{


}
.read{

}
.subheading1{
display: flex;
justify-content: space-between;
border-bottom: 1px solid grey;
    
}
.lang{
    align-self: center;
}
h1{
 font-size: 1.8em;
}
.content2{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: large;
}
.cc{
    /*border: 2px solid black;*/
}
.cc1{
    grid-column: 1/5;
}
.img1{
    grid-column: 1/2;
    grid-row: 2/3;
}
.cc2{
    grid-column: 2/5;
}
.cc3{
    grid-column: 1/5;
}
.s{
 margin-top: 30px;
    position: sticky;
    top: 5px;
    border: #0645ad;
 
}
.sh{
    margin-top: 30px;
    position: sticky;
    top: 5px;
    border: #0645ad;
}
.class1 input{
    border: 1px solid black;
    margin-bottom: 25px;
}
.infobox{
    margin-left: 10px;
  
}