*{
    font-family: sans-serif;
}
#top-1{
    width:70%;
    height:15cm;
    
    margin: auto;
    justify-content: space-between;
    display: flex;
   
}
#top-1>div:nth-child(1){
    width:10cm;
    height:7cm;
    
    margin-top: 1cm;
    
    
}

#top-1>div>div>a>button{
  margin-top: 1cm;
  width:5cm;
  height:1.5cm;
  color:#FF7846;
  border: 2px solid #FF7846;
  font-weight: bold;
  font-size: 18px;
  text-align: center;


}
#grey{
    background-color: lightgrey;
    width:100%;
    
}
#one{
    justify-content: space-between;
    display: flex;
    
}
#one>h2{
    margin-top: 1.5cm;
    font-weight: 500;
    cursor: pointer;
    color: blue;
}
#top-1>div:nth-child(2){
    width:14cm;
    margin-top: 2cm;
    
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  
}
#top-1>div:nth-child(2)>img{
    width:100%;
    height:100%;
}
#top-2{
    width:70%;
    height:10cm;
    
    margin: auto;
    justify-content: space-between;
    display: flex;
}
#top-2>div:nth-child(1){
    width:12.5cm;
    height:auto;
    
    margin-top: 1cm;
    
    

}
.img{
    height:1.5cm;
    width:5cm;
    
}
#top-2>div>p{
    font-size: 22px;
    color: #212128;
    opacity: 0.8;
    line-height: 32px;
    max-width: 480px;
}
.img>img{
    width:100%;
    height:100%;
}
#top-2>div:nth-child(2){
    width:14cm;
    height:8cm;
    
    background-color:purple;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.logo{
    width:5cm;
    height:1cm;
   
    margin-left: 1.2cm;
    margin-top:1cm;
}

.sml{
    height:1.5cm;
    width:100%;
    
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.sml>div:nth-child(1){
    width:1.3cm;
    height:1.3cm;
    
    
}
.sml>div>img{
    width:100%;
    height:100%;
    border-radius:30px ;
}
.para{
    width:80%;
    height:5cm;
    
    margin: auto;

}
.para>p{
    margin-bottom: 24px;
    font-size: 22px;
    letter-spacing: -0.2px;
    line-height: 32px;
    color: #FFFFFF;
}
.logo>img{
    width:100%;
    height:100%;
}
.para>h3{
    color: #FF7846;;
}
#top-3{
    height:1.5cm;
    width:80%;
    
    
    margin:auto;
    margin-top: 3cm;
    display: flex;
    justify-content: space-between;
}
#top-3>div{
    width:5cm;
    height:100%;
    

}
#top-3>div>img{
    width:100%;
    height:90%;
}

#top-4{
    margin-top: 2cm;
    width:80%;
    height:9cm;
    
    margin: auto;
    margin-top: 2cm;
    
    display: flex;
}
#top-4>div:nth-child(1){
    display: flex;
    width:65%;
    height:100%;
    
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.pics{
    width:60%;
    height:100%;
    
}
.pics>img{
    width:100%;
    height:100%;
}
.info{
    width:70%;
    height:100%;
    
    background-color: purple;
}
.logo1{
    width:5cm;
    height:1.2cm;
    
    margin-top: 1.5cm;
    margin-left: 1.5cm;
}
.logo1>img{
    width:100%;
    height:100%;
}
.info>div:nth-child(2){
    width:70%;
    height:4cm;
    
    margin: auto;
}
.info>div:nth-child(2)>p{
    margin-bottom: 24px;
    font-size: 22px;
    letter-spacing: -0.2px;
    line-height: 32px;
    color: #FFFFFF;
}
#top-4>div:nth-child(2)>div:nth-child(1){
    width:4cm;
    height: 1cm;
    
    margin-left: 1cm;
    margin-top: 1cm;

}
#top-4>div:nth-child(2)>div>img{
    width:100%;
    height:100%;
}
.para2{
    width: 9cm;
    height:5cm;
    
    margin-left: 1cm;
}
.para2>p{
    font-size: 22px;
    color: #212128;
    opacity: 0.8;
    line-height: 32px;
    max-width: 480px;
}

.pp{
    width:9cm;
    height:1.2cm;
    
    margin-left: 1cm;
    display: flex;
    align-items: center;
}
.pp>div:nth-child(1){
    width:1.2cm;
    height:1.2cm;
    
}
.pp>div:nth-child(1)>img{
    width:100%;
    height:100%;
    border-radius: 30px;
}
.pp>p{
    font-size: 14px;
    
    margin-left: 0.4cm;
}
#top-5{
   width:90%;
   height:1.5cm;
   display: flex;
   margin: auto;
   margin-top: 2cm;
   
}
#top-5>div{
    width:5cm;
    height:70%;
    
    margin: auto;
}
#top-5>div>img{
   width:100%;
   height:100%;
}
#video{
    width:19cm;
    height:10cm;
    
    margin:auto;
    margin-top: 3cm;

}
#top-6{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-columns: repeat(auto,1fr);
    width:70%;
    height:auto;
    margin: auto;
    margin-top: 2cm;
    
    gap:20px
}
#top-6>div{
    width:90%;
    height:6cm;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    margin: auto;
    background-color: #FFFFFF;
    
}
#top-6>div:nth-child(1){
    margin-top: 3cm;
}
#top-6>div:nth-child(2){
    margin-top: 3cm;
}


#top-6>div>div{
    width:5cm;
    height:1.5cm;
    
    margin-left: 1.2cm;
    margin-top: 0.7cm;

}
#top-6>div>div>img{
    width:100%;
    height:100%;
}
#top-6>div>div:nth-child(2){
    width:80%;
    height:1cm;
    margin-left: 1cm;
    margin-top: 1cm;
   
   
}
#top-6>div>div:nth-child(2)>h3{
    
    font-weight: 400;
    letter-spacing: -0.3px;
    font-size: 18px;
    line-height: 26px;
    color: black;
    
    
}
#grey2{
    background-color: lightgrey;
    margin-top: 3cm;
    width:100%;
   
}
#top-7{

    width:100%;
    height:3cm;
    background-color: lightgrey;
}

div>#mainfooter{
    margin-top: 150px;
    display: flex;
    justify-content: space-around;
 }
 div>#mainfooter>div>p>a{
 text-decoration: none;
 color: rgb(64, 60, 60)
 }
 div>#mainfooter>div>p>a:hover{
    margin-left: 10px;
    transition: .2s ease-out;
    font-weight: bold;
 }
 
 
 
 div>#icons{
    margin-top: 63px;
    margin-left: 1130px;
    display: grid;
    grid-template-columns: repeat(4, 35px);
    grid-template-rows:repeat(1, 35px) ;
    gap: 10px;
    width: 170px;
    height: 180px;
 }
 div>#icons>a>img{
    width: 20px;
    height: 20px;
 }