body{
    overflow-x: hidden;
}
.aboutback {
    background-image: url("../images/about_1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:50vh;
    position: relative; 
    background-position: center;
    z-index:-1;
    padding:0;
   
   
  }
  
  .aboutback::before {
    content: "";
    position: absolute;
    width: 100%;
    height:50vh;
    background-color: #384a68d2;
    z-index: 0; 
    padding:0;
    margin:0;
  }
  
  .text {
    position: relative; 
    z-index: 1; 
    color: white; 
  
  }
  .flex1{
   display:flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
  }
  .fontincrease{
    font-size:60px;
  }
  @media(max-width:1157px){
    .fontincrease{
      font-size:40px;
    }
  }
  .readbutton{
    background-color: #254477;margin:6px 8px;padding:12px 35px; color:#F5BD37;
    border:none;
    font-weight: bold;
    border-radius: 30px;
    
}
.readbutton:hover{
    background-color:  #F5BD37;margin:6px 8px;padding:12px 35px; color:#254477 ;
    border:none;
    font-weight: bold;
    border-radius: 30px;
    
}
.buttonmargin{
    margin-top:30px;
  }
  .backyellow{
    background-color: #F2B933;
  }
  .heighttop{
    height:600px;
  }
  /* ..................2nd section.............................................. */
  .margin{
    margin-top:10%;
  }
  .bordr{
    border-bottom: 2px solid #254477;
  }
  .weigth{
    font-weight: bold;
  }
  /* ..........................3rd section............................. */
  .backcolclr{
    background-color: #1D3661;
    color:#FFC947;
  }
  .bordr2{
    border-bottom: 2px solid #FFC947;
  }
  .end{
    display:flex;
    justify-content: end;
    align-items:end;
    flex-direction: column;
  }
 
  .fontsi{
    font-size: 50px;
   
  }
  .iconcolor{
    color:white;
    font-size:35px;
  }
  .icon{
    background-color:#FFC947 ;
    width:70px;
    height:70px;
    border-radius: 50%;
  }
  .vision{
    color:#1D3661;
  }
  .rightborder{
    border-left: 1px solid #1D3661;
   
  }
  

  .about2img {
    background-image: url("../images/about_2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:430px;
    position: relative; 
    background-position: center;
    background-attachment: fixed;
    z-index:-1;
    padding:0;
   
   
  }
  
  .about2img::before {
    content: "";
    position: absolute;
    width: 100%;
    height:430px;
    background-color: #e8dfddd2;
    z-index: 0; 
    padding:0;
    margin:0;
  }
  .height2{
    height:430px;
  }
  .height3{
    height:350px;
  }
  @media(max-width:1475px){
    .height2{
      height:550px;

    }
    
  .about2img {
   
    height:550px;
   
   
   
  }
  
  .about2img::before {
  
    height:550px;
  
  }
  
  }
  /* .............. */
  @media(max-width:1145px){
    .fontsi{
      font-size: 40px;
     
    }
    .height2{
      height:650px;

    }
    
  .about2img {
   
    height:650px;
   
   
   
  }
  
  .about2img::before {
  
    height:650px;
  
  }
  
  }
  
  .text4 {
    position: relative; 
    z-index: 1; 
    
  }
  .padding{
    padding:0px 15px;
  }
  .margin5{
    margin-top:5%;
  }
  @media(max-width:980px){
    .about2img{
        height:700px;
    }
    .about2img::before{
        height:700px;
    }
    .height2{
      height:700px;

    }
    
  }
  @media(max-width:768px){
    .about2img{
        height:1100px;
    }
    .about2img::before{
        height:1100px;
    }
    .margin6{
        margin-top:30%;
      }
     
      
    
  }
  /* ......................4 section...................................... */
  .directorwidth{
    border-radius: 50%;
  }
 
  .yellowback{
    background-color:#FFC947 ;
    height:500px;
    border-radius: 30px;
  }
  .align{
    text-align: center;
    padding:15px;
  }
  .blueback{
    background-color:#1D3661 ;
    height:500px;
    border-radius: 30px;
  }
  .white{
    color:white;
  }
  .orange{
    color:#FFC947 ;
  }
  .blue{
    color:#1D3661 ;
  }
 
  .bnmd{
    border-left: 1px solid #1D3661 ;
  }
  .bnmd2{
    border-right: 1px solid #1D3661 ;
  }
  .background{
    background-color: #F2F2F2;
    
  }
  .pad9{
    padding:7% 0%;
  }
  .navitems{
    color:#F5BD37;
}
  .navitems:hover{
    border-bottom: 2px solid #F5BD37;
}
  /* ....................................... */
  @media(max-width:1200px){
   
    .free3{
      font-size: 35px;
    }
    }



    @media(max-width:768px){
      .bnmd{
          border-bottom: 1px solid #1D3661 ;
        }
        .directr{
          margin-top:5%;
        }
        .fontincrease{
          font-size:30px;
        }
        .fontsi{
          font-size: 30px;
         
        }
        .end{
          display:flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
         }
         .navitems:hover{
          border-bottom:none;
      }
      
    }