@media only screen and (max-width:449px)
 {

    .dropbtnside {
        background-color:rgb(9, 117, 105);
        color: white;
        /* padding: 16px;
        font-size: 16px; */
        padding: 25px 8px 10px 10px;
        text-decoration: none;
        font-size: 20spx;
        color:  #ffffffe8;
        border:none;
        text-align:center;
        width: auto;
       
      }
      
      .dropdownside {
        position: relative;
        display: inline-block;
        border-bottom:1px solid grey;
        width:100%;
      }
      
      .dropdown-contentside {
        display: none;
        position: absolute;
        background-color: #4CAF50;
        min-width: 150px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;

        
      }
      
      .dropdown-contentside a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;

      }
      
      .dropdown-contentside a:hover {background-color: #3a867d;}
      
      .dropdownside:hover .dropdown-contentside {display: block;}
 
    .navhide
    {

        width:100%;
        text-align:center;
        display:block;
        padding-top:5px;
        
    }
      
    .gif
    {
        width:90%;
    }
/* For MEnu Button */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top:0;
    right: 0;
    background-color:rgb(9, 117, 105);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 70px;
    text-align:center;
    
  }
  
  .sidenav a {
    padding: 25px 8px 10px 10px;
    text-decoration: none;
    font-size: 18px;
    color:  #ffffffe8;
    display: block;
    transition: 0.3s;
    border-bottom:1px solid grey;
    
  }
  .sidenav a:nth-child(1) {
   border:none;
  }
  
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }



      
    *
    {
        margin:0;
        padding:0;
        font-family:'Quicksand', sans-serif;
    }
    
    html,body{
        background-image: url(img/bg.png);
        background-size: auto;
        scroll-behavior: smooth;
       
    }
    #bizzbar {
        background: #075E54;
        width: 100%;
        text-align: center;
        color: #ffffffe8;
        font-family:'Quicksand', sans-serif;
        overflow: hidden;
        height: 33px;
        z-index: 1000;
        font-size: 14px;
        font-weight: bold;
        position: fixed;
        border-bottom: 3px solid rgb(255,255,255);
        box-shadow: 0 1px 5px rgba(0,0,0,.7);
        top:0;
    }
    
    #bizzbar button {
        -webkit-box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        background: #333;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: none;
        box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        color:#ffffffe5;
        font-family: 'Quicksand', sans-serif;
        cursor: pointer;
        font-size: 12px;
        margin: 0px 0px 0px 7px;
        outline: none;
        padding: 2px 10px 1px;
        margin-top: 1px;
        text-decoration: initial;
        height: 27px;
        font-weight: bold;
    }
    #bizzbar button:hover
    {
    
        background-color:rgb(17, 16, 16);
        
    }
    
    
    #Navheader
    {
    
    margin-top:34px;
    height:auto;
    width:100%;
    padding:18px 0px;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    background-color: #075E54;
    
    }
    #Navhead
    {
        margin-top:34px;
        height:114px;
        width:100%;
        padding:30px 0px;
        box-shadow: 0 0 20px rgba(0,0,0,.3);
        background-color: #075E54;
    }
    .inner-container
    {
        
        height:auto;
        margin:0px auto;
        width:100%;
        
    }
    .inner-container .logo
    {
        color: rgba(255, 255, 255, 0.973);
        font-family: 'Quicksand', sans-serif;
        width:100%;
        height:auto;
        padding-left:12px;
        padding-bottom: 15px;

    }
   .inner-container .logo img {
    height: 86px;
    width: 160px;
    display:block;
    vertical-align: top;
}
    .logo-text
    {
        width:auto;
        height:auto;
        margin-top:6px;
        line-height:19px;
        display:inline-block;
        vertical-align:top;
    }
    
    
    .logo .logo-text span
    {
        font-size:23px;
        font-weight:bold;
    
    }
    
    .dropbtn {
        background: rgb(7, 94, 84);
      color: #ffffffea;
      padding: 14px;
      font-size: 13px;
      cursor: pointer;
      border:none;
      font-weight:bold;
      
    }
 
    /* The container <div> - needed to position the dropdown content */
    .dropdown {
      position: relative;
      display: none;
    }
    
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    /* Links inside the dropdown */
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      font-size: 13px;
     
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: #f1f1f1da; text-decoration: none;}
    
    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
      display: block;
    }
    
    /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {
      background: rgb(5, 85, 76);
    }
    
    
    .ScrollStyle
    {
        max-height: 200px;
        overflow-y: scroll;
         border-radius: 5px; 
    }
     
    
    #loadmore-section
    {
        color:#828282;
        height:auto;
        padding:40px 0px;
        width:100%;
    } 
    #loadmore-container
    {
        margin:0px 5px;
        padding: 0px 28px;
        width:auto;
     
    }
    .section-title
    {
       margin-bottom:35px;
       text-align:center;
    }
    .section-title h2
    {
        max-width: 100%;
        font-size: 19px;
        color: #5f5e5e;
        margin: 0;
        font-weight: bold;
        line-height: 140%;
        background-color: rgba(225, 245, 254, 0.92);
        border-radius: 7.5px;
        box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
        padding: 5px 12px 6px 12px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
        width: max-content;
        margin: 0 auto;
        margin-bottom:5px;
    }
    #loadmore-section small
    {
        text-align:center;
        font-size:12px;
        color: #646060;
        
    }
    
    .grid-container {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 13px;
      }
      
      
      .grid-container > a 
      {
        background-color: rgba(255, 255, 255, 0.932);
        text-align: center;
        border-radius:10px;
        
      }
      .grid-container > a:hover
      {
        text-decoration:none;
        background-color:#bef5aeef;
      }
      #loadmore-container .btn
      {
          width:100%;
      }
      #loadmore-container button{
       
        margin:37px auto;
        padding: 7px 15px;
        border-radius: 3px;
        border:0px;
        color: #ffffff;
        background-color: #4CAF50;
        font-size:12px;
        font-weight:bold;
      }
      .secs-grouplinks-text p,ul
      {
        color: #484f57;
        font-size: 16px;
        font-weight:bold;
        letter-spacing: .5px;
        text-align:left;
      }
    
    .sec3-grouplinks
    {
    margin-top:37px;
    margin-left:5px;
    }
    .sec4-grouplinks
    {
        margin-left:5px;
    }
    
    .back-to-top {
        cursor: pointer;
        display:none;
    }
    #buttontop
    {
     
      position:fixed;
      bottom:100px;
      right:1px; 
    }
    #buttontop .btn
    {
        width:40px;
        height:40px;
        border-radius:50%;
        border:none;
        background-color:rgba(14, 165, 147, 0.445);
        padding-top:10px;
    }
    #buttontop .btn:hover
    {
        background-color:#075E54;
        
    }
    
    #footer
    {
    
        width:100%;
        background-color:  #445a65;
        box-shadow:2px 0px 0px 0px #1f2427d5;
        display:table;
        content: " ";
        clear:left;
    }
    .footer-container
    {
     
        margin:15px 0px 15px 0px;
        float:left;
    }
    .footer-container ul 
    {
        content: "";
        clear: left;
        display: table;
    
    }
   
    .footer-container ul li:nth-child(1)
    {
        width:100%;
        padding-bottom:20px;
        text-align:center;
    }
    .footer-container ul li:nth-child(5)
    {
        width:100%;
        padding-top:15px;
        text-align:center;
    }
    .footer-container ul li
    {
        text-align:center;
        list-style-type: none;
        float:center;
        padding:0px 15px;
        font-size:14px;
        color:rgba(255, 255, 255, 0.8);
    }
    .heart
    {
     height:25px;
     width:25px;
    background-color:#075E54;
    border-radius:40%;
    }
    .footer-container ul li a
    {
        text-decoration:none;
        font-size:12px;
        letter-spacing: 1px;
        color:rgba(255, 255, 255, 0.8);
    }
    .footer-container ul li a:hover
    {
    
        font-size:13px;
        color:rgba(255, 255, 255, 0.986);
    }
   #myList a
      {
          
          display:block;
      }
    
       #myList2 a
    { 
         display:block;
    }
      
    
     
         .ScrollStyleafter
    {
        height:840px;
        overflow-y: scroll;
         border-radius: 5px; 
    }
      
    
                /*...............................For privacy and disclaimer ..................................*/
    
    .pdcontainer
    {
    height:auto;
     width:100%;
     padding:40px 40px;
     color:#828282;
     font-size:13px;

    }
    
    .incontainer
    {
   
    background-color:white;
    height:auto;;
    width:100%;
    font-size:13px;
    padding:30px 35px;
    color:#828282;
    margin:0px auto;
    box-shadow:5px 5px rgba(51, 51, 51, 0.116);
    border-radius:5px;
    
    
    }
    
    .pdheading
    {
        font-size:19.5px;
        font-weight:bold;
        margin:0px 0px 18px 0px;
    
    }
    
    .pdtext
    {
        margin:0px 0px 20px 0px;
        font-size:15px;
        color:#646262;
        letter-spacing: 0;
        line-height:1.7;
       font-weight: 500;
    
    }
    
      
    
    /* Click Me top fixed header button links to  */
    
    
    
      /* The popup form - hidden by default */
      .form-popup {
        display: none;
        position: fixed;
        z-index: 9;
        box-shadow:15px 20px 20px rgb(153, 144, 144);
        border-radius:15px;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        top:0px;
        left:0px;
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    
      }
      
      /* Add styles to the form container */
      .form-container {
        width: 100%;
        margin:80px auto;
        padding: 15px;
        background-color: white;
        border-radius:15px;
        font-size:14px;
      }
    
      /* Full-width input fields */
      .form-container input[type=text],.form-container input[type=Email],.form-container input[type=URL], .form-container select {
        width: 100%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none ;
        border-radius:5px;
        background: #f1f1f1;
    
      }
    
      .form-container select option
      {
          font-size:12.5px;
          font-weight:bold;
          color:rgb(7, 100, 7);
          
      }
      
      /* When the inputs get focus, do something */
      .form-container input[type=text]:focus,form-container input[type=URL]:focus,form-container input[type=Email]:focus, .form-container select:focus {
        background-color: #ddd;
        outline: none;
      }
      
      /* Set a style for the submit/login button */
      .form-container .btn {
        background-color: rgba(27, 233, 34, 0.979);
        color: rgba(245, 245, 245, 0.966);
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width: 40%;
        margin-bottom:10px;
        font-size:15px;
        margin-right:5px;
        opacity:0.8;
        font-weight:bold;
      }
      
      /* Add a red background color to the cancel button */
      .form-container .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        font-weight:bold;
        opacity:0.8;
        width:40%;
      }
      
      /* Add some hover effects to buttons */
      .form-container .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }


      .form-containerafter {
       max-width: 657px;
    height: 571px;
    margin: 148px auto;
    padding: 15px;
    background-color: white;
    border-radius: 15px;
    font-size: 14px;
}
      
      .form-containerafter .btn {
          
    background-color: rgba(27, 233, 34, 0.979);
    color: rgba(245, 245, 245, 0.966);
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 37%;
    margin-bottom: 10px;
    font-size: 15px;
    opacity: 0.8;
    margin-right: 7px;
    font-weight: bold;
    border-radius: 20%;
    margin-top: 94px;
    margin-left: 40px;
        
}
      
      /* Add a red background color to the cancel button */
      .form-containerafter .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        width:37%;
        font-weight:bold;
        opacity:0.8;
        border-radius:20%;
          
          margin-left:3px !important;
      }
      
      /* Add some hover effects to buttons */
      .form-containerafter .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }

 }


/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width:450px) and (max-width: 659px)
 {
    .dropbtnside {
        background-color:rgb(9, 117, 105);
        color: white;
        /* padding: 16px;
        font-size: 16px; */
        padding: 25px 8px 10px 32px;
        text-decoration: none;
        font-size: 18px;
        color:  #ffffffe8;
        border:none;
        width: auto;
       
      }
      
      .dropdownside {
        position: relative;
        display: inline-block;
        border-bottom:1px solid grey;
        width:100%;
      }
      
      .dropdown-contentside {
        display: none;
        position: absolute;
        background-color: #4CAF50;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
      }
      
      .dropdown-contentside a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
      }
      
      .dropdown-contentside a:hover {background-color: #3a867d;}
      
      .dropdownside:hover .dropdown-contentside {display: block;}
     
 
    .navhide
    {

        width:100%;
        text-align:center;
        display:block;
        padding-top:5px;
        
    }
      
    .gif
    {
        width:70%;
    }
/* For MEnu Button */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top:0;
    right: 0;
    background-color:rgb(9, 117, 105);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 70px;
    
  }
  
  .sidenav a {
    padding: 25px 8px 10px 32px;
    text-decoration: none;
    font-size: 18px;
    color:  #ffffffe8;
    display: block;
    transition: 0.3s;
    border-bottom:1px solid grey;
    
  }
  .sidenav a:nth-child(1) {
   border:none;
  }
  
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

      
    *
    {
        margin:0;
        padding:0;
        font-family:'Quicksand', sans-serif;
    }
    
    html,body{
        background-image: url(img/bg.png);
        background-size: auto;
        scroll-behavior: smooth;
       
    }
    #bizzbar {
        background: #075E54;
        width: 100%;
        text-align: center;
        color: #ffffffe8;
        font-family:'Quicksand', sans-serif;
        overflow: hidden;
        height: 33px;
        z-index: 1000;
        font-size: 14px;
        font-weight: bold;
        position: fixed;
        border-bottom: 3px solid rgb(255,255,255);
        box-shadow: 0 1px 5px rgba(0,0,0,.7);
        top:0;
    }
    
    #bizzbar button {
        -webkit-box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        background: #333;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: none;
        box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        color:#ffffffe5;
        font-family: 'Quicksand', sans-serif;
        cursor: pointer;
        font-size: 12px;
        margin: 0px 0px 0px 7px;
        outline: none;
        padding: 2px 10px 1px;
        margin-top: 1px;
        text-decoration: initial;
        height: 27px;
        font-weight: bold;
    }
    #bizzbar button:hover
    {
    
        background-color:rgb(17, 16, 16);
        
    }
    
    
    #Navheader
    {
    
    margin-top:34px;
    height:114px;
    width:100%;
    padding:30px 0px;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    background-color: #075E54;
    
    }
    #Navhead
    {
        margin-top:34px;
        height:114px;
        width:100%;
        padding:30px 0px;
        box-shadow: 0 0 20px rgba(0,0,0,.3);
        background-color: #075E54;
    }
    .inner-container
    {
        
        height:auto;
        margin:0px auto;
        width:100vw;
        content: "";
        clear: both;
        display: table;
    }
    .inner-container .logo
    {
        color: rgba(255, 255, 255, 0.973);
        font-family: 'Quicksand', sans-serif;
        width:auto;
        height:auto;
        float:left;
        margin-left:50px;
    }
    .inner-container .logo img {
    height: 86px;
    width: 160px;
    margin: -15px 5px;
    display: inline-block;
    vertical-align: top;
}
    .logo-text
    {
        width:auto;
        height:auto;
        margin-top:6px;
        line-height:19px;
        display:inline-block;
        vertical-align:top;
    }
    .logo-text a
    {
         color: rgba(255, 255, 255, 0.973); 
         text-decoration:none;
    }
    .logo-text a:hover
    {
         color: rgba(255, 236, 236, 0.973); 
         text-decoration:none;
    }
    
    .logo .logo-text span:first-child
    {
        font-size:23px;
        font-weight:bold;
    
    }
    .logo .logo-text span:nth-child(2)
    {
        font-size:11.7px;
        display:block;
        color:#ffffffbe;
        font-weight: 500;
    }
    .inner-container .list
    {
        float:right;
       margin-right:50px;
    }
    .dropbtn {
        background: rgb(7, 94, 84);
      color: #ffffffea;
      padding: 14px;
      font-size: 13px;
      cursor: pointer;
      border:none;
      font-weight:bold;
      
    }
 
    /* The container <div> - needed to position the dropdown content */
    .dropdown {
      position: relative;
      display: none;
    }
    
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    /* Links inside the dropdown */
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      font-size: 13px;
     
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: #f1f1f1da; text-decoration: none;}
    
    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
      display: block;
    }
    
    /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {
      background: rgb(5, 85, 76);
    }
    
    
    .ScrollStyle
    {
        max-height: 200px;
        overflow-y: scroll;
         border-radius: 5px; 
    }
    
    #loadmore-section
    {
        color:#828282;
        height:auto;
        padding:40px 0px;
        width:100%;
        
    } 
    #loadmore-container
    {
        margin:0px 15px;
        width:auto;
         padding: 0px 95px;
     
    }
    .section-title
    {
       margin-bottom:35px;
       text-align:center;
    }
    .section-title h2
    {
        max-width: 100%;
        font-size: 19px;
        color: #5f5e5e;
        margin: 0;
        font-weight: bold;
        line-height: 140%;
        background-color: rgba(225, 245, 254, 0.92);
        border-radius: 7.5px;
        box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
        padding: 5px 12px 6px 12px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
        width: max-content;
        margin: 0 auto;
        margin-bottom:5px;
    }
    #loadmore-section small
    {
        text-align:center;
        font-size:12px;
        color: #646060;
        
    }
    
    .grid-container {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 15px;
        
      }
      
      
      .grid-container > a 
      {
        background-color: rgba(255, 255, 255, 0.932);
        text-align: center;
        border-radius:10px;
      }
      .grid-container > a:hover
      {
        text-decoration:none;
        background-color:#bef5aeef;
      }
      #loadmore-container .btn
      {
          width:100%;
      }
      #loadmore-container button{
       
        margin:37px auto;
        padding: 7px 15px;
        border-radius: 3px;
        border:0px;
        color: #ffffff;
        background-color: #4CAF50;
        font-size:12px;
        font-weight:bold;
      }
      .secs-grouplinks-text p,ul
      {
        color: #484f57;
        font-size: 16px;
        font-weight:bold;
        letter-spacing: .5px;
        text-align:left;
      }
    
    .sec3-grouplinks
    {
    margin-top:37px;
    margin-left:5px;
    }
    .sec4-grouplinks
    {
        margin-left:5px;
    }
    
    .back-to-top {
        cursor: pointer;
        display:none;
    }
    #buttontop
    {
     
      position:fixed;
      bottom:100px;
      right:30px; 
    }
    #buttontop .btn
    {
        width:50px;
        height:50px;
        border-radius:50%;
        border:none;
        background-color:rgba(14, 165, 147, 0.445);
        padding-top:15px;
    }
    #buttontop .btn:hover
    {
        background-color:#075E54;
        
    }
    
    #footer
    {
    
        width:100%;
        background-color:  #445a65;
        box-shadow:2px 0px 0px 0px #1f2427d5;
        display:table;
        content: " ";
        clear:left;
    }
    .footer-container
    {
     
        margin:20px 0px 20px 40px;
        float:left;
    }
    .footer-container ul 
    {
        content: "";
        clear: left;
        display: table;
    
    }
    
    .footer-container ul li:nth-child(1)
    {
        width:100%;
        padding-bottom:15px;
        text-align:left;
    }
    .footer-container ul li:nth-child(5)
    {
        width:100%;
        padding-top:15px;
        text-align:left;
    }
    .footer-container ul li
    {
        text-align:center;
        list-style-type: none;
        float:left;
        padding:0px 10px;
        font-size:14px;
        color:rgba(255, 255, 255, 0.8);
    }
    .heart
    {
     height:25px;
     width:25px;
    background-color:#075E54;
    border-radius:40%;
    }
    .footer-container ul li a
    {
        text-decoration:none;
        font-size:12px;
        letter-spacing: 1px;
        color:rgba(255, 255, 255, 0.8);
    }
    .footer-container ul li a:hover
    {
    
        font-size:13px;
        color:rgba(255, 255, 255, 0.986);
    }
    #myList a
      {
          
          display:block;
      }
    
       #myList2 a
    { 
        display:block;
    }
      
         .ScrollStyleafter
    {
        height:840px;
        overflow-y: scroll;
         border-radius: 5px; 
    }
      
    
    
                /*...............................For privacy and disclaimer ..................................*/
    
    .pdcontainer
    {
    height:auto;
     width:100%;
     padding:40px 40px;
     color:#828282;
     font-size:13px;

    }
    
    .incontainer
    {
    
    background-color:white;
    height:auto;;
    width:100%;
    font-size:13px;
    padding:30px 35px;
    color:#828282;
    margin:0px auto;
    box-shadow:5px 5px rgba(51, 51, 51, 0.116);
    border-radius:5px;
    
    
    }
    
    .pdheading
    {
        font-size:19.5px;
        font-weight:bold;
        margin:0px 0px 18px 0px;
    
    }
    
    .pdtext
    {
        margin:0px 0px 20px 0px;
        font-size:16px;
        color:#646262;
        letter-spacing: 0;
        line-height:1.7;
       font-weight: 500;
    
    }
    
      
    
    /* Click Me top fixed header button links to  */
    
    
    
      /* The popup form - hidden by default */
      .form-popup {
        display: none;
        position: fixed;
        z-index: 9;
        box-shadow:15px 20px 20px rgb(153, 144, 144);
        border-radius:15px;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        top:0px;
        left:0px;
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    
      }
      
      /* Add styles to the form container */
      .form-container {
        max-width: 400px;
        margin:80px auto;
        padding: 15px;
        background-color: white;
        border-radius:15px;
        font-size:14px;
      }
    
      /* Full-width input fields */
      .form-container input[type=text],.form-container input[type=Email],.form-container input[type=URL], .form-container select {
        width: 100%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none ;
        border-radius:5px;
        background: #f1f1f1;
    
      }
    
      .form-container select option
      {
          font-size:12.5px;
          font-weight:bold;
          color:rgb(7, 100, 7);
          
      }
      
      /* When the inputs get focus, do something */
      .form-container input[type=text]:focus,form-container input[type=URL]:focus,form-container input[type=Email]:focus, .form-container select:focus {
        background-color: #ddd;
        outline: none;
      }
      
      /* Set a style for the submit/login button */
      .form-container .btn {
        background-color: rgba(27, 233, 34, 0.979);
        color: rgba(245, 245, 245, 0.966);
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width: 48%;
        margin-bottom:10px;
        font-size:15px;
        margin-right:5px;
        opacity:0.8;
        font-weight:bold;
      }
      
      /* Add a red background color to the cancel button */
      .form-container .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        font-weight:bold;
        opacity:0.8;
        width:48%;
      }
      
      /* Add some hover effects to buttons */
      .form-container .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }


  .form-containerafter {
       max-width:600px;
    height: 571px;
    margin: 148px auto;
    padding: 15px;
    background-color: white;
    border-radius: 15px;
    font-size: 14px;
}
      
      .form-containerafter .btn {
          
    background-color: rgba(27, 233, 34, 0.979);
    color: rgba(245, 245, 245, 0.966);
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 16%;
    margin-bottom: 10px;
    font-size: 15px;
    opacity: 0.8;
    margin-right: 7px;
    font-weight: bold;
    border-radius: 20%;
    margin-top: 94px;
    margin-left: 100px;
        
}
      
      /* Add a red background color to the cancel button */
      .form-containerafter .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        width:16%;
        font-weight:bold;
        opacity:0.8;
        border-radius:20%;
          
          margin-left:10px !important;
      }
      
      /* Add some hover effects to buttons */
      .form-containerafter .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }
    

  }

  



































  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 660px) and  (max-width:767px)
  {

    .dropbtnside {
        background-color:rgb(9, 117, 105);
        color: white;
        /* padding: 16px;
        font-size: 16px; */
        padding: 25px 8px 10px 32px;
        text-decoration: none;
        font-size: 18px;
        color:  #ffffffe8;
        border:none;
        width: auto;
       
      }
      
      .dropdownside {
        position: relative;
        display: inline-block;
        border-bottom:1px solid grey;
        width:100%;
      }
      
      .dropdown-contentside {
        display: none;
        position: absolute;
        background-color: #4CAF50;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
      }
      
      .dropdown-contentside a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
      }
      
      .dropdown-contentside a:hover {background-color: #3a867d;}
      
      .dropdownside:hover .dropdown-contentside {display: block;}
      
     
    .gif
    {
        width:60%;
    }

/* For MEnu Button */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top:0;
    right: 0;
    background-color:rgb(9, 117, 105);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 70px;
    
  }
  
  .sidenav a {
    padding: 25px 8px 10px 32px;
    text-decoration: none;
    font-size: 18px;
    color:  #ffffffe8;
    display: block;
    border-bottom:1px solid grey;
    
  }
  .sidenav a:nth-child(1) {
   border:none;
  }
  
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  

      
    *
    {
        margin:0;
        padding:0;
        font-family:'Quicksand', sans-serif;
    }
    
    html,body{
        background-image: url(img/bg.png);
        background-size: auto;
        scroll-behavior: smooth;
       
    }
    #bizzbar {
        background: #075E54;
        width: 100%;
        text-align: center;
        color: #ffffffe8;
        font-family:'Quicksand', sans-serif;
        overflow: hidden;
        height: 33px;
        z-index: 1000;
        font-size: 14px;
        font-weight: bold;
        position: fixed;
        border-bottom: 3px solid rgb(255,255,255);
        box-shadow: 0 1px 5px rgba(0,0,0,.7);
        top:0;
    }
    
    #bizzbar button {
        -webkit-box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        background: #333;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: none;
        box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        color:#ffffffe5;
        font-family: 'Quicksand', sans-serif;
        cursor: pointer;
        font-size: 12px;
        margin: 0px 0px 0px 7px;
        outline: none;
        padding: 2px 10px 1px;
        margin-top: 1px;
        text-decoration: initial;
        height: 27px;
        font-weight: bold;
    }
    #bizzbar button:hover
    {
    
        background-color:rgb(17, 16, 16);
        
    }
    
    
    #Navheader
    {
    
    margin-top:34px;
    height:114px;
    width:100%;
    padding:30px 0px;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    background-color: #075E54;
    
    }
    #Navhead
    {
        margin-top:34px;
        height:114px;
        width:100%;
        padding:30px 0px;
        box-shadow: 0 0 20px rgba(0,0,0,.3);
        background-color: #075E54;
    }
    .inner-container
    {
        
        height:auto;
        margin:0px auto;
        width:100vw;
        content: "";
        clear: both;
        display: table;
    }
    .inner-container .logo
    {
        color: rgba(255, 255, 255, 0.973);
        font-family: 'Quicksand', sans-serif;
        width:auto;
        height:auto;
        float:left;
        margin-left:50px;
    }
   .inner-container .logo img {
    height: 86px;
    width: 160px;
    margin: -15px 5px;
    display: inline-block;
    vertical-align: top;
}
    .logo-text
    {
        width:auto;
        height:auto;
        margin-top:6px;
        line-height:19px;
        display:inline-block;
        vertical-align:top;
    }
    .logo-text a
    {
         color: rgba(255, 255, 255, 0.973); 
         text-decoration:none;
    }
    .logo-text a:hover
    {
         color: rgba(255, 236, 236, 0.973); 
         text-decoration:none;
    }
    
    .logo .logo-text span:first-child
    {
        font-size:23px;
        font-weight:bold;
    
    }
    .logo .logo-text span:nth-child(2)
    {
        font-size:11.7px;
        display:block;
        color:#ffffffbe;
        font-weight: 500;
    }
    .inner-container .list
    {
        float:right;
       margin-right:50px;
    }
    .dropbtn {
        background: rgb(7, 94, 84);
      color: #ffffffea;
      padding: 14px;
      font-size: 13px;
      cursor: pointer;
      border:none;
      font-weight:bold;
      
    }
 
    /* The container <div> - needed to position the dropdown content */
    .dropdown {
      position: relative;
      display: none;
    }
    
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    /* Links inside the dropdown */
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      font-size: 13px;
     
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: #f1f1f1da; text-decoration: none;}
    
    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
      display: block;
    }
    
    /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {
      background: rgb(5, 85, 76);
    }
    
    
    .ScrollStyle
    {
        max-height: 200px;
        overflow-y: scroll;
         border-radius: 5px; 
    }
    
    #loadmore-section
    {
        color:#828282;
        height:auto;
        padding:40px 0px;
        width:100%;
    } 
    #loadmore-container
    {
        margin:0px 50px;
         padding: 0px 95px;
     
    }
    .section-title
    {
       margin-bottom:35px;
       text-align:center;
    }
    .section-title h2
    {
        max-width: 100%;
        font-size: 19px;
        color: #5f5e5e;
        margin: 0;
        font-weight: bold;
        line-height: 140%;
        background-color: rgba(225, 245, 254, 0.92);
        border-radius: 7.5px;
        box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
        padding: 5px 12px 6px 12px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
        width: max-content;
        margin: 0 auto;
        margin-bottom:5px;
    }
    #loadmore-section small
    {
        text-align:center;
        font-size:12px;
        color: #646060;
        
    }
    
    .grid-container {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 35px;
      }
      
      
      .grid-container > a 
      {
        background-color: rgba(255, 255, 255, 0.932);
        text-align: center;
        border-radius:10px;
      }
      .grid-container > a:hover
      {
        text-decoration:none;
        background-color:#bef5aeef;
      }
      #loadmore-container .btn
      {
          width:100%;
      }
      #loadmore-container button{
       
        margin:37px auto;
        padding: 7px 15px;
        border-radius: 3px;
        border:0px;
        color: #ffffff;
        background-color: #4CAF50;
        font-size:12px;
        font-weight:bold;
      }
      .secs-grouplinks-text p,ul
      {
        color: #484f57;
        font-size: 16px;
        font-weight:bold;
        letter-spacing: .5px;
        text-align:left;
      }
    
    .sec3-grouplinks
    {
    margin-top:37px;
    margin-left:5px;
    }
    .sec4-grouplinks
    {
        margin-left:5px;
    }
    
    .back-to-top {
        cursor: pointer;
        display:none;
    }
    #buttontop
    {
     
      position:fixed;
      bottom:100px;
      right:30px; 
    }
    #buttontop .btn
    {
        width:50px;
        height:50px;
        border-radius:50%;
        border:none;
        background-color:rgba(14, 165, 147, 0.445);
        padding-top:15px;
    }
    #buttontop .btn:hover
    {
        background-color:#075E54;
        
    }
    
    #footer
    {
    
        width:100%;
        background-color:  #445a65;
        box-shadow:2px 0px 0px 0px #1f2427d5;
        display:table;
        content: " ";
        clear:left;
    }
    .footer-container
    {
     
        margin:20px 0px 20px 70px;
        float:left;
    }
    .footer-container ul 
    {
        content: "";
        clear: left;
        display: table;
    
    }
    
    .footer-container ul li:nth-child(1)
    {
        width:100%;
        padding-bottom:15px;
        text-align:left;
    }
    .footer-container ul li:nth-child(5)
    {
        width:100%;
        padding-top:15px;
        text-align:left;
    }
    .footer-container ul li
    {
        text-align:center;
        list-style-type: none;
        float:left;
        padding:0px 10px;
        font-size:14px;
        color:rgba(255, 255, 255, 0.8);
    }
    .heart
    {
     height:25px;
     width:25px;
    background-color:#075E54;
    border-radius:40%;
    }
    .footer-container ul li a
    {
        text-decoration:none;
        font-size:12px;
        letter-spacing: 1px;
        color:rgba(255, 255, 255, 0.8);
    }
    .footer-container ul li a:hover
    {
    
        font-size:13px;
        color:rgba(255, 255, 255, 0.986);
    }
     #myList a
      {
          
          display:block;
      }
    
       #myList2 a
    { 
        display:block;
    }
      
     
         .ScrollStyleafter
    {
        height:840px;
        overflow-y: scroll;
         border-radius: 5px; 
    }
      
    
                /*...............................For privacy and disclaimer ..................................*/
    
    .pdcontainer
    {
    height:auto;
     width:100%;
     padding:40px 40px;
     color:#828282;
     font-size:13px;
    
    }
    
    .incontainer
    {
    background-color:white;
    height:auto;
    width:100%;
    font-size:13px;
    padding:30px 35px;
    color:#828282;
    margin:0px auto;
    box-shadow:5px 5px rgba(51, 51, 51, 0.116);
    border-radius:5px;
    
    
    }
    
    .pdheading
    {
        font-size:19.5px;
        font-weight:bold;
        margin:0px 0px 18px 0px;
    
    }
    
    .pdtext
    {
        margin:0px 0px 20px 0px;
        font-size:16px;
        color:#646262;
        letter-spacing: 0;
        line-height:1.7;
       font-weight: 500;
    
    }
    
      
    
    /* Click Me top fixed header button links to  */
    
    
    
      /* The popup form - hidden by default */
      .form-popup {
        display: none;
        position: fixed;
        z-index: 9;
        box-shadow:15px 20px 20px rgb(153, 144, 144);
        border-radius:15px;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        top:0px;
        left:0px;
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    
      }
      
      /* Add styles to the form container */
      .form-container {
        max-width: 400px;
        margin:80px auto;
        padding: 15px;
        background-color: white;
        border-radius:15px;
        font-size:14px;
      }
    
      /* Full-width input fields */
      .form-container input[type=text],.form-container input[type=Email],.form-container input[type=URL], .form-container select {
        width: 100%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none ;
        border-radius:5px;
        background: #f1f1f1;
    
      }
    
      .form-container select option
      {
          font-size:12.5px;
          font-weight:bold;
          color:rgb(7, 100, 7);
          
      }
      
      /* When the inputs get focus, do something */
      .form-container input[type=text]:focus,form-container input[type=URL]:focus,form-container input[type=Email]:focus, .form-container select:focus {
        background-color: #ddd;
        outline: none;
      }
      
      /* Set a style for the submit/login button */
      .form-container .btn {
        background-color: rgba(27, 233, 34, 0.979);
        color: rgba(245, 245, 245, 0.966);
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width: 48%;
        margin-bottom:10px;
        font-size:15px;
        margin-right:5px;
        opacity:0.8;
        font-weight:bold;
      }
      
      /* Add a red background color to the cancel button */
      .form-container .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        font-weight:bold;
        opacity:0.8;
        width:48%;
      }
      
      /* Add some hover effects to buttons */
      .form-container .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }


     .form-containerafter {
       max-width: 657px;
    height: 571px;
    margin: 148px auto;
    padding: 15px;
    background-color: white;
    border-radius: 15px;
    font-size: 14px;
}
      
      .form-containerafter .btn {
          
    background-color: rgba(27, 233, 34, 0.979);
    color: rgba(245, 245, 245, 0.966);
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 18%;
    margin-bottom: 10px;
    font-size: 15px;
    opacity: 0.8;
    margin-right: 7px;
    font-weight: bold;
    border-radius: 20%;
    margin-top: 94px;
    margin-left: 200px;
        
}
      
      /* Add a red background color to the cancel button */
      .form-containerafter .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        width:18%;
        font-weight:bold;
        opacity:0.8;
        border-radius:20%;
          
          margin-left:10px !important;
      }
      
      /* Add some hover effects to buttons */
      .form-containerafter .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }
   

  }

  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) and (max-width:991px)
  {

    .gif
    {
        width:60%;
    }

    #mySidenav,.navhide
    {
        display:none;
    }
      
    *
    {
        margin:0;
        padding:0;
        font-family:'Quicksand', sans-serif;
    }
    
    html,body{
        background-image: url(img/bg.png);
        background-size: auto;
        scroll-behavior: smooth;
       
    }
    #bizzbar {
        background: #075E54;
        width: 100%;
        text-align: center;
        color: #ffffffe8;
        font-family:'Quicksand', sans-serif;
        overflow: hidden;
        height: 33px;
        z-index: 1000;
        font-size: 14px;
        font-weight: bold;
        position: fixed;
        border-bottom: 3px solid rgb(255,255,255);
        box-shadow: 0 1px 5px rgba(0,0,0,.7);
        top:0;
    }
    
    #bizzbar button {
        -webkit-box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        background: #333;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: none;
        box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        color:#ffffffe5;
        font-family: 'Quicksand', sans-serif;
        cursor: pointer;
        font-size: 12px;
        margin: 0px 0px 0px 7px;
        outline: none;
        padding: 2px 10px 1px;
        margin-top: 1px;
        text-decoration: initial;
        height: 27px;
        font-weight: bold;
    }
    #bizzbar button:hover
    {
    
        background-color:rgb(17, 16, 16);
        
    }
    
    
    #Navheader
    {
    
    margin-top:34px;
    height:114px;
    width:100%;
    padding:30px 0px;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    background-color: #075E54;
    
    }
    #Navhead
    {
        margin-top:34px;
        height:114px;
        width:100%;
        padding:30px 0px;
        box-shadow: 0 0 20px rgba(0,0,0,.3);
        background-color: #075E54;
    }
    .inner-container
    {
        
        height:auto;
        margin:0px auto;
        width:100vw;
        content: "";
        clear: both;
        display: table;
    }
    .inner-container .logo
    {
        color: rgba(255, 255, 255, 0.973);
        font-family: 'Quicksand', sans-serif;
        width:auto;
        height:auto;
        float:left;
        margin-left:50px;
    }
  .inner-container .logo img {
    height: 86px;
    width: 160px;
    margin: -15px 5px;
    display: inline-block;
    vertical-align: top;
}
    .logo-text
    {
        width:auto;
        height:auto;
        margin-top:6px;
        line-height:19px;
        display:inline-block;
        vertical-align:top;
    }
    .logo-text a
    {
         color: rgba(255, 255, 255, 0.973); 
         text-decoration:none;
    }
    .logo-text a:hover
    {
         color: rgba(255, 236, 236, 0.973); 
         text-decoration:none;
    }
    
    .logo .logo-text span:first-child
    {
        font-size:23px;
        font-weight:bold;
    
    }
    .logo .logo-text span:nth-child(2)
    {
        font-size:11.7px;
        display:block;
        color:#ffffffbe;
        font-weight: 500;
    }
    .inner-container .list
    {
        float:right;
       margin-right:50px;
    }
    .dropbtn {
        background: rgb(7, 94, 84);
      color: #ffffffea;
      padding: 14px;
      font-size: 13px;
      cursor: pointer;
      border:none;
      font-weight:bold;
      
    }
 
    /* The container <div> - needed to position the dropdown content */
    .dropdown {
      position: relative;
      display: inline-block;
    }
    
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    /* Links inside the dropdown */
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      font-size: 13px;
     
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: #f1f1f1da; text-decoration: none;}
    
    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
      display: block;
    }
    
    /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {
      background: rgb(5, 85, 76);
    }
    
    
    .ScrollStyle
    {
        max-height: 200px;
        overflow-y: scroll;
         border-radius: 5px; 
    }
    
    #loadmore-section
    {
        color:#828282;
        height:auto;
        padding:40px 0px;
        width:100%;
    } 
    #loadmore-container
    {
        margin:0px 90px;
        padding: 0px 95px;
     
    }
    .section-title
    {
       margin-bottom:35px;
       text-align:center;
    }
    .section-title h2
    {
        max-width: 100%;
        font-size: 19px;
        color: #5f5e5e;
        margin: 0;
        font-weight: bold;
        line-height: 140%;
        background-color: rgba(225, 245, 254, 0.92);
        border-radius: 7.5px;
        box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
        padding: 5px 12px 6px 12px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
        width: max-content;
        margin: 0 auto;
        margin-bottom:5px;
    }
    #loadmore-section small
    {
        text-align:center;
        font-size:12px;
        color: #646060;
        
    }
    
    .grid-container {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 35px;
      }
      
      
      .grid-container > a 
      {
        background-color: rgba(255, 255, 255, 0.932);
        text-align: center;
        border-radius:10px;
      }
      .grid-container > a:hover
      {
        text-decoration:none;
        background-color:#bef5aeef;
      }
      #loadmore-container .btn
      {
          width:100%;
      }
      #loadmore-container button{
       
        margin:37px auto;
        padding: 7px 15px;
        border-radius: 3px;
        border:0px;
        color: #ffffff;
        background-color: #4CAF50;
        font-size:12px;
        font-weight:bold;
      }
      .secs-grouplinks-text p,ul
      {
        color: #484f57;
        font-size: 16px;
        font-weight:bold;
        letter-spacing: .5px;
        text-align:left;
      }
    
    .sec3-grouplinks
    {
    margin-top:37px;
    margin-left:5px;
    }
    .sec4-grouplinks
    {
        margin-left:5px;
    }
    
    .back-to-top {
        cursor: pointer;
        display:none;
    }
    #buttontop
    {
     
      position:fixed;
      bottom:100px;
      right:30px; 
    }
    #buttontop .btn
    {
        width:50px;
        height:50px;
        border-radius:50%;
        border:none;
        background-color:rgba(14, 165, 147, 0.445);
        padding-top:15px;
    }
    #buttontop .btn:hover
    {
        background-color:#075E54;
        
    }
    
    #footer
    {
    
        width:100%;
        background-color:  #445a65;
        box-shadow:2px 0px 0px 0px #1f2427d5;
        display:table;
        content: " ";
        clear:left;
    }
    .footer-container
    {
     
        margin:20px 0px 20px 80px;
        float:left;
    }
    .footer-container ul 
    {
        content: "";
        clear: left;
        display: table;
    }
    
    .footer-container ul li:nth-child(1)
    {
        width:100%;
        padding-bottom:15px;
    }
    .footer-container ul li
    {
        text-align:center;
        list-style-type: none;
        float:left;
        padding:0px 10px;
        font-size:14px;
        color:rgba(255, 255, 255, 0.8);
    }
    .heart
    {
     height:25px;
     width:25px;
    background-color:#075E54;
    border-radius:40%;
    }
    .footer-container ul li a
    {
        text-decoration:none;
        font-size:12px;
        letter-spacing: 1px;
        color:rgba(255, 255, 255, 0.8);
    }
    .footer-container ul li a:hover
    {
    
        font-size:13px;
        color:rgba(255, 255, 255, 0.986);
    }
    #myList a
      {
          
          display:block;
      }
    
       #myList2 a
    { 
        display:block;
    }
      
     
         .ScrollStyleafter
    {
        height:840px;
        overflow-y: scroll;
         border-radius: 5px; 
    }
      
    
                /*...............................For privacy and disclaimer ..................................*/
    
    .pdcontainer
    {
        height:auto;
     width:100%;
     padding:40px 40px;
     color:#828282;
     font-size:13px;
    
    }
    
    .incontainer
    {
    background-color:white;
    height:auto;
    width:100%;
    font-size:13px;
    padding:30px 35px;
    color:#828282;
    margin:0px auto;
    box-shadow:5px 5px rgba(51, 51, 51, 0.116);
    border-radius:5px;
    
    
    }
    
    .pdheading
    {
        font-size:19.5px;
        font-weight:bold;
        margin:0px 0px 18px 0px;
    
    }
    
    .pdtext
    {
        margin:0px 0px 20px 0px;
        font-size:16px;
        color:#646262;
        letter-spacing: 0;
        line-height:1.7;
       font-weight: 500;
    
    }
    
      
    
    /* Click Me top fixed header button links to  */
    
    
    
      /* The popup form - hidden by default */
      .form-popup {
        display: none;
        position: fixed;
        z-index: 9;
        box-shadow:15px 20px 20px rgb(153, 144, 144);
        border-radius:15px;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        top:0px;
        left:0px;
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    
      }
      
      /* Add styles to the form container */
      .form-container {
        max-width: 400px;
        margin:80px auto;
        padding: 15px;
        background-color: white;
        border-radius:15px;
        font-size:14px;
      }
    
      /* Full-width input fields */
      .form-container input[type=text],.form-container input[type=Email],.form-container input[type=URL], .form-container select {
        width: 100%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none ;
        border-radius:5px;
        background: #f1f1f1;
    
      }
    
      .form-container select option
      {
          font-size:12.5px;
          font-weight:bold;
          color:rgb(7, 100, 7);
          
      }
      
      /* When the inputs get focus, do something */
      .form-container input[type=text]:focus,form-container input[type=URL]:focus,form-container input[type=Email]:focus, .form-container select:focus {
        background-color: #ddd;
        outline: none;
      }
      
      /* Set a style for the submit/login button */
      .form-container .btn {
        background-color: rgba(27, 233, 34, 0.979);
        color: rgba(245, 245, 245, 0.966);
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width: 48%;
        margin-bottom:10px;
        font-size:15px;
        margin-right:5px;
        opacity:0.8;
        font-weight:bold;
      }
      
      /* Add a red background color to the cancel button */
      .form-container .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        font-weight:bold;
        opacity:0.8;
        width:48%;
      }
      
      /* Add some hover effects to buttons */
      .form-container .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }
    
    

      .form-containerafter {
       max-width: 657px;
    height: 571px;
    margin: 148px auto;
    padding: 15px;
    background-color: white;
    border-radius: 15px;
    font-size: 14px;
}
      
      .form-containerafter .btn {
          
    background-color: rgba(27, 233, 34, 0.979);
    color: rgba(245, 245, 245, 0.966);
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 18%;
    margin-bottom: 10px;
    font-size: 15px;
    opacity: 0.8;
    margin-right: 7px;
    font-weight: bold;
    border-radius: 20%;
    margin-top: 94px;
    margin-left: 218px;
        
}
      
      /* Add a red background color to the cancel button */
      .form-containerafter .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        width:18%;
        font-weight:bold;
        opacity:0.8;
        border-radius:20%;
          
          margin-left:10px !important;
      }
      
      /* Add some hover effects to buttons */
      .form-containerafter .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }
   

  } 

  


































  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) 
  
  
  {

    .gif
    {
        width:50%;
    }

    #mySidenav,.navhide
    {
        display:none;
    }

    *
    {
        margin:0;
        padding:0;
        font-family:'Quicksand', sans-serif;
       
    
    }
    
    html, body{
        background-image: url(img/bg.png);
        background-size: auto;
        scroll-behavior: smooth;
    }
    #bizzbar {
        background: #075E54;
        width: 100%;
        text-align: center;
        color: #ffffffe8;
        font-family:'Quicksand', sans-serif;
        overflow: hidden;
        height: 33px;
        z-index: 1000;
        font-size: 14px;
        font-weight: bold;
        position: fixed;
        border-bottom: 3px solid rgb(255,255,255);
        box-shadow: 0 1px 5px rgba(0,0,0,.7);
        top:0;
    }
    
    #bizzbar button {
        -webkit-box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        background: #333;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: none;
        box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        color:#ffffffe5;
        font-family: 'Quicksand', sans-serif;
        cursor: pointer;
        font-size: 12px;
        margin: 0px 0px 0px 7px;
        outline: none;
        padding: 2px 10px 1px;
        margin-top: 1px;
        text-decoration: initial;
        height: 27px;
        font-weight: bold;
    }
    #bizzbar button:hover
    {
    
        background-color:rgb(17, 16, 16);
        
    }
    
    
    #Navheader
    {
    margin-top:34px;
    height:114px;
    width:100%;
    padding:30px 0px;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    background-color: #075E54;
    
    }
    .inner-container
    {
    
        height:auto;
        margin:0px auto;
        width:100%;
        content: "";
        clear: both;
        display: table;
    }
    .inner-container .logo
    {
        color: rgba(255, 255, 255, 0.973);
        font-family: 'Quicksand', sans-serif;
        width:auto;
        height:auto;
        float:left;
        margin-left:50px;
    }
    .inner-container .logo img {
    height: 86px;
    width: 160px;
    margin: -15px 5px;
    display: inline-block;
    vertical-align: top;
}
    .logo-text
    {
        width:auto;
        height:auto;
        margin-top:6px;
        line-height:19px;
        display:inline-block;
        vertical-align:top;
    }
    .logo-text a
    {
         color: rgba(255, 255, 255, 0.973); 
         text-decoration:none;
    }
    .logo-text a:hover
    {
         color: rgba(255, 236, 236, 0.973); 
         text-decoration:none;
    }
    
    .logo .logo-text span:first-child
    {
        font-size:23px;
        font-weight:bold;
    
    }
    .logo .logo-text span:nth-child(2)
    {
        font-size:11.7px;
        display:block;
        color:#ffffffbe;
        font-weight: 500;
    }
    .inner-container .list
    {
        float:right;
       margin-right:50px;
    }
    .dropbtn {
        background: rgb(7, 94, 84);
      color: #ffffffea;
      padding: 14px;
      font-size: 13px;
      cursor: pointer;
      border:none;
      font-weight:bold;
      
    }
 
    /* The container <div> - needed to position the dropdown content */
    .dropdown {
      position: relative;
      display: inline-block;
    }
    
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    /* Links inside the dropdown */
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      font-size: 13px;
     
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: #f1f1f1da; text-decoration: none;}
    
    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
      display: block;
    }
    
    /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {
      background: rgb(5, 85, 76);
    }
    
    
    .ScrollStyle
    {
        max-height: 200px;
        overflow-y: scroll;
        border-radius: 5px;
    }
    
    #loadmore-section
    {
        color:#828282;
        height:auto;
        padding:40px 0px;
        width:100%;
    } 
    #loadmore-container
    {
        margin:0px 90px;
     padding: 0px 95px;
     
    }
    .section-title
    {
       margin-bottom:35px;
       text-align:center;
    }
    .section-title h2
    {
        max-width: 100%;
        font-size: 19px;
        color: #5f5e5e;
        margin: 0;
        font-weight: bold;
        line-height: 140%;
        background-color: rgba(225, 245, 254, 0.92);
        border-radius: 7.5px;
        box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
        padding: 5px 12px 6px 12px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
        width: max-content;
        margin: 0 auto;
        margin-bottom:5px;
    }
    #loadmore-section small
    {
        text-align:center;
        font-size:12px;
        color: #646060;
        
    }
    
    .grid-container {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 30px;
      }
      
      
      .grid-container > a 
      {
        background-color: rgba(255, 255, 255, 0.932);
        text-align: center;
        border-radius:10px;
      }
      .grid-container > a:hover
      {
        text-decoration:none;
        background-color:#bef5aeef;
      }
      #loadmore-container .btn
      {
          width:100%;
      }
      #loadmore-container button{
       
        margin:37px auto;
        padding: 7px 15px;
        border-radius: 3px;
        border:0px;
        color: #ffffff;
        background-color: #4CAF50;
        font-size:12px;
        font-weight:bold;
      }
      .secs-grouplinks-text p,ul
      {
        color: #484f57;
        font-size: 16px;
        font-weight:bold;
        letter-spacing: .5px;
        text-align:left;
      }
    
    .sec3-grouplinks
    {
    margin-top:37px;
    margin-left:5px;
    }
    .sec4-grouplinks
    {
        margin-left:5px;
    }
    
    .back-to-top {
        cursor: pointer;
        display:none;
    }
    #buttontop
    {
      
      
      position:fixed;
      bottom:70px;
      right:30px; 
    }
    #buttontop .btn
    {
        width:50px;
        height:50px;
        border-radius:50%;
        border:none;
        background-color:rgba(14, 165, 147, 0.445);
        padding-top:15px;
    }
    #buttontop .btn:hover
    {
        background-color:#075E54;
        
    }
    
    #footer
    {
    
        width:100%;
        background-color:  #445a65;
        box-shadow:2px 0px 0px 0px #1f2427d5;
        display:table;
        content: " ";
        clear:left;
    }
    .footer-container
    {
     
        margin:20px 0px 20px 90px;
        float:left;
    }
    .footer-container ul 
    {
        content: "";
        clear: left;
        display: table;
    }
    
    .footer-container ul li
    {
        text-align:center;
        list-style-type: none;
        float:left;
        padding:0px 10px;
        font-size:14px;
        color:rgba(255, 255, 255, 0.8);
    }

    .heart
    {
     height:25px;
     width:25px;
    background-color:#075E54;
    border-radius:40%;
    }
    .footer-container ul li a
    {
        text-decoration:none;
        font-size:12px;
        letter-spacing: 1px;
        color:rgba(255, 255, 255, 0.8);
    }
    .footer-container ul li a:hover
    {
    
        font-size:13px;
        color:rgba(255, 255, 255, 0.986);
    }
     #myList a
      {
          
          display:block;
      }
    
       #myList2 a
    { 
        display:block;
    }
      
    
         .ScrollStyleafter
    {
        height:840px;
        overflow-y: scroll;
         border-radius: 5px; 
    }
      
                /*...............................For privacy and disclaimer ..................................*/
    
    .pdcontainer
    {
     height:auto;
     width:100%;
     padding:40px 40px;
     color:#828282;
     font-size:13px;
    
    }
    
    .incontainer
    {
        background-color:white;
    height:auto;
    width:100%;
    font-size:13px;
    padding:30px 35px;
    color:#828282;
    margin:0px auto;
    box-shadow:5px 5px rgba(51, 51, 51, 0.116);
    border-radius:5px;
    
    
    }
    
    .pdheading
    {
        font-size:19.5px;
        font-weight:bold;
        margin:0px 0px 18px 0px;
    
    }
    
    .pdtext
    {
        margin:0px 0px 20px 0px;
        font-size:16px;
        color:#646262;
        letter-spacing: 0;
        line-height:1.7;
       font-weight: 500;
    
    }
    
      
    
    /* Click Me top fixed header button links to  */
    
    
    
      /* The popup form - hidden by default */
      .form-popup {
        display: none;
        position: fixed;
        z-index: 9;
        box-shadow:15px 20px 20px rgb(153, 144, 144);
        border-radius:15px;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        top:0px;
        left:0px;
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    
      }
      
      /* Add styles to the form container */
      .form-container {
        max-width: 500px;
        margin:80px auto;
        padding: 15px;
        background-color: white;
        border-radius:15px;
        font-size:14px;
      }
    
      /* Full-width input fields */
      .form-container input[type=text],.form-container input[type=Email],.form-container input[type=URL], .form-container select {
        width: 100%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none ;
        border-radius:5px;
        background: #f1f1f1;
    
      }
    
      .form-container select option
      {
          font-size:12.5px;
          font-weight:bold;
          color:rgb(7, 100, 7);
          
      }
      
      /* When the inputs get focus, do something */
      .form-container input[type=text]:focus,form-container input[type=URL]:focus,form-container input[type=Email]:focus, .form-container select:focus {
        background-color: #ddd;
        outline: none;
      }
      
      /* Set a style for the submit/login button */
      .form-container .btn {
        background-color: rgba(27, 233, 34, 0.979);
        color: rgba(245, 245, 245, 0.966);
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width: 48%;
        margin-bottom:10px;
        font-size:15px;
        opacity:0.8;
        margin-right:7px;
        font-weight:bold;
      }
      
      /* Add a red background color to the cancel button */
      .form-container .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        width:48%;
        font-weight:bold;
        opacity:0.8;
      }
      
      /* Add some hover effects to buttons */
      .form-container .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }
    
   
      .form-containerafter {
    max-width: 800px;
    height: 750px;
    margin: 148px auto;
    padding: 15px;
    background-color: white;
    border-radius: 15px;
    font-size: 14px;
}
      
      .form-containerafter .btn {
          
    background-color: rgba(27, 233, 34, 0.979);
    color: rgba(245, 245, 245, 0.966);
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 18%;
    margin-bottom: 10px;
    font-size: 15px;
    opacity: 0.8;
    margin-right: 7px;
    font-weight: bold;
    border-radius: 20%;
    margin-top: 118px;
    margin-left: 230px;
        
}
      
      /* Add a red background color to the cancel button */
      .form-containerafter .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        width:18%;
        font-weight:bold;
        opacity:0.8;
        border-radius:20%;
          
          margin-left:10px !important;
      }
      
      /* Add some hover effects to buttons */
      .form-containerafter .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }

    

  } 
  







































  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) 
  
  {
    
.gif
      {
          width:40%;
      }
    #mySidenav,.navhide
    {
        display:none;
    }
      
    *
    {
        margin:0;
        padding:0;
        font-family:'Quicksand', sans-serif;
       
    
    }
    
    html, body{
        background-image: url(img/bg.png);
        background-size: auto;
        scroll-behaviour: smooth;
    }
    #bizzbar {
        background: #075E54;
        width: 100%;
        text-align: center;
        color: #ffffffe8;
        font-family:'Quicksand', sans-serif;
        overflow: hidden;
        height: 33px;
        z-index: 1000;
        font-size: 14px;
        font-weight: bold;
        position: fixed;
        border-bottom: 3px solid rgb(255,255,255);
        box-shadow: 0 1px 5px rgba(0,0,0,.7);
        top:0;
    }
    
    #bizzbar button {
        -webkit-box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        background: #333;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: none;
        box-shadow: rgba(0,0,0,0.278431) 1px 1px 3px;
        color:#ffffffe5;
        font-family: 'Quicksand', sans-serif;
        cursor: pointer;
        font-size: 12px;
        margin: 0px 0px 0px 7px;
        outline: none;
        padding: 2px 10px 1px;
        margin-top: 1px;
        text-decoration: initial;
        height: 27px;
        font-weight: bold;
    }
    #bizzbar button:hover
    {
    
        background-color:rgb(17, 16, 16);
        
    }
    
    
    #Navheader
    {
    /* margin-top:34px; */
    height:95px;
    width:100%;
    padding:30px 0px;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    background-color: #075E54;
    
    
    }
    .inner-container
    {
    
        height:auto;
        margin:0px auto;
        width:100%;
        content: "";
        clear: both;
        display: table;
    }
    .inner-container .logo
    {
        color: rgba(255, 255, 255, 0.973);
        font-family: 'Quicksand', sans-serif;
        width:auto;
        height:auto;
        float:left;
    
    }
   .inner-container .logo img {
    height: 80px;
    width:160px;
       
}
    
    .logo span
    {
       
     font-size:23px;
     font-weight:bold; 
    
    }
   
    .inner-container .list
    {
        float:right;
        
    }
    
    .dropbtn {
        background: rgb(7, 94, 84);
      color: #ffffffea;
      padding: 14px;
      font-size: 13px;
      cursor: pointer;
      border:none;
      font-weight:bold;
      
    }
    
    
    /* The container <div> - needed to position the dropdown content */
    .dropdown {
      position: relative;
      display: inline-block;
    }
    
    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    /* Links inside the dropdown */
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      font-size: 13px;
     
    }
    
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: #f1f1f1da; text-decoration: none;}
    
    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
      display: block;
    }
    
    /* Change the background color of the dropdown button when the dropdown content is shown */
    .dropdown:hover .dropbtn {
      background: rgb(5, 85, 76);
    }
    
    
     .ScrollStyle
    {
        max-height: 200px;
        overflow-y: scroll;
        border-radius: 5px; 
    }
   
    
    #loadmore-section
    {
        color:#828282;
        height:auto;
        padding:40px 0px;
        width:100%;
    } 
    #loadmore-container
    {
        margin:0px 90px;
        padding: 0px 180px;
     
    }
    .section-title
    {
       margin-bottom:35px;
       text-align:center;
    }
    .section-title h2
    {
        max-width: 100%;
        font-size: 19px;
        color: #5f5e5e;
        margin: 0;
        font-weight: bold;
        line-height: 140%;
        background-color: rgba(225, 245, 254, 0.92);
        border-radius: 7.5px;
        box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
        padding: 5px 12px 6px 12px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
        width: max-content;
        margin: 0 auto;
        margin-bottom:5px;
    }
    #loadmore-section small
    {
        text-align:center;
        font-size:12px;
        color: #646060;
        
    }
    
    .grid-container {
        display: grid;
        grid-template-columns: auto auto auto auto;
        grid-gap: 20px;
       
      }
      
      
      .grid-container > a 
      {
        background-color: rgba(255, 255, 255, 0.932);
        text-align: center;
        border-radius:10px;
          
          
      }
      .grid-container > a:hover
      {
        text-decoration:none;
        background-color:#bef5aeef;
      }
      #loadmore-container .btn
      {
          width:100%;
      }
      #loadmore-container button{
       
        margin:37px auto;
        padding: 7px 15px;
        border-radius: 3px;
        border:0px;
        color: #ffffff;
        background-color: #4CAF50;
        font-size:12px;
        font-weight:bold;
      }
      .secs-grouplinks-text p,ul
      {
        color: #484f57;
        font-size: 16px;
        font-weight:bold;
        letter-spacing: .5px;
      }
    
    .sec3-grouplinks
    {
    margin-top:37px;
    margin-left:5px;
    }
    .sec4-grouplinks
    {
        margin-left:5px;
    }
    
    .back-to-top {
        cursor: pointer;
        display:none;
    }
    #buttontop
    {
      
      
      position:fixed;
      bottom:70px;
      right:30px; 
    }
    #buttontop .btn
    {
        width:50px;
        height:50px;
        border-radius:50%;
        border:none;
        background-color:rgba(14, 165, 147, 0.445);
        padding-top:15px;
    }
    #buttontop .btn:hover
    {
        background-color:#075E54;
        
    }
    
    #footer
    {
    
        
        background-color:  #445a65;
        box-shadow:2px 0px 0px 0px #1f2427d5;
        display:table;
        content: " ";
        clear:left;
        width:100%;
    }
    .footer-container
    {
     
        margin:20px 0px 20px 90px;
        float:left;
    }
    .footer-container ul 
    {
        content: "";
        clear: left;
        display: table;
    }
    
    .footer-container ul li
    {
        text-align:center;
        list-style-type: none;
        float:left;
        padding:0px 10px;
        font-size:14px;
        color:rgba(255, 255, 255, 0.8);
    }
    .heart
    {
     height:25px;
     width:25px;
    background-color:#075E54;
    border-radius:40%;
    }
    .footer-container ul li a
    {
        text-decoration:none;
        font-size:12px;
        letter-spacing: 1px;
        color:rgba(255, 255, 255, 0.8);
    }
    .footer-container ul li a:hover
    {
    
        font-size:13px;
        color:rgba(255, 255, 255, 0.986);
    }
    
    #myList a
      {
          
          display:block;
      }
    
       #myList2 a
    { 
        display:block;
    }
      
         .ScrollStyleafter
    {
        height:840px;
        overflow-y: scroll;
         border-radius: 5px; 
    }
      
                /*................. for privacy and disclaimer ..................................*/
    
    .pdcontainer
    {
     height:auto;
     width:100%;
     padding:40px 40px;
     color:#828282;
     font-size:13px;
    }
    
    .incontainer
    {
     background-color:white;
    height:auto;
    width:100%;
    font-size:13px;
    padding:30px 35px;
    color:#828282;
    margin:0px auto;
    box-shadow:5px 5px rgba(51, 51, 51, 0.116);
    border-radius:5px;
    
    
    }
    
    .pdheading
    {
        font-size:19.5px;
        font-weight:bold;
        margin:0px 0px 18px 0px;
    
    }
    
    .pdtext
    {
        margin:0px 0px 20px 0px;
        font-size:16px;
        color:#646262;
        letter-spacing: 0;
        line-height:1.7;
       font-weight: 500;
    
    }
    
      
    
    /* Click Me top fixed header button links to  */
    
    
    
      /* The popup form - hidden by default */
      .form-popup {
        display: none;
        position: fixed;
        z-index: 9;
        box-shadow:15px 20px 20px rgb(153, 144, 144);
        border-radius:15px;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        top:0px;
        left:0px;
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    
      }
      
      /* Add styles to the form container */
      .form-container {
       max-width: 872px;
       margin:80px auto;
        padding: 15px;
        background-color: white;
        border-radius:15px;
        font-size:14px;
      }
      
      .form-containerafter {
    max-width: 800px;
    height: 750px;
    margin: 148px auto;
    padding: 15px;
    background-color: white;
    border-radius: 15px;
    font-size: 14px;
}
      
      .form-containerafter .btn {
          
    background-color: rgba(27, 233, 34, 0.979);
    color: rgba(245, 245, 245, 0.966);
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 18%;
    margin-bottom: 10px;
    font-size: 15px;
    opacity: 0.8;
    margin-right: 7px;
    font-weight: bold;
    border-radius: 20%;
    margin-top: 118px;
    margin-left: 230px;
        
}
      
      /* Add a red background color to the cancel button */
      .form-containerafter .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        width:18%;
        font-weight:bold;
        opacity:0.8;
        border-radius:20%;
          
          margin-left:10px !important;
      }
      
      /* Add some hover effects to buttons */
      .form-containerafter .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }
      
    
    
      /* Full-width input fields */
      .form-container input[type=text],.form-container input[type=Email],.form-container input[type=URL], .form-container select {
        width: 100%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none ;
        border-radius:5px;
        background: #f1f1f1;
    
      }
    
      .form-container select option
      {
          font-size:12.5px;
          font-weight:bold;
          color:rgb(7, 100, 7);
          
      }
      
      /* When the inputs get focus, do something */
      .form-container input[type=text]:focus,form-container input[type=URL]:focus,form-container input[type=Email]:focus, .form-container select:focus {
        background-color: #ddd;
        outline: none;
      }
      
      /* Set a style for the submit/login button */
      .form-container .btn {
        background-color: rgba(27, 233, 34, 0.979);
        color: rgba(245, 245, 245, 0.966);
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width: 48%;
        margin-bottom:10px;
        font-size:15px;
        opacity:0.8;
        margin-right:7px;
        font-weight:bold;
      }
      
      /* Add a red background color to the cancel button */
      .form-container .cancel {
        background-color: rgb(223, 8, 8);
        font-size:15px;
        width:48%;
        font-weight:bold;
        opacity:0.8;
      }
      
      /* Add some hover effects to buttons */
      .form-container .btn:hover,   .form-container .cancel:hover {
        opacity: 1;
        color:whitesmoke;
      }
      
      
    
      
      

    

  }