.header {   
   background-image: linear-gradient(#063785, #1483f6); 
   display: flex;
   flex-direction: column;  
   color: #fff;    
}

.header_1{
    display: flex;
    justify-content: space-between;
    margin-left: 20px;
    margin-top: 20px;
}

.zagolovok {
    font-size: 60px;   
}

.slogan {
    font-size: 20px; 
}

.social{
    display: flex;
    justify-content: flex-end;
}

.pic_vk{
    width: 32px;
    margin-top: 20px;
    margin-right: 20px;
}

.header_menu-list {
    display: flex;    
    flex-direction: row; 
    list-style: none; 
    gap: 15px;
    margin-right: 20px;
    margin-top: 12px;
    color: #9B9999;    
}

.pic_line{
    margin-left: 20px;
    margin-right: 20px;
}

.title {
    margin-top: 30px;
}
.titul {
    margin-bottom: 5px;
    font-size: 40px;
}

.titul_text {
    margin-top: 50px;
    font-size: 20px; 
}

button {
  padding: 10px;
  outline: none;
  border: none;  
  border-radius: 10px;
  background-color: #ff904e ;
  /* background-color: #3333cc ; */
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  /* letter-spacing: 1px;
  box-shadow: 0px 5px 10px #000; */
  margin-left: 20px;
  height: 40px;
}

.div_course {  
    margin-top: 50px; 
    background-color: #dbf5f9;     
    display: flex;
    justify-content: space-between;     
    margin: 50px 0px 0px 0px; 
 } 

.course_section1{
  width: 500px;
}

.course_section2{
  width: 500px;    
}

.about_course{
    display: flex;  
    justify-content: space-between; 
}

.spisok{
 
}

.course_titul{
    color: #3333CC;
    font-size: 50px;
    /* text-align: center; */
    margin: 50px 0px 20px 20px;  
    display: flex;   
}

.course_titul1{
    color: #3333CC;
    font-size: 40px;    
    margin: 50px 0px 5px 20px;  
    display: flex;   
}

.text_course_titel{
     color: #3333CC;
     font-size: 30px;    
     margin: 40px 0px 20px 20px;  
     display: flex;    
}

.text_course1{
  margin-left: 20px;
  margin-bottom: 5px; 
  margin-top: 5px; 
  font-size: 26px;
  color: #ff904e;

}

.text_course2{
    margin-left: 130px;
    margin-bottom: 20px;  
    font-size: 20px;
    /* width: 700px; */
  }

.text_spisok{
    margin-left: 130px;
    margin-bottom: 20px;  
    font-size: 20px;
    /* width: 700px; */
  } 

.text_details{
    margin-left: 110px;
    margin-bottom: 10px;  
    font-size: 20px;
}

details[open] > p {
    margin-left: 40px;
    margin-bottom: 10px;  
    font-size: 18px;
    /* width: 700px; */
}

.demo_modul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
    /* background-color: #8215e9; */
    margin-bottom: 30px;
}

.demo_annotation {
   margin-left: 20px;
}

.demo_text_course2{
    width: 500px;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 10px;  
}

.pic_demo{    
    width: 500px;
    /* margin-left: 40px; */
}

  .footer { 
    margin-top: 40px;    
    background-color: #02265F; 
    display: flex;
    flex-direction: column;  
    color: #d5d3d3;      
 }
 
 .footer_1{    
     display: flex;
     justify-content: space-between;
     margin-left: 20px;
     margin-top: 20px;
 }
 
 .footer_menu-list {
    display: flex;    
    flex-direction: row; 
    list-style: none; 
    gap: 15px;
    margin-right: 20px;
    margin-top: px;
    color: #9B9999;    
}

.footer_section{
    display: flex;
}

.footer_2, .footer_3, .footer_4{
    margin: 25px;    
 }

.titul_text_footer2{
    font-size: 26px;
    margin-bottom: 15px;    
}

.text_footer2{
    padding: 4px;
}