/*
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
*/
@import url('https://fonts.maateen.me/adorsho-lipi/font.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200&family=Caveat&family=Pacifico&family=Rock+Salt&family=Rubik+Moonrocks&family=Sofia+Sans+Condensed:ital,wght@0,300;1,200&family=Syne+Mono&display=swap');

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-size:16px;
}
body{margin:0px;padding: 0px;background-color: white;font-family: 'Poppins', sans-serif;}
.mainwrapper{
    display: grid;
    grid-template-rows:30px 60px  30px  auto  auto 35px ;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    grid-gap:0px;
    grid-auto-rows: 250px;
    padding:0px;
    margin: 0px;
}
.whatsapp{ grid-row: 1/2;grid-column: 1/-1;width:100%;background-color:darkblue;text-align: right;padding:3px;color:white;position: relative;display: flex;justify-content: center;align-items: center;}
.whatsapp .logowrapper {position: absolute;right:10px;}
.whatsapp .logowrapper .wapplogo{margin-right:5px;}
.whatsapp .logowrapper span{font-size: 0.9rem;font-family: 'Sofia Sans Condensed', sans-serif;}
.whatsapp .logowrapper .wapplogo i{border-radius: 50px;margin-right:5px;}
.whatsapp .logowrapper .emaillogo{margin-right: 5px;}
.whatsapp .logowrapper .emaillogo i{margin:0px 5px;}
.whatsapp .logowrapper a{color:white;text-decoration: none;font-size: .8rem;margin:0px 0px;}

.a{ grid-row: 2/3;grid-column: 1/-1;background-color: whitesmoke;display: flex;justify-content: center;align-items: center;padding:0px;margin:0px;color:#000099;width:100%;}
    .a .left{width:30%;display: flex;justify-content: center;align-items: center;font-size: 2rem;}   
    .a .left img{width:40px;height:40px;border-radius: 50%;padding:3px;}
    .a .left span, .h{color:#000099;font-weight:900;letter-spacing: 0px;margin-left:5px;font-size: 1.5rem;}
    .a .left font{font-size: 1.5rem;}
    
    .a .right{background-color: gray;}
    .a .right .formwrapper{position: relative;}    
    .a .right form .formwrapper .cname{color:maroon;border-radius: 25px 25px 25px 25px;margin: 0px;font-size: .8rem;z-index: 10;position: static;width:100px;position: absolute;right:0px;}
    .a .right form  .formwrapper input[type="submit"]{width:40px;padding:3.8px;border-radius: 0px 0px 0px 0px;margin: 0px;margin-left: -5px;background-color: #333333;color:white;font-weight: bolder;position: absolute;right:0px;}
   
    .a .middle{width:45%;text-align:center;display:flex;justify-content: center;align-items: center;font-size: 1rem;font-weight: 300;font-family: 'Sofia Sans Condensed', sans-serif;}
    .a .middle a div{padding: 3px;margin-right: 8px;}
    .a .middle a{color:maroon;padding: 4px;}
    .a .middle a :hover{background-color: green;color:white;}
   
    .scroll{grid-row:3/4;grid-column: 1/-1;background-color:#009999;color:white;display:flex;align-items: center;justify-content: center;font-family: 'AdorshoLipi', sans-serif;position: relative;}
    .scroll .resmenu{background-color: black;color:white; position: absolute; top:0px; left:0px; z-index: 10; width:100px; display: none;}    
     .scroll .resmenu a{text-decoration: none;color:white;}
    .scroll .resmenu ul{width:calc(100vw - 20px);height:auto;background-color: black;list-style: none;color:white;}
    .scroll .resmenu ul li{width:100% ;padding:10px;border-bottom: 1px solid gray;margin-left: 0px;position: relative;}
    .scroll .resmenu ul li:hover{background-color: #003333;}
    .scroll .resmenu div{width:100%;text-align: right;color:white;padding:10px;border-bottom: 1px solid gray;}
    .scroll .resmenu div .cross{background-color: black;padding:5px;border-radius: 5px;font-weight: bolder;margin-right: 10px;}
    .scroll input[type="checkbox"]{display: none;}
    .scroll .bar{margin-left: 10px;display:none;width:40px;height:auto;background-color: black;padding: 3px;text-align: center;}     
    .bar{z-index: 100;}
  marquee{font-size: 16px;width:100%;font-family: 'Sofia Sans Condensed', sans-serif;}
     
.d{grid-row:4/5;grid-column:1/-1;margin: 0;padding:0;}
.footer{grid-row:5/6;grid-column:1/-1;background-color:orange;display:grid;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:250px; grid-gap:2px;}
.footer1{grid-row:6/7;grid-column:1/-1;background-color:#003333;color:white;text-align: center;display: flex;justify-content: center;align-items: center;font-size: .7rem;}
    .footer1 span{font-size: .7rem;}
iframe{min-width:100%;height:auto;margin: 0px;padding:0px;}
.c marquee a{text-decoration: none;color:maroon;position: absolute;right:0;}

@media screen and (max-width:1024px)
{
  *{font-size: 12px;} 
  .scroll .bar{margin-left: 10px;display:block;} 
  .scroll .resmenu { z-index:102;display: block;width:100%}
  .middle{display: none;}    
   .a .left{width:50%;}
      #chk:checked ~ .scroll .resmenu{visibility: visible;}
       #chk:checked ~ .resmenu{visibility:hidden;}
     .a .right form  .formwrapper input[type="submit"]{width:40px;padding:3.6px;border-radius: 0px 0px 0px 0px;margin: 0px;margin-left: -5px;background-color: #333333;color:white;font-weight: bolder;position: absolute;right:0px;}
}
@media screen and (max-width:850px)
{
    *{  font-size: 10px;}  
    .a right{width:50%}
    
  .a .right form .formwrapper .cname{width:70px;font-size:.8rem; }
  .a .right form .formwrapper .cname option{width:70px;}
  .scroll .bar{margin-left: 10px;display:block;} 
  .scroll .resmenu {z-index:102;}
 
 .a .right form  .formwrapper input[type="submit"]{width:40px;padding:3.6px;border-radius: 0px 0px 0px 0px;margin: 0px;margin-left: -5px;background-color: #333333;color:white;font-weight: bolder;position: absolute;right:0px;}
   .whatsapp span{font-size: 1rem;padding: 10px;text-decoration: none;color:white;}
   .whatsapp span a{color:white;text-decoration: none;font-size: .5rem;}
    .a .left{width:50%;display: flex;justify-content: center;align-items: center;font-size:1rem;}   
    .a .left img{width:30px;height:30px;border-radius: 50%;padding:3px;}
    .a .left span, .h{color:#000099;font-weight:700;letter-spacing: 0px;margin-left:5px;font-size: 1.4rem;}
   .a .middle{display: none;width:0%;}
   .a .middle a{display:none;}
   .whatsapp .logowrapper {position: absolute;right:5px;}
   .whatsapp .logowrapper .wapplogo span{display: none;}
   .whatsapp .logowrapper .emaillogo span{display: none;}
   .whatsapp .logowrapper .wapplogo i{border-radius: 50px;margin:0px 0px;}
   .whatsapp .logowrapper .emaillogo i{margin-right: 0px;margin:0px 0px;}
     .scroll .bar{margin-left: 10px;display:block;}  
    
      #chk:checked ~ .scroll .resmenu{display: block;}
      #chk:checked ~ .resmenu{visibility: hidden;}
     .a .right form  .formwrapper input[type="submit"]{width:40px;padding:3.6px;border-radius: 0px 0px 0px 0px;margin: 0px;margin-left: -5px;background-color: #333333;color:white;font-weight: bolder;position: absolute;right:0px;}
     .a .left img{width:30px;height:30px;border-radius: 50%;padding:3px;}
}

@media screen and (max-width:415px)
{    
        *{font-size: 10px;} 
         .a .right form .formwrapper .cname{width:50px;font-size:.7rem; }
         .a .right form .formwrapper .cname option{width:50px;}
         .scroll .bar{margin-left: 10px;display:block;}  
         .a .left{width:50%;display: flex;justify-content: center;align-items: center;font-size:1rem;}   
         .a .left img{width:30px;height:30px;border-radius: 50%;padding:3px;}
         .a .left span{color:#000099;font-weight:700;letter-spacing: 0px;margin-left:5px;font-size: 1.4rem;}
            
      #chk:checked ~ .scroll .resmenu{
          display: block;}
      #chk:checked ~ .resmenu{visibility: hidden;}
      .a .right form  .formwrapper input[type="submit"]{width:40px;padding:3.6px;border-radius: 0px 0px 0px 0px;margin: 0px;margin-left: -5px;background-color: #333333;color:white;font-weight: bolder;position: absolute;right:0px;}
       .a .left img{width:30px;height:30px;border-radius: 50%;padding:3px;}
}