*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    scroll-behavior: smooth;
}

.foot .right{
  text-align: center;
}



/* Alerter-code Redsign-navbar(S) */
 
svg.line-top {
	width: 100%;
	/* background-color: #17141d; */
}
svg.line-bottom {
	width: 100%;
}
.menu {
  	width: 750px;
    height: 70px;
	  margin: 0 auto;
}
ul {
	padding: 0;
	margin: 0;
}

ul #me  {
	margin: 0;
	/* padding: 10px 0 24px 0; */
	width: 25%;
	height: 10px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: black;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 3.5px;
	transition: all 0.5s ease-out;
}

#me.active {
	color: #3163ff;
	transform: scale(1.1);
}
.menu ul li a{
  text-decoration: none;
}
polygon {
	stroke-width: 2px;
	stroke: black;
	fill: #2f60ff;
}

/* Alerter-code(E) */
.hea{
    margin: 10px;
    /* border: 1px solid red; */
    padding-left: 70px;
    
    
    
  }

  
/* empty-bar(S) */
 

 .fiex #navbarCollapse a {
  
  font-family: 'Gill Sans MT';
  

}

#position .empty{
  width: 100%;
  height: 20px;
  /* border: 1px solid red; */
  background-color: #0072B9;
  position: relative;
  bottom: 0.6px;


}

.foot .social a {
  color: white !important;

}

.foot .social a:hover{
  background-color: black !important;
  color: white !important;
}
.buton .btn:hover {
  
  color: black !important;
  background-color: #5352ed;
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
 
  transform: translateY(-7px);

}
.buton .btn{
  background-color: #5352ed;
  color: white !important;
  transition: all 0.3s ease 0s;
  /* box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1) ; */
}

/* References 2(S) */



.navbar-toggler-icon{
  /* border: 1px solid red; */

}
.navbar-toggler-icon .bars{
  color: black;
  font-size: 30px;
}
/* empty-bar(E) */
 /* References 2(E) */

  
  .hea p{
    margin: 0 ;
  }
  
  .privacy{
    /* border: 1px solid red; */
    display: flex;
    flex-direction: column;
    padding: 10px 0;
  }
  
  .privacy .nav-item a{
    padding: 10px 0;
  }
  
  .under:hover{
    text-decoration: underline;
  }

  #bottom h6{
    font-weight: bold;
    text-decoration: underline;
    
  
   }

   #bottom p{
    font-size: 14px;
   }



  


    /* navbar-text  (S) */
    .nav-item{
        font-size: 20px;
        font-weight: bolder;
        margin: 0 20px;
       }
       a {
        color: white!important;
        text-decoration: none ;
        
      }
      a:hover {
         color: black !important;
        text-decoration: underline;
      }

      .foot a:hover{
        color: black!important;
       }
         
         .text-primary {
            color: white !important;
         }
       
       
       
       /* navbar-text (E) */

       /* footer-iso-img(S) */
      

       .certify img{
        /* border: 1px solid red; */
        width: 80px;
        height: 80px;
      margin: 10px;
        border-radius: 60px;
       }
      /* footer-iso-img(E) */
       
        /* nav-bar-positioning-and-styling(S) */
    
    
        #position{
            /* border: 1px solid red; */
            width: 100%;
            height: 20%;
            position: fixed;
            top: 0;
            z-index: 2;
    
    
        }
        
        
       
    
        .foot{
            
            position: relative;
            
            z-index: 0;
            /* background-color: black; */
        }
    /* .fiex{
        
   
        background: #000;
    
    } */
    
     
    .f-logo img{
       
        width: 100px;
        height: 100px;
    }
    

.navbar-brand {
    position: relative;
    left: 20px;
    width: 80px;
    height: 80px;

}
    
    #logo{
        
        height: 100%;
        
    }
    
    .navbar{
        
        background-color: #00afef!important;
        position: relative;
        bottom: 0.7px;
    }
    .change{
       
        background-color: #0072B9!important;
        font: 400 10px "Lato", sans-serif;
        font-size: 15px;
    }
    .change p{
        font-weight: lighter;
      
      }
    
    .text-white{
        
        background-color: #0072B9!important;
    }
       /* nav-bar-positioning-and-styling(E) */
    
       .terms{
       
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 190px;
       }
       .terms .heading{
        /* border: 1px solid cyan; */
        width: 100%;
        text-align: center;


       }
       .terms .heading h1{
        font-weight: bold;

       }
       .terms  .paragaraph{
        padding: 20px 10%;
       }

       .terms  .paragaraph h4{
        font-size: 20px;
        font-weight: bold;
       }

       @media screen and (min-device-width:320px) and (max-device-width:480px) {
        .foot .right{
          text-align: start;
        }

        /* Refrences(s) */
  
  .change{
    padding-top: 3px !important;
    padding-bottom: 3px !important;

    
  }
  .change .change2 p,.change3{
    margin-bottom: 0 !important;
  }
  #position .empty{
    height: 10px;
  }

/* Refrences(e) */

        #bottom{
            display: none;
        }
        .navbar{
            position: relative;
            bottom: 0.8px;
                }

                .terms{
                    margin-top: 170px;
                }

                .terms .heading h1{
                    font-size: 30px;
            
                   }   

                   .navbar-brand {
                    left: 0;
                   }
       }
       @media screen and (min-device-width:481px) and (max-device-width:768px) {

        .foot .right{
          text-align: start;
        }
        .change{
          padding-top: 3px !important;
          padding-bottom: 3px !important;
      
          
        }
        #position .empty{
          height: 15px;
        }
            .terms{
                    margin-top: 190px;
                }
                .certify img{
                    width: 100px;
                    height: 100px;
                }

       }
       @media screen and (min-device-width:769px) and (max-device-width:998px) {
        .change{
          padding-top: 4.5px !important;
          padding-bottom: 4.5px !important;
        }
          /* text-container-and-styling(S) */
          
          #position .empty{
            height: 18px;
          }
        }
       @media screen and (max-device-width:992px)  {
        .menu{
            display: none;
        }
      
      }
      
      @media screen and (min-device-width:991px)  {
      
         .navbar-nav{
          display: none;
           
            
        }
        
      }

       @media screen and (min-device-width:1100px)  {

        .certify img{
            width: 100px;
            height: 100px;
        }

       }