.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;
}

.header_2{
    display: flex;
    justify-content: space-between;     
    margin: 0px 20px 0px 20px;  
}

.header_3{
    display: flex;
    justify-content: space-between;     
    margin: 0px 20px 20px 20px;  
}

.nazvanie{
   margin-right: 80px; 
}

.zagolovok {
    font-size: 60px;   
}

.slogan {
    font-size: 20px; 
}

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

.logo_logo{
    margin-right: 20px;
    margin-top: 10px;
}

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

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

.home {
    color: #fff;   
    text-decoration: none;     
}

.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; 
}

.zakaz_spisok {
    margin-left: 40px;
    margin-bottom: 30px;
}

.zakaz_spisok_repetitor{
    margin-left: 40px;
    margin-bottom: 30px;
    font-size: 20px;
}

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

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


.coorse_titul, .textbook_titul,  .training_titul {
    color: #000;
    font-size: 60px;    
    margin: 20px 0px 40px 20px; 
}





/* teachers */
.card_section_teacher{
    /* display: flex;
    flex-wrap: wrap; */
    margin-top: 30px;
    /* justify-content: start; */
}

.teachers_card{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content:space-between
}


.teacher_fiz_titul{
    color: #000;
    font-size: 50px;    
    margin: 20px 0px 10px 20px; 
}

.more-text{
    margin: 80px 0 10px 10px;
    font-size: 20px;  
}

.card_fizika, .card_math, .card_ivt {
    width: 1100px;
    color: black;
    background-color: hsl(200, 43%, 93%);    
    border: 2px solid transparent;
    border-radius: 10px;
    /* margin: 10px; */
    /* height: 200px; */
    /* background-image: url("../images/fizika_fon1.png"); */  
}

.card_ivt{
    background-color: hsl(136, 43%, 93%);         
}

.card_fizika{
    background-color: hsl(280, 5%, 89%);         
}

.card_fiz-title {
    margin: 15px;
    font-size: 30px;
}

.card_fiz-text {
    margin: 0px 10px 10px 15px ;
    font-size: 16px;
}

/* teachers */








.course_section1, .textbook_section1, .training_section1  {
    width: 500px;    
}
  
.course_section2, .textbook_section2, .training_section2  {
    width: 500px;    
  }

.course_section_repetitor  {
    width: 900px; 
    margin-right: 10px;   
}  

.text_training1,  .text_training2 {
    margin-left: 20px;
    margin-bottom: 20px;  
    font-size: 20px;
}



/* Для страницы error.html */
 .div_error {  
    /* margin-top: 10px;  */
    background-color: #dbf5f9;     
    display: flex;
    justify-content: space-between;     
    margin: 50px 0px 0px 0px; 
 } 
/* Для страницы error.html */


.text_change {
   font-size: 25px; 
}

.course_section_zakaz{
    width: 500px;  
    margin-top: 160px;  
    margin-right: 20px;
  }

.img_logo_posobie {
    width: 500px;     
}

.course_titul{
    /* color: #3333CC; */
    font-size: 60px;
    margin: 20px 0px 40px 20px;     
}

.div_course2 {    
    background-color: #dbf5f9;  
    display: flex;  
    margin: 50px 0px 50px 0px; 
}

.div_materials {    
    background-color: #dff6fa;  
    /* display: flex;   */
    margin: 20px 0px 50px 0px;     
}

.block_section1 {    
    /* background-color: #d39626;     */
    width: 33%;
}

.block_titul{
    /* color: #3333CC; */
    font-size: 38px;   
    margin: 20px 0px 20px 20px;     
}


.text_course1{
  margin-left: 20px;
  margin-bottom: 20px;  
  font-size: 20px;
}

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

.text_textbook1 {
    margin-left: 20px;
    margin-bottom: 20px;  
    font-size: 20px;
}

.text_textbook2 {
    margin-left: 20px;
    margin-bottom: 30px;  
    font-size: 20px;
}
.textbook_section2 {
    /* margin-right: 20px;     */
    width: 500px; 
}

.button_textbook, button_training {
    padding: 15px;
    outline: none;
    border: none;  
    border-radius: 10px;
    background-color: #ff904e ;
    cursor: pointer;
    color: #000000;
    font-weight: 600;
    font-size: 20px;    
    margin-left: 20px;
  }

.course_section2{
    display: flex;
}

.card_section1{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: start; */
}

.card{
    width: 340px;
    color: black;
    background-color: #b7f59e;    
    border: 2px solid transparent;
    border-radius: 10px;
    margin: 10px;
    /* height: 200px; */
}

.card2{
    width: 340px;
    color: black;
    background-color: hsl(61, 82%, 78%);    
    border: 2px solid transparent;
    border-radius: 10px;
    margin: 10px;
    /* height: 200px; */
}

.card3{
    width: 340px;
    color: black;
    background-color: hsl(199, 81%, 85%);    
    border: 2px solid transparent;
    border-radius: 10px;
    margin: 10px;
    /* height: 200px; */
}

.card-button {
    /* border: 2px solid transparent;
    border-radius: 6px; */
    width: 120px;
    height: 50px;
    font-size: 15px;
    margin: 10px;
    margin-left: 70px;
    color: #dbf5f9;
    background: #3c13f1;    
}

.card-button:hover {    
    background: #fa8111;
}

.card_img {
 border-radius: 10px ;
 height: 120px;
}

.card-title {
    margin: 20px;
}

.card-text {
    margin: 15px;
}

  .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;  
    width: 350px;  
 }

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

.text_footer2{
    padding: 4px;
}