/* CSS styles for the web page */
      *{
    
      }
      
    body {padding-left: 350px;
        padding-right: 350px;
    background-color: #ecf0f1;

    }
.waves{
    background-color: white;
}
    footer {
        text-decoration: none;
      background-color: #111111;
      color: #fff;
      padding: 20px;
      text-align: center;
        height: auto;
        width: auto;
    } 
    

      .fl{
          display: flex;
          font-size: 12px;
         
      }
      .fl .l{
          
          width: 100%;
          color: aliceblue;
           font-family: sans-serif;
          
      }
       .fl .r{
         
           width: 100%;
             color:lavenderblush;
            font-family: sans-serif;
          
      }

 

  .footerr-nav{
         background: #252525;
     }

   .footerr-nav uul{
       list-style-type: none;
         margin: auto;
            text-align: center;
         justify-content: center;
         padding:10px;
         display: flex;
     }
  
    .footerr-nav li a{
         padding: 0px;
         font-family: inherit;
        margin: auto;
         color: white;
         font-size: 15px;
        text-decoration: none;
         padding: 30px;
     }
.footerr-nav li a:hover{
    color: red;
}
.f2{
    text-decoration: none;
      background-color: #252525;
      color: #fff;
      text-align: center;
        height: 170px;
     font-weight:;
        width: auto;
    }
  .f2 .note{
      padding-top: 20px;
      padding-right: 100px;
      padding-left: 100px;
      justify-content: center;
     font-size: 12px;
     color: white;
      }

 .f2 .row{
    list-style-type: none;
     font-family: monospace;
        display: flex;
         padding-left: 50px;
         padding-right: 50px;
          background: #252525;
         padding-top: 20px;
     }
     .f2 .col-sm-6{
      
          padding-left: 0px;
         padding-right: 40px;
         width: 50%;
        color: white;
         justify-content: center;
         margin: auto;
         
         display: flex;
         text-align: left;
     }
    .f2 .col-sm-7{
          padding-left: 80px;
         padding-right: 0px;
        padding-top: 10px;
         width: 50%;
        color: white;
         justify-content: center;
         margin: auto;
         display: list-item;
         text-align: center;
     }
     .f2 .listl{
         color: white;
         padding-left: 50px;
         display:flex;
     }
      .f2 .listl img{
          color: white;
           width: 100%;
          color:white;
           margin: auto;
       
     }
       
       .f2 .listl li{
           color: white;
         padding-left: 30px;
        font-size: 1px;
     }
     .f2 ul{
         color: white;
         display: flex;
     }
    .f2 .group-desc{
        text-decoration: none;
         padding-top:0px;
        color: white;
         font-size: 12px;
     }

      .main{
          background-color: white;
         margin: -px;
          
      }
      .try{
        padding: 50px;
      }
      
      .s3{

      }
    
      
       @media screen and (max-width: 1600px) {
        
        body {padding-left:150px;
        padding-right: 150px;
    font-family: sans-serif;
    line-height: 1.6;
    margin: 0 auto;
    background-color: #ecf0f1;

    } }
      
    @media screen and (max-width: 1500px) {
        
        body {padding-left:100px;
        padding-right: 100px;
    font-family: sans-serif;
    line-height: 1.6;
    margin: 0 auto;
    background-color: #ecf0f1;

    } }
      @media screen and (max-width: 1200px) {
        
        body {padding-left:50px;
        padding-right: 50px;
    font-family: sans-serif;
    line-height: 1.6;
    margin: 0 auto;
    background-color: #ecf0f1;

    } }
      
       @media screen and (max-width: 800px) {
        
        body {padding-left: 0px;
        padding-right: 0px;
    font-family: sans-serif;
    margin: 0 auto;
    background-color: #ecf0f1;
    }
            header {
      background-color: #111111;
   5
    }
           .logo{
               text-decoration: none;
               justify-content: center;
               align-content: center;
               padding-right: 0px;
           }
             .logo img{
      width: 50%;
                 display: none;
    }
           
           .logo .ltxt{
               font-family: monospace;
               display: block;
               justify-content: center;
               text-align: center;
               text-decoration: none;
               font-weight: 400;
               text-transform: capitalize;
               color: white;
               padding: 20px;
           }
           
  .nav-buttons {
    display: block;
    }
.navs{
    padding-left:30px;
    padding-right: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.nav-buttons button li a{
  
    text-decoration: none;
    font-family: Verdana, sans-serif;
    text-transform: capitalize;
      background: none;
      border: none;
      color: white;
    font-weight: ;
      font-size: 15px;
    }

           
           
            .ad{
          display: block;
      }
           .ad .adm{
              display: none;
           }
           
              .nav-buttons {
        display: none;
      }
        .toggle-icon{
          display: block;
      }
      .toggle-icon {
        font-size: 25px;
        cursor: pointer;
          color: white;
          margin-right: 10px;
      }
      
      .search-icon {
          font-size: 20px;
          margin-left: 10px;
      }
           
              footer {
      background-color: #111111;
      color: #fff;
      text-align: center;
        height: 70px;;
        width: auto;
    
    } 
    
.waves{
    background-color: white;
    height: 150px;
}
      .fl{
           word-spacing: 2px;
          display: block;
      }
      .fl .l{
          float: left;
          width: 100%;
          color: aliceblue;
           font-family: sans-serif;
          
      }
       .fl .r{
          float: right;
           width: 100%;
             color:lavenderblush;
            font-family: sans-serif;
          
      }

 

  .footerr-nav{
      text-decoration: none;
         background-color: #252525;
     }

   .footerr-nav uul{
         display: flex;
       flex-wrap: wrap;
       list-style-type: none;
     }
  
    .footerr-nav li a{
         padding: 0px;
         font-family: inherit;
        margin: auto;
         color: white;
         font-size: 12px;
        text-decoration: none;
         padding: 5px;
     }
.f2{
    text-decoration: none;
      background-color: #252525;
      color: #fff;
      text-align: center;
        height: 210px;
     font-weight:;
        width: auto;
    }
           .f2 .row p{
               
           }
 .f2 .row{
     padding-left: 10px;
     padding-right: 10px;
     text-align: center;
     justify-content: center;
     align-content: center;
    list-style-type: none;
     font-family: monospace;
        display: block;
          background: #252525;
         padding-top: 5px;
     }
     .f2 .col-sm-6{
         padding-left: 0px;
         padding-right:0px; 
         width: 100%;
        color: white;
         justify-content: center;
         text-align: center;
         margin: auto;
     }
           
    .f2 .col-sm-7{
        padding-left: 0px;
         padding-right:0px; 
        padding-top: 10px;
        padding-bottom: 0px;
         width: 100%;
        color: white;
         margin: auto;
         display: list-item;
         text-align: center;
     }
     .f2 .listl{
         
         justify-content: center;
         color: white;
         padding-left: 0px;
         display:flex;
     }
      .f2 .listl img{
       padding: 0px;
          color: white;
           width: 100%;
          color:white;
           margin: auto;
       
     }
       
       .f2 .listl li{
          
           color: white;
         padding:0px;
        font-size: 1px;
     }
     .f2 ul{
         color: white;
         display: flex;
     }
    .f2 .group-desc{
        text-decoration: none;
        color: white;
         font-size: 10px;
     }
          .f2 .note{
              display: none;
      padding-top: 10px;
      padding-right: 10px;
      padding-left: 10px;
      justify-content: center;
     font-size: 10px;
     color: white;
      }  
       .main{
          background-color: white;  
      }
      .try{
        padding:1px;
      }
    
      

    }