*{font-family: Verdana, Geneva, Tahoma, sans-serif;    
    list-style: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {    
  min-height: 200vh;    
}
.wrapp {max-width: 1200px;
  min-height: 800px;
  margin:0 auto;    
  background: white;      
  display: flex;
  flex-direction: column;    
  box-shadow:inset -5px 0 5px -3px rgba(0,0,0,0.3), inset 5px 0 5px -3px rgba(0,0,0,0.3);   
}
  /*Zagolovki, p spani*/
  h1 {
    text-align: center;
    font-weight: 900;
    font-size:clamp(1.125rem, 0.852rem + 1.36vw, 1.875rem);
  }
  h2 {text-align: center;
    font-weight: 900;
    font-size:clamp(1.063rem, 0.903rem + 0.8vw, 1.5rem);
    }
  h3 {text-align: center;
      font-weight: 900;
      font-size:clamp(1rem, 0.932rem + 0.34vw, 1.188rem);
      }
  h4 {  text-align: center;
        font-weight: 600;
        font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
        }
  h5 {text-align: center;
      font-weight: 900;
      font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
          }
  h6 {text-align: center;
    font-weight: 900;
    font-size:clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem);
    }
  p {
    text-align: left;
    margin: 5px 0;
    font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem); 
  }
  a {
    color: #000;
    font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
    font-weight: 600;
  }  
.container_10  p{
  font-size: 16px;  
  text-align: justify;
  text-indent: 40px;
}
.asosiy {
  width: 97%;
  margin: auto;    
  padding-bottom: 15px;  
  display: flex;
  flex-direction: column;      
}
.BSQ {
  margin: 15px 30px;
}
.BSQ a{
  color: #000;   
}
/*spanlar===================================================================*/
.notauchun {
  text-align: center;
  text-indent: 0;
  margin-top: 30px;     
}
.notauchun img {
  width: 80%;
  height: 300px;  
}

.text_sprava{  
  display: flex;
  justify-content: flex-end;
  margin-right: 30px;
  }

  .text_sprava a {  
  color: #000; 
  font-weight: 600;
}
.matn {
  width: 94%;
  margin: auto;
}  
/*ruyxatlar===================================================================*/

.list_galochka li {
  list-style-image: url(..//img/checkbox_03.png);
  margin: 0 0 10px 30px;
  text-indent: 20px;   
  list-style-position: inside;    
}
.list_galochka li a {
  color: #000;
  text-decoration: none;
}

.list_galochka_2 li {
  list-style-image: url(..//img/checkbox_03.png);
  margin-bottom: 15px;
  
  list-style-position: inside;    
}
.list_galochka_2 li a {
  color: #000;
  text-decoration: none;
}
/*Direktor_nutqi===============================*/
.direktor_nutqi {    
  width: 97%;    
  min-height: 100px;  
  margin: 0 auto;           
  margin: 20px;  
  display: flex;     
}
.DN_rasm {
  width:17%;
  min-height:200px;      
}
.DN_rasm img {
  width: 100%;
  height: auto;
}
.DN_matn {
  width: 83%;
  min-height:200px;
  margin-left:15px ;
}
/*Direktor_nutqi_end===========================*/


.konsth1 {
  text-transform: uppercase;      
  font-size: 20px;
  text-align: center;
  color: #4d59a1;
}
.konsth2 {
  text-transform: uppercase;      
  font-size: 18px;
  text-align: center;
  color: green;
}
.konsth3 {
  font-size: 16px;
  text-align: left;
  color:red;
  margin-left: 40px;
}
.qushmcha {
  color:#000;
  margin-top: 50px; 
  text-indent:0;
}
.vaqtincha {
  color: red;}
/*Header=======================================================*/
.header {
  width: 97%;
  min-height: 50px;
  background: white;    
  display: flex;  
  top: 0;
  z-index: 100; 
  margin-left: clamp(10px, 5vw, 15px);  
  margin-right: clamp(10px, 5vw, 15px);    
}
.header-top p{
  font-size: (1rem, 0.955rem + 0.23vw, 1.125rem);
  text-align: center;
  font-weight: 600;}

  .header-top {
    width: 100%;
    display: flex;     
}
.header-top .logo {
    width: 12%;   
    display: flex;
    align-items: flex-end;
   
}
.logo img {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}
.header-text {width: 88%;
    text-align: center;    
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;    
}
.header-text a {
  color: #000;
}
    
    .menyu_qator {
  
      width: 100%;
      height: 50px;
      background: #268382;    
      padding: 0 30px;
      display:flex;
      align-items: center;
      justify-content: space-around;
      z-index: 100;
    }
    .menyu_qator ul {
      position: relative;
    }
    .menyu_qator ul li {    
      position: relative;
      float: left;
    }
    .menyu_qator ul li a{
      color: #ffffff;
      font-size: 15px;
      padding: 14px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 5px;
      transition: 0.3s;
    }
    .menyu_qator ul li a:hover {
      background: #030101; 
    }
    
    .menyu_qator ul li:hover > a i {
      transition:0.3s;
      transform:rotate(-180deg);
    }
    .menyu_qator ul li ul {
      position: absolute;
      left: 0;
      width:300px;
      background: #186c6b;    
      display: none;;
    }
    .menyu_qator ul li:hover > ul {
      display: block;
    }
    .menyu_qator ul li ul li {
      position:relative;
      width: 100%;
      border: 1px solid rgba(0,0,0,.2);
    }
    .menyu_qator ul li ul li a i {
      transform: rotate(-90deg);
    }
    .menyu_qator ul li ul li ul {
      top:0;
      left: 250px;
    }
    /*header_menu_end*/
.container  {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;    
}
.maincontent {
  width: 100%;    
  margin: auto;  
}
/*yangiliklar==================================================*/
section {
  width: 100%;
  min-height: 100px;
  display: flex;
  flex-direction: row;
}

.column card-style {
width: 30%;
display: flex;
}


section p {
  font-size: 16px;
  text-indent: 0;
}
.card-text a {
  text-decoration: none;
  color: rgb(255, 0, 0);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600; 
}

.card-text a:hover {
color: darkblue;}


card-text_2 {
  text-indent: none;  
  margin-left: -10px;
}
figure {
  margin: 0px;
}

figure img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
figure2 {
  margin: 0px;
}
figure img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
/*figure img:hover {
  opacity: 0.6;
  transition: all .3s linear;
}*/
.column {
  box-sizing: border-box;
  flex: 1 100%;
  justify-content: space-evenly;
  margin: 20px;
}
.card-style {
  border-radius: 12px;
  border-image-slice: 1;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  transition: all 0.25s linear;
}
.card-style:hover {
  box-shadow: -1px 10px 29px 0px rgba(0, 0, 0, 0.8);
}
.card-text {
  padding: 20px;    
}
.card-text a {
  color: #000;    
}
.card-text_1 {
  height: 100px;    
  text-align: center;  
}
.card-text_1 a:hover {
  text-decoration: solid;
}
/*banner*/
.banner {
  width: 97%;
  min-height: 60px;
  display: flex;
  flex-wrap: wrap;   
  justify-content:space-between;   
  margin: auto;
  padding-top: 20px;      
  }
.banner_1 {
  width: 16%;
  display: flex;
  flex-direction: column;}
  .banner img {
    width: 100%;
    height: 100%;
  }
.banner_765 {
display: none;}

.banner_links{
	color: black;
	margin: 20px 0 12px;
}

.banner_links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color: black;
}

/*banner_end==================================================*/
/*Yunalishlar==================================================*/
.yunalishlar {
  width: 97%;
  min-height: 40px;
  display: flex;
  flex-direction: row;
  justify-content:space-between;   
  margin: auto;    
  padding-top: 15px;  
  }
   .bolim {
    width: 11.1%;
    min-height: 40px;     
    margin: 0 5px; 
  }  
  .bolim img {
    width: 100px;
    height: 100px;   
    margin-left: 12px;    
  }
  .rasmizoh {
    text-align: center;
    font-size: 14px;    
    text-indent: 0;
    color: #000;
    font-weight: 600;    
    }
    .yunalishlar_2  {
      padding: 10px 0 10px 15px;      
    }    
    
  .yunalishlar_2 a {
    display: none;
  }

    .yunalishlar_950 {
      display: none;
    }
    .yunalishlar_768 {
      display: none;
    }

    @media only screen and (min-device-width : 480px)
and (max-device-width : 950px){ yunalishlar_2 { display: inline; }}

    .yunalishlar_2 a {
    text-align: left;
    line-height: 1.5;
    font-size: 16px;        
    color: #000;
    font-weight: 600;   
    margin-left: 20px;
    ;
    }       
  /*maktab_kursatkichlari===================================================*/
  .kursatgich {
    width: 97%;    
    display: flex;
    flex-direction: row;    
    margin: auto;
    margin-top: 20px;     
  }  
  .kursatgich_sektor {
    width: 20%;
    min-height: 70px;      
    display: flex;
    flex-direction: column;        
  }
  .kursatgich_nomi {
    width: 97%;
    text-align: center;
    margin: 0 5px;
    min-height: 70px;    
    font-size: 16px;
    font-weight: 600;
  }
  .kursatgich_natija {
    width: 97%;
    text-align: center;    
    min-height: 60px;
    font-size: 40px;
    font-weight: 600;
    color:#a10e5e;
  } 
  .kursatgich_768 {
     display: none;
   }
/*kursatkich_2*/
.kursatgich_2 {
  width: 100%;    
  display: flex;
  flex-direction: row;    
  margin: auto;
  margin-top: 20px;     
}  
.kurs2 {
  width: 49%;
  min-height: 250px;
  border:2px solid #066160;            
  border-radius: 15px;
  margin: 5px;  
  display: flex;
  flex-direction: column;
  background: white;
}
.kurs2titul {
  width: 100%;
  min-height: 35px;
  
}
.kurs2rasm {
  width: 100%;
  min-height: 260px;
  background: white;
   margin: auto;
}
.kurs2rasm img{
  width: 90%;  
}
.kurs2rasm p {
  text-align: center;
  text-indent: 0;
}
.kurs2:hover {
   transform: scale(1.5, 1.5);
}
.kurs3 {
  width: 100%;
  min-height: 200px;
  border:2px solid #066160;        
  border-radius: 15px;
  margin: 5px;
  padding: 5px;
}
.kurs3titul {
  width: 100%;
  min-height: 35px;    
}
.kurs3rasm {
  width: 100%;
  min-height: 200px;
  background: white;
   margin: auto;   
}
.kurs3rasm p {
  text-align: center;
  text-indent: 0;
}
.kursh5 {
  text-align: center;
  font-size: 14px; 
}

/*maktab_kursatkichlari_end*/
  /*maktab_kursatkichlari_end===========================================*/   
  /*content-aralash========================================================*/
    .content-aralash {
      width: 97%;
      min-height: 50px;        
      display: flex;
      justify-content: space-between;    
      margin: auto;   
      padding-bottom: 15px;   
  }
  .con_ar1 {
      width: 19%; 
      height: 100%;    
      display: flex;
      flex-direction: column;
      margin-top: 10px;      
  } 
  .con_ar1 img {
    width: 100%;
    height: 100%;
  }

  /*------------kalendar-----------*/
  .kalendar {
      width: 24%;
      min-height: 200px;
      margin-top: 3px;
      display: flex;
      flex-direction: column;          
  } 
  /*Kerakli_saytlar*/    
    /*Podval============================================================*/    
 footer{   
  bottom: 0;        
}        
.footer-distributed{
  background-color: #066160;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font: bold 16px sans-serif;
  text-indent: none;
  padding: 0px 30px 20px 30px;    
}  
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed {
  display: inline-block;
  vertical-align: top;   
  
}  
/* Footer left */  
.footer-distributed .footer-left{
  width: 18%;
}  

  /* Footer links */  
.footer-distributed .footer-links{
  color:  #ffffff;
  margin: 20px 0 12px;    
}  
.footer-distributed .footer-links a{
  display:block;
  line-height: 1.8;
  text-decoration: none;
  font-size: 14px;
  color:  #ffffff;
  
  text-indent: 0;
}  

/* Footer Center */  
.footer-distributed .footer-center{
  width: 40%;  
  
}
.footer-distributed .footer-center i{
  background-color:  #33383b;
  color: #ffffff;
  font-size: 25px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;    
  margin: 10px 15px;
  vertical-align: middle;
}  
.footer-distributed .footer-center p{
  display: inline-block;
  font-size: 14px;
  color:  #ffffff;
  
  vertical-align: middle;
  margin:0;
  text-indent: 0;
  text-align: left;
}
  
.footer-distributed .footer-center p a{
  font-size: 14px;
  color:  #ffffff;
  text-decoration: none;  }
/* Footer Right */

.footer-distributed .footer-right{
  width: 33%;
}  
  
  /*karta============================================================*/     
  .map {
    width: 100%;
    height: 77%;
  }  
  /*Kerakli_havola==================================================*/ 
  :root {
    --marquee-width: 64vw;
    --marquee-height: 18vh;
    margin: auto;
    /* --marquee-elements: 12; */ /* defined with JavaScript */
    --marquee-elements-displayed: 5;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
  }
  
  .marquee {
    width: var(--marquee-width);
    height: var(--marquee-height);
    background-color: #ffffff;
    color: #eee;
    overflow: hidden;
    position: relative;
  }
  .marquee:before, .marquee:after {
    position: absolute;
    top: 0;
    width: 10rem;
    height: 100%;
    content: "";
    z-index: 1;
  }  
  .marquee-content {
    list-style: none;
    height: 100%;
    display: flex;
    animation: scrolling var(--marquee-animation-duration) linear infinite;
  }
  /* .marquee-content:hover {
    animation-play-state: paused;
  } */
  @keyframes scrolling {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
  }
  .marquee-content li {
    display: flex;
    justify-content: center;
    align-items: center;
    /* text-align: center; */
    flex-shrink: 0;
    width: var(--marquee-element-width);
    max-height: 100%;
    font-size: calc(var(--marquee-height)*3/4); /* 5rem; */
    white-space: nowrap;
  }
  
  .marquee-content li img {
    width: 100%;
    /* height: 100%; */
  
  }
  
  @media (max-width: 600px) {
    html { font-size: 12px; }
    :root {
      --marquee-width: 100vw;
      --marquee-height: 16vh;
      --marquee-elements-displayed: 3;
    }
    .marquee:before, .marquee:after { width: 5rem; }
  }
  .Keraklihavola {
    display: none;
  }

 
/*Bosh_saxifa*/
  .main__info {
    width: 90%;
    margin: 0 auto;
    padding: 12px;
    }
    .main__text {
    font-size: 16px;
    line-height:2;
    }
    .main__text a {
    color: black;
    }
    .main__table {
    width: 92%;
    margin: auto;                                                                                                                                                                                                                                                                
    border-spacing: 0;
    } 
    .main__table tr:nth-child(2n)
    { background-color:#edfdfb
    }
    .main__table tr:nth-child(2n+1)
    { background: #e8fbfa;
    }
    .main__table tr:hover {
        background:#d4f7f3;
    }
    
    .main__table td {
    border: 1px solid black;  
    text-align: center;                                                                                                                                                                                                                                                              
    } 
    .main__table td:nth-child(2)  {
    border: 1px solid black;  
    text-align: left; 
    } 
    .main__table th {
    border: 1px solid black;  
    text-align: center; 
    }
    .main__text a {
    color: black;
    }
    .karta {      
      text-align: center;
      margin-bottom: 30px;}
  /*Konstitutsiya==============================================================*/    
  /*yangi lokal*/
  /*yangi lokal*/
  .content3 {
    width: 90%;
    min-height: 400px;  
    margin: auto;
    display: flex;
    flex-direction: column;
  }
  .local_hujjatlar {
  width: 97%;
  min-height: 800px;
  margin: auto;   
  margin-top: 30px;
}
.container_10 {
display: table;
margin: 0 auto;
width: 90%;
margin-bottom: 30px; 

}
.container_10 h3, h4 {  
  margin: auto;
  text-align: center;
  margin: 10px 0;
}
.content_qonun {
  width: 95%;
  display: flex;
  flex-direction: column;
  margin: auto;


}
.accordion {
width: 97%;
display: block;
font-size: inherit;
margin: 0px;
position: relative;
margin: auto;
}
.accordion input {
display: none;
position: absolute;
visibility: hidden;
left: 50%;
top: 50%;
z-index: 1;
}

.accordion__header {
width: 100%;
background-color: #ffffff;  
border-bottom: 1px solid #CFD8DC;
color: black;
cursor: pointer;
transition: background 0.2s;
padding: 35px;
position: relative;
z-index: 2;
}
.accordion__header:hover:before, .accordion__header:hover:after {
background-color: white;
}
.accordion__header:before, .accordion__header:after {
background-color: rgb(0, 0, 0);
content: '';
display: block;
position: absolute;
z-index: 3;
}
.accordion__header:before {
height: 2px;
margin-top: -1px;
top: 50%;
right: 20px;
width: 8px;

}
.accordion__header:after {
height: 8px;
margin-top: -4px;
top: 50%;
right: 23px;
width: 2px;
}
.accordion input:checked ~ .accordion__header {
background: #ffffff;

color: rgb(0, 0, 0);
}
.accordion input:checked ~ .accordion__header:hover {
background-color: #ffffff;

color: rgb(0, 0, 0);
}
.accordion input:checked ~ .accordion__header:before {
background-color: white;
}
.accordion input:checked ~ .accordion__header:after {
display: none;
}
.accordion:first-child .accordion__header {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.accordion:last-child .accordion__header {
border-bottom-width: 1px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.accordion:last-child input:checked ~ .accordion__header {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.accordion__content {
background-color: white;  
border-width: 0px 1px;
display: none;
padding: 30px;
}
.accordion input:checked ~ .accordion__content {
display: block;
}
.accordion:last-child .accordion__content {
border-bottom-width: 1px;
border-radius: 0px 0px 4px 4px;
}
 .local_table {
    width: 70%;
    text-align: center;
    border-spacing: 0;
    margin:auto;
    
  }
  .local_table td, th {
    border: 1px solid black;      
    padding:5px;
  }
  .local_table  td {
      text-align: center;
  }
  /*meyoriy_huquqiy_hujjatlar======================================*/
.hujjat {
  max-width: 1200px;
  min-height: 500px;
  margin: auto;   
  background:white;
  padding:  0 30px 30px 30px;      
}
.hujjat_ruyxat li {  
  text-indent: 40px;    
  font-weight: 500;
  list-style-position: inside;    
  text-align: justify;
  margin: 15px;
}
.hujjat_ruyxat a {
  font-size: 16px;
  line-height: 1.5;    
  color: #000;     
}
.hujjat_ruyxat a:hover{
  text-decoration: underline;
  color: darkblue;
}
.hujjatuchun {
  text-align: center;
  text-indent: 0;
  margin-top: 50px;    
}
.qonunmodda {
  margin: 15px 0;
  font-weight: 600;
}
.qonunmodda2 {
  text-align: center;
  font-weight: 600;
  margin: 15px 0;
}
.tekst_sprava, .tekst_sprava_2 {  
  display: flex;
  justify-content: end;
  text-align: right;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 600;
  
}   
.tekst_sprava_2{
  width: 90%;
  margin-left: 50px;
  }  
  .tekst_sleva{
    width: 90%;
    display: flex;
    justify-content: start;
    text-align: center;
    margin-left: 45px;    
    font-size: 16px;
    font-weight: 600;
  
    }   
    .ilovaga {
      width: 40%;
      display: flex;   
      margin-left: 55%;
      
      font-size: 16px;
      font-weight: 600;
      
    }
  .table_qaror {
      width: 100%;
      min-height: 100px;    
      border-collapse: collapse;
      margin: auto;    
      margin: 10px 0;

  }
  .table_qaror td {
      border: 1px solid black;
      text-align: center;     
      padding: 5px 5px;
      vertical-align: middle;
  }
  .table_qaror th {
      background-color: #e9e7e7;
      border: 1px solid black;
      text-align: center;    
      padding: 10px 5px;
  }
  .jadvalchap {
    text-align: left;
  }
  .table_qaror_2 {
    width: 60%;    
    min-height: 100px;    
    border-collapse: collapse;
    margin: auto;    
    margin: 10px 0;
}
.table_qaror_2 td {    
    text-align: center;     
    padding: 5px 5px;
    vertical-align: middle;
    text-align: left;
}
.table_qaror_3 {
  width: 100%;    
  min-height: 100px;    
  border-collapse: collapse;
  margin: auto;    
  margin: 10px 0;
}
.table_qaror_3 tr {    
  background-color: white;
}
.table_qaror_3 td {    
  text-align: left;     
  padding: 5px 5px;
  vertical-align: middle;      
  background-color: white;
}
.table_qaror_4 {
  width: 100%;    
  min-height: 100px;    
  border-collapse: collapse;
  margin: auto;    
  margin: 10px 0;
  border:1px solid black;
}
.table_qaror_4 td {    
  text-align: center;     
  padding: 5px 5px;
  vertical-align: middle; 
  border:1px solid black; 
}
.table_qaror_4 td:nth-child(2) {
  text-align: left;     
} 
/*meyoriy_huquqiy_hujjatlar_end=====================================*/
/*xlebniye_kroshki===================================================*/
ul.breadcrumb {
  margin-top: 20px;
  padding:0 40px 0 40px;
  list-style: none;
 }
ul.breadcrumb li {
  display: inline;
  font-size: 16px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: black;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #01447e;

  text-decoration: underline;
}
/*xlebniye_kroshki_end===================================================*/
/*rahbariyat=============================================================*/
.mamuriyat {
  width: 90%;
  min-height: 400px;    
  margin: auto;
  margin-top: 10px;
  display: flex;
  flex-direction:column;    
}
.mamuriyat1,.mamuriyat2,.mamuriyat3 {
  width: 100%;
  display: flex;
  flex-direction: column;  
  margin-bottom: 20px;
  }
.mamuriyat1 {
      z-index:4;
}
.mamuriyat2 {   
  z-index: 3;
}
.mamuriyat3 {
  z-index: 2;
}
.mamuriyat4 {
  z-index: 1;
}
.dir {
  width: 100%;
  min-height: 240px;
  background-color: #f5f5f5;        
  display: flex;
  flex-direction: row;  
  position: relative;     
}
.dir{    
  z-index: 3;
  }
.dir_1 {
  width: 27%;
  height: 300px;
  margin: 10px;   
  }
.dir_1 img {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 15px;
}
.dir_2 {
  width: 73%;
  height: 350px;  
  display: flex;
  flex-direction: column;
  }
.dir_name_1 {
  width: 97%;
  text-align: center;
  min-height: 30px;  
  font-size: 30px;
  font-weight: 600;
  padding-top: 15px;
  margin: 10px;
}
.dir_name_2 {
  width: 97%;
  text-align: center;
  min-height: 30px;  
  font-size: 24px;
  font-weight: 600;
  margin: 0 10px;
}
.dir_lavozim {
  width: 97%;
  text-align: center;
  min-height: 30px;  
  font-size: 20px;
  font-weight: 600;
  margin: 10px;
}
.dir_telefon {
  width: 97%;
  text-align: center;
  min-height: 30px;  
  font-size: 20px;  
  margin: 0 10px;
}


.dir_qabul {
  width: 97%;
  display: flex;
  flex-direction: row;  
  margin: 0 10px; 
}
.dir_qabul_1 {
  width: 40%;
  font-size: 20px;  
  text-align: right;
  margin: 10px;
}
.dir_qabul_2 {
  width: 60%;
  font-size: 20px;  
  margin: 10px 0;
}


.biografiya_d {
  width: 100%;
  min-height: 34px;    
  display: flex;    
  z-index: 3;
}
.biografiya_z {
  width: 100%;
  min-height: 34px;    
  display: flex;  
  z-index: 2;
}
.biografiya_1,.biografiya_2 {
  background: #f5f5f5;
  width: 50%;
  height: 34px;     
  z-index: 3;
}
.spoiler-body_d {
  background: #f5f5f5;
  margin-top: -5px;
  width: 200%;
  min-height: 400px;    
  display: none;
}
.spoiler-body_d2  {
  background:#f5f5f5;
  margin-top: -5px;
  width: 200%;
  min-height: 400px;    
  margin-left: -100%;
  display: none;   
}
.spoiler-body_d1,
.spoiler-body_d2 p {
  margin: 0px 20px;
  text-align: justify;
}
.spoiler-title {  
  background: #f5f5f5;  
  font-size: 20px;    
  text-align: center;
  font-weight: 600;
}
table {
  margin-left: 15px;    
}
table td {border:0px solid;
  font-size: 16px;    
  vertical-align: top;
  padding:3px 3px;  
  text-align: left;   
}
.rahh3 {
  font-size: 1.2em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  color: darkblue;
}
.lavozim_dir {
  text-align: center;
  text-indent: 0;
  font-size: 20px;
  font-weight: 600;
}
.ochiqjadval{   
  background: transparent; 
}
.ochiqjadval td {  
  background: #f5f5f5; 
}
/*rahbariyat_end==========================================================*/
.newsqator {
  width: 97%;    
  min-height: 100px;  
  margin: auto;       
  margin: 20px;  
}
/*pedagog_xodimlar*/

.musicgroop {  
  min-width: 97%;
  min-height: 400px;   
  border-collapse: collapse;
  margin: auto;    
  margin: 20px 0;

}
.musicgroop td {
  border: 1px solid #4b78bb;
  text-align: center;     
  padding: 10px;  
}
.musicgroop th {
  background-color: #e9e7e7;
  border: 1px solid #4b78bb;
  text-align: center;    
  padding: 10px;
}
.kurinmaydi {
  visibility: hidden;
}
.floatRight {
  width:266px ;
  height:371px;
  float: right;
  padding: 5px 0 5px 5px;}

.floatLeft {
  float: left; 
  width:278px ;
  height:200px;
  padding: 5px 0px 5px 5;  
}
  .floatLeft  img {
    width: 100%;
    height: 100%;
  }


/*pedagog_xodimlar_end*/
/*uquvchilar_xavfsizligi=======================================================*/
.xavfH1{ text-transform: uppercase; 
  text-align: center;   
  font-size: 20px;
  font-weight: 800;
  color:darkblue;      
}

.xavfH2{ text-transform: uppercase; 
  text-align: center;   
  font-size: 18px;
  font-weight: 800;
  color:red;      
}
.xavf1 {
  width: 97%;
  min-height: 500px;
  display: flex;
  flex-direction: column;   
  margin: 10px;
  padding-top: 10px;     
}
.xavfqator {
  width: 97%;
  display: flex;      
  justify-content: space-between;    
  margin: auto;  
  flex-wrap: wrap;
}
.xavf_card {
  width: 15%;
  height: auto;
  margin: 5px; 
  display: flex; 
  flex-direction: column; 
  justify-content: space-between;    
}
.xavf_card img {
  width:100%;
  height:100%;
}
.xavf_card_text {
 text-align: center;
 margin: 5px;   
 min-height: 120px;
}

.xavfqator1 {
  width: 97%;  
  display: flex;   
  justify-content: space-between;   
  margin: auto; 
  margin: 15px 0;     
}

.xavfqator2 {
  width: 100%;
  display: flex;    
  justify-content: space-between;    
  
}
.xavfqator2_1 {
  width: 12.0%;
 
  display: flex;  
  justify-content: space-between;
}
.xavfqator2_1 img {
  width: 100%;
  height: 100%;
}
.xavfqoida1 {
  width: 49%;
  min-height: 100px;   
  margin: 0 15px;  
}

/*ognetushitel*/
.ognetushitel {
  width: 97%;
  min-height: 100px;
  margin: auto;   
  display: flex;
  }

.ognetushitel_1 {
  width: 50%;
  display: flex;
}
.ognetushitel_card{
  width: 44%; 
}
.ognetushitel_text {
  width: 56%;  
  margin: 8px;
}
.xavfsizlikka {
  font-size: 13px;
}
/*uquvchilar_xavfsizligi_end===================================================*/

/*vakant=======================================================================*/
  .vakant_joy {
    border-collapse: collapse;
    width: 97%;
    margin: 20px;
}
.vakant_joy td, table th {
    padding: 10px;
    border: 1px solid #000000;
    text-align: center;
}

.vakant_joy tr:nth-child(even){
    background-color: #d4efef
} 
  /*vakant_end===================================================================*/
    /*mehnat_muhofazasi==========================================================*/
    mfH2{ text-transform: uppercase; 
      text-align: center;   
      font-size: 18px;
      font-weight: 800;
      color:blue;      
  }
  .mf {
      width: 97%;
      min-height: 500px;
      display: flex;
      flex-direction: column;   
      margin: 10px;
      margin: auto;
      padding-top: 10px;
  }
  .mfqator1 {
      width: 100%;
      display: flex;
      margin: 5px 0;
      justify-content: space-between;       
  }
  .mf1 
   { width: 23%;
      min-height: 416px;
      display: flex;  
      justify-content: space-between;
      margin: 7px 7px 2px 7px;         
  }
  .mf img {
      width: 100%;
      height: 100%;}


      .mf1:hover {
        transform: scale(1.5, 1.5);
     }

    /*mehnat_muhofazasi_end==========================================================*/
    /*Dasturlar=====================================================================*/
.dastur {
  width: 100%;
  min-height: 300px;
  display: flex;   
  justify-content: space-between;    
  padding: 15px;    

  }
.dastur1 {
  width: 48%;    
  margin: auto;}
.dastur2 {
  width: 48%;
  }   
.dasturruyxat a{
  font-size: 14px;    
  color: #000;
  text-decoration: none;}
  
/*Tanlovlar======================================================================*/
.tanloruyxat ul {
  list-style-type: none;
  padding: 0 12px;
  }
  .tanloruyxat p {    
  line-height: 1.2;
  color: #000;
  text-indent: 40px;
  text-align: justify;
  line-height: 1.5;
  }
  /*Pedkengash====================================================================*/
  .matn {
    width: 94%;
    margin: auto;
  }  
.pedkengash {
    text-align: right;    
    font-weight: 600;
}
/*Pedkengash====================================================================*/
.memorandum {
  width: 96%;
  min-height: 300px;   
  margin: auto;

}
.list_memorandum li {
  list-style-image: url(..//img/checkbox_03.png);
  margin: 0 0 10px 5px;
  text-indent: 20px;   
  list-style-position: inside;    
}
.list_memorandum li a {
  color: #000;
  text-decoration: none;
}
.notauchun {
  text-align: center;
  text-indent: 0;
  margin-top: 30px;    
}
.notauchun2 {
  text-align: center;
  text-indent: 0;
  
}
.notauchun_4, .notauchun_5 {
  text-align: center;
  text-indent: 0;
  
}
/*yangiliklar=========================================*/
.yangiliklar_qator1 {
  width: 97%;   
  display: flex;
  flex-direction: row; 
  justify-content: space-around;       
  margin: 20px;  
}
.yangiliklar_qator5 {
  width: 100%;   
  display: flex;
  flex-direction: row; 
  justify-content: space-between;       
  margin: auto;   
}





.bulim_hayoti_1 {
  width: 24%;
  min-height:150px; 
  margin-top: 30px;  
}
.bulim_hayoti_1 img {
  width: 100%;
  height: 100%;
   border-radius: 15px; 
}

.bulim_hayoti_2 {
  width: 18%;
  min-height:200px;       
}

.bulim_hayoti_2 img {
  width: 100%;
  height: 100%;
}
.bulim_hayoti_3 {
  width: 32%;
  min-height:200px;       
}
.bulim_hayoti_3 img {
  width: 100%;
  height: 100%;
}
.bulim_hayoti_4 {
  width: 49%;
  min-height:200px;       
}
.bulim_hayoti_4 img {
  width: 100%;
  height: 100%;
}
.bulim_hayoti_6 {
  width: 99,2%;
  min-height:200px;       
}
.bulim_hayoti_6 img {
  width: 100%;
  height: 100%;
}
.yang_qqt_5 {
  width: 23%;  
}
.yang_qqt_5 img {
  width: 100%;
  height: 100%;
}
.yang_qqt_5_title {
  width: 100%;
  min-height: 20%;  
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 12px 10px;    
}
.yang_qqt_5_title a {
  color: #000;
}
.yang_qqt_5_title a:hover{
  color: darkblue;
  text-decoration: underline;
}

/*ota_onalar_uchun===============================================*/
.ota_onalar_matn {
  width: 100%;
  min-height: 60px;    
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}
.ota_onalar_matn_1{
  width: 50%;
  padding: 0 15px;
}
.ota_onalar_matn_2 {
  width: 50%;
  padding: 0 15px;
}
.ota_ona_lesson {
  width: 100%;
  min-height: 800px;  
  display: flex;
justify-content: space-around;}

.ota_ona_maslaxat {
  width: 50%;
  min-height: 400px;    
  padding: 0 10px;}
.ota_ona_maslaxat img {
  padding: 10px;
  }
.ota_ona_maslaxat1 {
  width: 50%;
  min-height: 400px;    
  padding: 0 10px;
}
.ota_ona_maslaxat1 img {
  padding: 10px;    
}
.floatRight {
  float: right;
   padding: 5px 0 5px 5px;}
.floatLeft {
  float: left; 
  padding: 5px 5px 5px 0;}


  .Ota_onalar_saxifasi {
  width: 100%;   
  display: flex;  
  justify-content: space-around;       
  margin: 20px 0;  
}
/*Uquvchilar_uchun*/
.uquvchiuchun {
  width: 80%;
  min-height: 600px;   
  flex-direction: row;
  margin-left: 10px;}  

.uquvchiuchun3 {
  width: 97%;
  margin: auto;
  min-height: 600px;       
  margin-left:20px;}  


.yuqori_2 {
  width: 100%;    
  }
.turlar {
  width: 100%;
  min-height: 10px;
  display: flex;    
  flex-direction: row;  
  margin: auto;  
}
.turlar_1 {
  width: 70%;}    
  .turlar p {
    text-indent: 0;
  }
.turlar_2 {
  width: 30%;   
}
.uquvchi_matn2 {
width: 97%;
min-height: 800px;
display: flex;
flex-direction: column;
margin:0 20px;
}
.uquvchi_maslaxat {
  width: 50%;
  min-height: 400px;    
  padding: 0 10px;}

.uquvchi_matn {
    width: 100%;
    min-height: 200px;
    margin: auto;
    display: flex;    
    } 

.ukuvchi {
  width: 97%;
  margin: 0 20px;  
  display: flex; 
  flex-direction:row;
}

.ukuvchi_rasm {
  width: 20%;
  height: 160px;   
  border-radius: 15px; 
}
.ukuvchi_rasm img {
  width: 100%;
  height: 100%;
  border-radius: 15px; 
}

.ukuvchi_text {
  width: 75%;
  min-height: 100px;
  padding:0 0 20px 20px;    

}
/*Qayta aloqa==========================================================*/
.qaytaaloqa2body {  
  font-size: 16px;
  line-height: 1.2;
  width: 100%;
  min-height: 60vh;
   display: flex;
  justify-content: center; 
  align-items: center; 
}
.qaytaaloqa2 {
  width: 100%;
  max-width: 1000px;
 
}
.qaytaaloqa2_content {
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
  background: #fff;
  }
.left-side {
  width: 25%; 
  height: 100%; 
  position: relative; 
  display: flex;
  flex-direction: column; 
}
.left-side::before {
  content: ""; 
  position: absolute; 
  height: 90%; 
  width: 2px; 
  background: #afafb6;
  right: -15px; 
  top: 50%; 
  transform: translateY(-50%); 
}
.right-side {
  width: 75%; 
  margin-left: 75px;
}
.details {
  margin-bottom: 15px;
  text-align: center;
}
.details i {
  font-size: 25px; 
  color: #3e2093; 
  margin-bottom: 10px;
}
.topic {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 7px; 
}
.text-one,
.text-two {
  font-size: 14px;
  color: #afafb6;
}
.topic-text {
  font-size: 23px;
  font-weight: 600;
  color: #3e2093;
  margin-bottom: 10px;
}
.right-side p {
  margin-bottom: 20px;
}
.input-box {
  height: 50px; 
  width: 100%; 
  margin-bottom: 20px; 
}  
.input-box input,
.input-box textarea {
  height: 100%; 
  width: 100%; 
  border: none; 
  border-radius: 5px; 
  background: #f0f1f8; 
  padding: 0 20px; 
}  

.input-box textarea {
  resize: none; 
  padding: 20px;
  font-family: "Roboto", sans-serif;
}  

.message-box {
  min-height: 110px; 
}
.button {
  display: inline-block; 
}
.button input[type="button"] {
  color: #fff;
  font-size: 18px;
  background: #268382;  
  outline: none;
  border: none;
  padding: 10px 30px;
  border-radius: 7px;
  transition: 0.2s; 
} 
.button input[type="button"]:hover {
  background: #066160; 
}
/*qayta_aloqa_end*/

/*banner1_ramzlar*/
.Dramz { width: 95%;
  min-height: 1200px;
  display: flex;    
  flex-direction: column;    
  margin-left: 20px;
 
}
.Gerb {
  width: 100%;
  min-height: 100px;
  flex-direction: column;       
  
}
.bayroq {
  text-align: center;
  text-indent: 0;}
.gerb2 {
  text-align: center;
  text-indent: 0;
}
.ramz1 {   
  font-family: Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: darkblue;
  text-align: center;
  text-transform: uppercase;
}
.ramz3 {
  text-align: center;
  font-size: 18px;
  color: darkblue;
  font-family: Arial, Helvetica, sans-serif;    
  
}
.gimn {
  width: 100%;
  min-height: 100px;
  display: flex;
  flex-direction: row;  
}
.gimn_1, .gimn_2 {
  width: 50%;
  display: flex;  
}
.gimn_1 {
  padding-left: 100px;
}
.gimn_2 {
  padding-left: 50px;
}
.gimn2 {
  text-indent: 0;
  text-align: center;    
}

.ramz5 {
  text-align: center;    
  }
.ramz5_2 {
  visibility: hidden;
}
.gimn_musiqa {
  margin-left:250px;
}
/*banner1_ramzlar end*/
/*banner2_5 tashabbus*/
.tash_qator {
  width: 100%;
  min-height: 150px;    
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;    
  margin: 8px 10px;  
}
.tash_1, .tash_2, .tash_3,.tash_4, .tash_5 {
  width: 30%;
  min-height: 100px;   
  display: flex;
  flex-direction: column;
  margin: 10px 10px 3px 10px;
  padding: 5px;
}
.tash_1 {    
  border: 3px solid darkblue;
  border-radius: 10px;      
}
.tash_2 {    
  border: 3px solid red;
  border-radius: 10px;      
}
.tash_3 {    
  border: 3px solid green;
  border-radius: 10px;      
}
.tash_4 {    
  border: 3px solid orange;
  border-radius: 10px;      
}
.tash_5 {    
  border: 3px solid blueviolet;
  border-radius: 10px;      
}
.tash_1 img {
  margin: 0 auto;
}
.tash_2 img {
  margin: 0 auto;
}
.tash_3 img {
  margin: 0 auto;
}
.tash_4 img {
  margin: 0 auto;
}
.tash_5 img {
  margin: 0 auto;
}
.tash_1 p {
  text-align: center;
}
.tash_2 p {
  text-align: center;
}

.tash_3 p {
  text-align: center;
}
.tash_4 p {
  text-align: center;
}
.tash_5 p {
  text-align: center;
}
/*banner2_5 tashabbus_end*/
/*banner4_strategiya*/
.strategiya_content{
  width:96%;
  min-height: 100px;   
  margin: auto;        
  display: flex;
  flex-direction: column;
}
.str1 {
  width:96%;
  min-height: 100px;    
  margin: auto;    
  margin-top: 5px;
  display: flex;
  flex-direction: row;     
}
.str1_1 {
  width: 9%;    
  margin: 5px 0;
  vertical-align: middle;      
} 
.str1_1 img {
  width: 85%;
  height: 85%;    
  margin-left: -30px;
}
.str1_2 {
  width: 91%;    
  margin: 5px;      
}  
.strH1 {text-transform: uppercase; 
  text-align: center;   
  font-size: 22px;
  font-weight: 800;
  color: darkblue;     
}
.strH2{ text-transform: uppercase; 
  text-align: center;   
  font-size: 18px;
  font-weight: 800;
  color: green;      
}
.str_matn {
  text-indent: 30px;
  font-size: 14px;   
  text-align: justify;
}
/*banner4_strategiya_end*/
/*manaviyat=========================================================*/
/*manaviyat_oliy_qadriyat*/
.mnv_sxema_qator {
  width: 100%;
  min-height: 100px;    
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.mnv_sxema {
  width: 21%;
  min-height:100px;   
  margin: 20px 0;   
  }
.mnv_sxema img {
  width: 100%;
  height: 100%;
}
/*manaviyat_oliy_qadriyat_end*/


/*banner5_korrupsiya*/
.korrup1 {  
  margin-left: 50px;
  text-indent: 30px;
}

.korrup3 {
  margin: 10px;   
}
.korrup4 {
  width: 98%;
  min-height: 100px;
  margin: 0 10px;   
  display: flex;
  justify-content: space-between;       
}

.content-bottom2 {
  width: 99%;
  min-height: 180px;    
  display: flex;
  flex-wrap: wrap;
  margin:  auto;
  justify-content: space-between;    
  
}
.korrupsiya_rasm {
  width: 20%;
  min-height: 100px;
  display: flex;    
}
.korrupsiya_rasm img {
  width: 270px;
  height: 180px;
}
.norma {
  width: 100%;
  min-height: 100px;
  background: white;    
  padding: 5px;    
 
}
.norma ul li {
  list-style-image: url(../img/checkbox_03..png);
  margin-left: 15px;
  text-indent: 25px;
  list-style-position: inside;
  line-height: 1.5;  
}
.norma ul li a {
  font-size: 16px;
  color: black;
   text-decoration: none;
}
.call {
  width: 30%;
  min-height: 80px;
  background: white;    
   padding: 5px;    
}
.call-top {
  width: 100%;    
  display: flex;
  justify-content: space-between;   
}
.call-number {
  width: 260px;
  height: 65px;   
}
.call-number p {
  text-align: left;
  text-indent: 0;   
   text-align: center;
}

/*banner5_korrupsiya end*/
/*bulim_saxifalari===============================================*/
/*container*/
.container  {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;  
  
}
  /*Header====================*/  
.team {
  display:flex; 
  justify-content: space-around;
  flex-wrap: wrap; 
  margin-top: 25px;     

}
/*team*/

.team__item {  
  width: 32%; 
  padding:  15px;
  margin-bottom: 15px;
  border:2px solid #066160;
  border-radius: 15px;
}
.team__item_2 {  
  width: 24%; 
  padding:  15px;
  margin-bottom: 15px;
  border:2px solid #066160;
  border-radius: 15px;
}


.team__photo {
  display:block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px ;
}
.team__name {
  margin-bottom: 4px;
  font-size: 22px;
  color:#2d3033;
  text-align: center;
  font-weight: 600;
}
.team__name_2 {
  margin-bottom: 4px;
  font-size: 18px;
  color:#2d3033;
  text-align: center;
  font-weight: 600;
}
.team__prof_1 {    
  margin-bottom: 5px;
  min-height: 40px;  

}
.team__prof_2 {    
  margin-bottom: 5px;
  min-height: 20px;    
}
.team__prof_3 {    
  margin-bottom: 5px;
  min-height: 40px;    
}
/*Bulim_hayoti*/

.bulim  {  
    display:flex; 
    justify-content: space-around;    
    flex-wrap: wrap;     
    margin: auto;    
    
  }

.bulim_hayoti {  
  width: 22%;    
  margin-top: 20px; 
  
}
.bulim_hayoti_rasm {
  display:block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;  
  border-radius: 15px;
}
.bulim_hayoti_2 {  
  width: 220px;     
  height: 300px;
  margin:0  2px 30px;
}
.bulim_hayoti_2_rasm {
  width: 100%;
  height: 100%;
  display:block;
  max-width: 100%;  
  margin-bottom:20px; 
  border-radius: 15px; 
}
.bulim_hayoti_3 {  
  width: 30%; 
  margin: 15px 0;    
}
.bulim_hayoti_3_rasm {
  display:block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px; 
}

.bulim_hayoti_4 {  
  width: 47%; 
  margin: 15px 0;    
}
.bulim_hayoti_4_rasm {
  display:block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px; 
}
.bulim_hayoti_10 {  
  width: 23%; 
  margin: 15px 0;    
}
.bulim_hayoti_10_rasm {
  display:block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px; 
}

.bulim_hayoti_d {
  width: 99%;
  min-height:50px;
  display: flex;
  flex-direction: row; 
  justify-content: space-between;     
  margin: auto;
  margin-bottom: 30px;  
}
.bulim_hayoti_dastur2 {
  width: 50%;
  min-height: 50px;
  display: flex;    
}
.bulim_hayoti_dastur3 {
  width: 32%;
  min-height: 50px;
  display: flex;
 }

  .uq_dast li a {
    font-size: 16px;
    color: #000;    
}
.uq_dast li  {    
    margin-bottom: 10px;
}
.uq_dast li:nth-child(even) {
    list-style-image: url(..//img/nota_1.svg);
    margin: 0 0 10px 0px;   
    list-style-position: inside;
}
.uq_dast li:nth-child(odd) {
  list-style-image: url(..//img/nota_2.svg);
  margin: 0 0 10px 0px;
  list-style-position: inside;}

  /*maktab_galereyasi*/

.rasm_qator {
  width: 100%;
  display: flex;
  flex-wrap: wrap; 
  flex-direction: row;  
  padding: 0 10px;    
  justify-content: space-around;   
}
.rasm_1 {
  display: flex;
  width: 20%;
  padding: 5px;
}
.caption-border {
width: 200px;
margin: 10px auto 0;
border: 3px solid #066160;
background: white;
padding: 10px;
}
.caption-border img {
max-width: 100%;
height: auto;
display: block;
}
.caption-border figcaption {
padding: 5px;
color: white;
background: #066160;
text-align: center;
}
.rasm_gal {
  width: 97%;
  margin: auto;
  margin: 15px;    
  display: flex;
  flex-direction: row;
}
.rasm_ustun_1, .rasm_ustun_2, .rasm_ustun_3  {
  width: 33,3px;
  display: flex;
  flex-direction: column;    
  margin: auto;
  padding: 10px;   
}
.rasm_ustun_rasm {
  width: 100%;
  min-height: 270px;    
}
.rasm_ustun_matn {
  width: 100%;
  min-height: 50px;    
}
.rasm_galereyasi_matn { 
  text-indent: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: darkblue;
  margin: 5px 0;
}
/* Slideshow container */
.slideshow-container {
width: 100%;
position: relative;
margin: auto;
}
/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom:20px;
width: 100%;
text-align: center;
}
.mySlides {
display:none;
}
.active-slide {
display:block;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor:pointer;
height: 13px;
width: 13px;
margin: 0 2px;
background-color: darkblue;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #165756;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/*direktorlar_kengashi*/
.dirkengash {
  width: 97%;
  min-height: 100px;
  display: flex;
  flex-direction: row;
  justify-content:space-between;   
  flex-wrap: wrap;
  margin: auto;
  margin: 15px;
}
.dirkengash1 {
  width: 19%;
  display: flex;
  flex-direction: column;     
}
.dirkengash1_rasm {
  width: 100%;
  min-height: 65%;    
}
.dirkengash1_rasm img {
  width:100%;
  height: 100%;    
}
.dirkengash_name {
  margin-bottom: 4px;
  font-size: 20px;  
  text-align: center;
  font-weight: 600;
}
.dirkengash_name_2 {
  margin-bottom: 4px;
  font-size: 16px;  
  text-align: center;
  font-weight: 600;
}
.dirkengash_ish {
  text-align: center;  
  margin-bottom: 4px;  
}
.dirkengash_lav {
  text-align: center;
  margin-bottom: 4px;
  }
.dirkengash3 {
  width: 30%;
  display: flex;
  flex-direction: column;   
}
.dirkengash3_rasm {
  width: 100%;
  min-height: 65%;    
}  
.dirkengash1_title {
  width: 100%;
  min-height: 20%;  
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 12px 5px;
}
/*Darslar_jadvali===========================================*/
.tatil {
  width: 97%;
  height: auto;
  margin: auto;
}
.tatil img {
  width: 100%;
  height: 100%;
}
/*Sayt_xaritasi*/
.xarita {
  column-count: 2;
  column-gap: 20px;
}
.xarita li {
  margin-left: 30px;
  text-indent: 40px;
  
}
.xarita li a{
color: #000;
line-height: 1.5;
}
/*index_qabul=================================================*/
.qabul1 {
  width: 97%;
  margin: auto;
}
.qabul1 a {
  color: red;  
}

.qabul1 a:hover {
  text-decoration: underline;
}
/*Rahbariyat_vaqtincha*/
.asosiy_r {
  width: 950px;
  margin: 0 auto;
}
.sp_title2{
  background:#0086ff;
  color:#fff;
  padding:7px 6px;
  margin-top:
  4px;
  -webkit-border-radius:3px;
  border-radius:3px;
  cursor:pointer}

.sp_content2
{background:#fff;
  color:#000;
  padding:6px 4px 4px 4px;
  -webkit-border-radius:3px;
  border-radius:3px;
  box-shadow:inset 0 0 0 1px #ccc}

  

  .barchayang {
    width: 96%;
    margin: auto;
    min-height: 200px;
    display: flex;
    flex-direction: row;    
}
.barchayang_1, .barchayang_2 {
    width: 49%;
}
.news_all {
    width: 100%;
    min-height: 40px;    
    display: flex;
    flex-direction: row;
    justify-content:left;
 }

.news_all_time {
    display: flex;
    width:24%;
    border-bottom: 1px dotted black;
    align-items: center;    
        }
.news_all_text {
    display: flex;
    width: 76%;
    border-bottom: 1px dotted black;
    align-items: center;  
    margin-right: 15px;
    }             
.news_all_text a {
    color: #000;
    font-weight: 400;
}      
.news_all_text a:hover {
    color: red;
    font-weight: 400;}

             
                
     .uquvchilarmaslahat a {
       
          color:#000000;
        }
     .uquvchilarmaslahat a:hover {
       
          color:red;
        }