/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
/* 
    Created on : Jul 27, 2023, 12:04:01 PM
    Author     : vaska
*/

@import url('https://fonts.maateen.me/kalpurush/font.css');
*{  padding: 0px;
    margin:0px;
    box-sizing: border-box;
    font-size: 12px;
    
}

.main{display:grid;
     grid-template-rows:500px auto auto auto auto 40px  ;
     grid-template-columns:1fr 1fr 1fr 1fr;
     grid-row-gap:1px;
     gird-auto-rows:400px;     
  }
  .slider{grid-row:1/2;grid-column:1/4;background-color:black ; border-top: 30px solid; border-bottom: 30px solid;overflow: hidden; padding:0px;border-image-source:  url("../Images/border1.jpg") ;border-image-slice:200;display:flex;justify-content: center;align-items:center;} 
  .banner{grid-row:1/2;grid-column:4/5;display:flex;justify-content: center;align-items: center;background-color: whitesmoke;}
  .aboutus{grid-row:2/3;grid-column:1/3;background-color:white;color:black;padding:25px 10px;border-right: 1px solid white;font-family: 'Kalpurush', sans-serif;margin:50px;}
  .chairman{grid-row:2/3;grid-column:3/5; color:maroon;padding:10px;font-family: 'Kalpurush', sans-serif;border:0px solid lightgray;background-size: cover;background-position: center;border-radius: 10px;margin:20px;display: flex;justify-content: center;align-items: center;}
        .chairman .subdiv{font-size: 1.2rem;margin:0px;width:100%;height:auto;background:url(../Images/bg8.jpg);color:black;background-size: cover;background-position: center;padding:10px;border-radius: 10px;font-family: 'Kalpurush', sans-serif;border:1px solid gray;}       
        .chairman .subdiv p{text-align: justify;padding:0px;font-size:1.2rem;border-radius: 10px;font-family: 'Kalpurush', sans-serif;color:maroon;line-height: 20px;margin:0px;background:transparent;color:black;background-size: cover;background-position: center;}
        .chairman .subdiv figure{margin-right: 5px;float:left;min-width: 125px;height:250px;padding:5px 5px;border:2px solid gray;width:20%;left:0px;background-color:white;border-radius: 5px;text-align: center; }
        .chairman .subdiv figure img{min-width:100px; width:calc(100% - 12px);height:auto;font-family: 'Kalpurush', sans-serif;border-radius: 5px;border:2px solid #00cccc;margin-left: auto;margin-right: auto;image-orientation:  initial}
        figcaption{text-align: center;color:maroon;min-width: 100px;font-weight: 900;font-size: 1rem;line-height: 20px;font-family: 'Kalpurush', sans-serif;font-size: 1.2rem;}

   .principal{grid-row: 3/4 ; grid-column: 1/3;color:black;padding:25px 10px;min-height: 500px;width:100%;box-shadow:none;border-bottom: 1px solid lightgrey;}
        .principal .subdiv{margin:0px;position: relative;width:100%;height:100%;background:url(../Images/bg8.jpg);color:black;background-size: cover;background-position: center;border: 1px solid lightgrey;padding:10px;border-radius: 10px}       
        .principal .subdiv  .img1{position: absolute;top:20px;left:20px;width:auto;text-align: center;padding: 10px;}
        .principal .subdiv  .img2{position: absolute;top:20px;right:20px;width:auto;text-align: center;padding:10px;}
        .principal .subdiv  .img1 img{width:120px;height:auto;border-radius: 5px;border:2px solid #00cccc;}        
        .principal .subdiv  .img2 img{width:120px;height:auto;border-radius: 5px;border:2px solid #00cccc;}
        .principal .subdiv  .img1 .one{text-align: center;color:green;line-height: 20px;}
         .img2 .two{text-align: center;color:green;line-height: 20px;}
         .principal p{text-align: justify;padding:20px;font-size:1.2em;font-family: 'Kalpurush', sans-serif;margin: 10px;color:black;bottom:0px;position: absolute;top:200px;line-height: 2rem;}
  .notice{grid-row: 3/4 ; grid-column: 3/5;padding:10px;background-color:whitesmoke;border:1px solid lightgray;display: flex;justify-content: center;align-items: center; }
  .links{grid-row: 4/5 ; grid-column: 1/-1;background-color:tomato; }  
  .footer{grid-row: 5/6 ; grid-column: 1/-1;background-color:tomato;} 
  .copyrights{grid-row:6/7 ; grid-column: 1/-1;background-color:#003366;color:white;text-align: center;padding:10px;} 
 
  .slider .slider_image{background-color:black; display: flex;justify-content:center;align-items:center;}
  .slider .slider_image img{width:auto;height:440px;overflow: hidden;margin-left:auto;marign-right:auto;}   
      h2{font-size: 1.5em;font-family:  'Kalpurush', sans-serif;}
      .dept{font-family:  'Kalpurush', sans-serif;font-size: 1em;padding:30px;}
      #frm1{min-width:100%;}      
.cover .displayname{text-align: center;text-transform:uppercase;width:90%;min-height:40px;height:auto;border:2px solid maroon; padding:5px 0px;background-color: white;border-radius: 10px;box-shadow: 5px 5px 5px gray;margin:10px;color:maroon;font-weight: 900;}
.cover .moreproducts{width:100%;padding:3px; background-color: whitesmoke;color:#cc3300;font-size: 20px;font-family: cursive;text-align: center;margin-top: 5px;text-decoration: none;display:flex;align-items: center;justify-content: center; margin-bottom: 5px;}
.moreproducts a{color:tomato;text-transform:uppercase;width:80%;height:auto;border:2px solid maroon;padding:10px 5px;background-color: whitesmoke;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: .7em;border-radius: 30px; background-color:#192156;animation:bk 1s linear 2s infinite alternate ;overflow:hidden;line-height: 20px;font-weight: 900;font-family: 'Poppins',serif;}
.banner .logo1{background-color: whitesmoke;text-align: center;}
.dept1{width:100%; background-color: whitesmoke;text-align: center;font-size:1.5em;font-weight: 900;}
.aboutus .r{text-align: justify;padding:10px;font-size:1.2rem;border:1px solid lightgray;border-radius: 10px;font-family: 'Kalpurush', sans-serif;color:maroon;line-height: 20px;margin:0px 0px;background:url(../Images/bg8.jpg);color:black;background-size: cover;background-position: center;}
.aboutus h1{font-size: 1.4em;color:green; width:100%;text-align: center;text-decoration: underline;}
.frm2{width:100%;height:400px;}
#preloader{background:#000 url(../Images/preloader1.gif) no-repeat center center;
                width:100%;
                height:100vh;
                background-size: 20%;
                position:fixed;
                z-index: 100;}

   @keyframes bk{
    0%{
        background:linear-gradiant(orange green yellow);
        color:red;
        
    }
    50%{
        background:linear-gradiant(orange green yellow);
        color:yellow;
        
    }
    100%{
         background:linear-gradiant(blue green blue);
        color:white;
    }
}
  @media screen and (max-width:980px)
      {
    .main{
     display:grid;
     grid-template-rows: auto auto auto auto auto auto auto ;
     grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
     grid-row-gap: 3px;
     grid-auto-rows: auto;
     }   
  .slider{grid-row:1/2;grid-column:1/-1;background-color:green;display: flex;justify-content: center;align-items: center;overflow: hidden; } 
  .banner{grid-row:2/3;grid-column:1/-1;background-color:white;display:flex;justify-content: center;align-items: center;}
  .aboutus{grid-row:3/4;grid-column:1/-1;margin:5px;}
  .chairman{grid-row:4/5;grid-column:1/-1;display: block;margin:5px;}
  .chairman .figure{display: block;}
  .chairman figure img{min-width: 80px;height:auto;display: block;}  
  .chairman figure figcaption{font-size: 1em;text-align: center;}
  .principal{grid-row: 5/6 ; grid-column: 1/-1;background-color:white;display:flex;justify-content: center;align-items: center; }
  .principal .subdiv{min-height: 500px;width:100%;box-shadow:none;border-bottom: 1px solid lightgrey;}
  .notice{grid-row: 6/7 ; grid-column: 1/-1;padding:10px;background-color:whitesmoke;border:1px solid lightgray;width:100%;height:auto; }
  .links{grid-row: 7/8 ; grid-column: 1/-1;background-color:tomato; } 
  .footer{grid-row: 8/9 ; grid-column: 1/-1;background-color:tomato;}
  .copyrights{grid-row: 9/10 ; grid-column: 1/-1;background-color:darkblue;color:white;text-align: center;}
   .slider #slider_image{width:100%;height:200px;   }
   .slider #slider_image img{width:100%;height:200px;}   
      }