#sd{
    width: 100%;
    height: 400px;
    /* border: 1px solid red; */
   display: flex;
   background-color: #383838 ;
   margin-bottom: 30px;
   border-radius: 10px;
   /* background-image: radial-gradient(rgb(48, 43, 43), red); */
}
#d{
    width: 90%;
    height: 90%;
    /* border: 1px solid red; */
    margin: auto;
}

#d1{
    width: 100%;
    height: 70%;
    /* border: 1px solid red; */
    display: flex;
    
}
#d1>#d11{
    width: 35%;
    height: 100%;
    /* border: 1px solid red; */
    margin: auto;
}
#d111{
    width: 100%;
    height: 60%;
    /* border: 1px solid red; */
}
#d112{
    width: 100%;
    height: 15%;
    /* border: 1px solid red; */
}
#d113{
    width: 100%;
    height: 25%;
    /* border: 1px solid red; */
}
#d111>h1{
    color: #FFFFFF;
    font-size: 35px;
}
#d112>span{
    color: #FFFFFF;
    font-size: 20px;
}
#d113>button{
    background-color: #10A310;
    color: #FFFFFF;
    /* height: 80%;
    width: 20%; */
    padding: 15px;
    border-radius: 7px;
    cursor: pointer;
    border: 0px;
}



#d1>#d12{
    width: 45%;
    height: 100%;
    /* border: 1px solid red; */
    margin: auto;
}
#d12i{
    height: 100%;
    width: 100%;
}


#d2{
    width: 100%;
    height: 30%;
    /* border: 1px solid red; */

}
#d2>p{
    color: #FFFFFF;
    font-size: 18px;
}


#r{
    width: 100%;
    height: 250px;
    /* border: 1px solid red; */
    margin-bottom: 60px;
    background-color: #f8f5f5;
    border-radius: 10px;
}
#r1{
    width: 100%;
    height: 50%;
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
}
#r1>h1{
    color: #1F1F1F;
}
#r2{
    width: 100%;
    height: 50%;
    /* border: 1px solid red; */
}
/* #r2>iframe{
    height: 100%;
    width: 100%;
} */



#l1p{
font-size: 23px;
}
#l{
    max-height: 700px;
    /* border: 1px solid red; */
    background-color: #ece6e6;
    display: flex;
    overflow-x: auto;
    gap: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
}
#l1{
   min-width: 25%;
    height: 95%;
    /* border: 1px solid red; */
    margin-left: 20px;

}
#l11{
    width: 100%;
    height: 50%;
    /* border: 1px solid red; */
 }
 #l11>img{
     width: 100%;
     height: 100%;
 }

 #l12{
    width: 100%;
    height: 40%;
    /* border: 1px solid red; */
 }
 #l13{
    width: 100%;
    height: 10%;
    /* border: 1px solid red; */
 }