*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
  






*{
  font-family: 'Montserrat', sans-serif;
  }
  


.foot {
  background:#041E42;
}



.foot .foot-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  gap: 5rem;
}

.foot .foot-container .box {
  background:none;
  text-align: center;
  padding-left: 0rem;
  padding-right:0rem;
  padding-bottom:0rem; 
}




.foot .foot-container .box img {
  height:25px;
  width:25px;
  border-radius:15px;
}

.foot .foot-container .box h3 {
  margin-bottom: 1rem;
  font-size:25px;
  color: white;
  font-weight: 600;
}

.foot .foot-container .box p {
  text-align: left;
  font-size:18px;
  line-height: 1.7;
  text-transform: none;
  color:white;
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; 
}


#glu {
  
  text-decoration:none;
  
}





#soc {
  
  margin-top : 100px;
  
}



.foot .foot-container .box .social {
  height:50px;
  width:100%;
  margin-top : 20px;
  background : transparent;
  display:flex;
  align-items: center;
  justify-content: center;
  
}




.foot .foot-container .box .social .facebook {
  height:35px;
  width:35px;
  border-radius : 35px;
  display:inline-block;
  
  
}


.foot .foot-container .box .social .facebook img{
 height:35px;
  width:35px;
  border-radius : 35px;
  border : 2px solid white;
  

}






.foot .foot-container .box .social .link {
  height:35px;
  width:35px;
  display:inline-block;  
  background : green;
  margin-left :20px;
  border-radius : 35px;
  
}


.foot .foot-container .box .social .link img{
 height:35px;
  width:35px;
  border-radius : 35px;
  border : 2px solid white;

}







.foot .foot-container .box .social .youtube {
  height:35px;
  width:35px;
  display:inline-block;  
  background : green;
  margin-left :20px;
  border-radius : 35px;
  
}


.foot .foot-container .box .social .youtube img{
 height:35px;
  width:35px;
  border-radius : 35px;
  border : 2px solid white;

}






.foot .foot-container .box .social .instagram {
  height:35px;
  width:35px;
  display:inline-block;  
  margin-left :20px;
  border-radius : 35px;
  
}


.foot .foot-container .box .social .instagram img{
 height:35px;
  width:35px;
  border-radius : 35px;
  border : 2px solid white;

}





.footerforminput{
  width:100%;
  height:45px;
  margin-left:auto;
  margin-right:auto;
  align-items:left;
  color:black;
  text-align: left;
  font-size:18px;
  line-height: 1.7;
  
}



#gat{
  text-transform: lowercase;
   
}


#gato{
  text-transform: none;
   
}




.footerformtextbox { 
  width:100%;
  height:150px;
  margin-left:0%;
  margin-right:0%;
  border:1px solid lightgrey;
  color:black;
  border-radius:0;
  -webkit-border-radius:0px;
  text-align: left;
  font-size:18px;
  line-height: 1.7;
}


.footerforminput::-webkit-input-placeholder {
  color:grey;
  text-align: left;
  font-size:18px;
  line-height: 1.7;
  text-transform: none;
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal; 
}





#btc { 
  width:100%;
  height:45px;
  background:transparent; 
  border:2px solid #FEBE10;
  font-weight:400;
  border-radius:0;
  -webkit-border-radius:0px;
  cursor:pointer;
  color:white;
  font-family: "Roboto Slab", serif;
  font-size:18px;
}


#btc:hover {
  background-color: darkgreen;
}


.icono{
 margin-right: 5px;
 display: none;

}


.loading{
  background-color: #041E42;
  color :white;
 
 }


 .loading .icono{
  display: inline-block;
  color :white;
  animation : spin 2s linear infinite;
 }

@keyframes spin {
   0%
    {
      transform: rotate(0deg);
    }
  100%
  {
    transform: rotate(360deg);
  }
}








#grida{
  background : none;
  display: flex;
  justify-content : space-between;
  align-items:left;
  flex-wrap:wrap;
   
}



#grida .futa{
  background : none;
  width:50%;
  text-align:left;
 
   
}



#grida .futa  a {
  text-transform: none;
  text-decoration: none;
  background: none;
  padding: none;
  display: inline-block;
  color: white;
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}








#grida .futo{
  background : none;
  width:50%;
   
}


#grida .futo  a {
  text-transform: none;
  text-decoration: none;
  background: none;
  padding: none;
  display: inline-block;
  color: white;
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}






#abd {
  
  font-size:25px;
  
}






.trademark {     
  width:100%;
  position: relative;
  justify-content: center;
  display: flex;
  background :#041E42;
}



.trademark  p {
  text-align: center;
  font-size:18px;
  line-height: 1.7;
  text-transform: none;
  color:White;
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; 
}



.trademark   a {
  text-transform: none;
  text-decoration: none;
  background: none;
  padding: none;
  display: inline-block;
  color:  #FEBE10;
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}




















































@media (max-width: 450px) {
  html {
    font-size: 55%;
  }

 
  
#glu {
  
  text-decoration:none;
  
}

 

#soc {
  
  margin-top : 20px;
  
}



.foot .foot-container .box .social {
  
  margin-top : 20px;

}



.foot .foot-container .box .social {
  
  align-items: center;
  justify-content: center;
  
}



.foot .foot-container .box p {
  
  font-size:14px;
  
}



.footerforminput{
  width:85%;
  height:45px;
  margin-left:auto;
  margin-right:auto;
  align-items:left;
  border-radius:0;
  -webkit-border-radius:0px;
  color:black;
  text-align: left;
  font-size:14px;
  line-height: 1.7;
}



.footerformtextbox { 
  width:85%;
  height:150px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid lightgrey;
  color:black;
  border-radius:0;
  -webkit-border-radius:0px;
  font-size:14px;
  line-height: 1.7;
}



.footerforminput::-webkit-input-placeholder {
  color:grey;
  text-align: left;
  font-size:14px;
  line-height: 1.7;
  text-transform: none;
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal; 
}




#btc { 
  width:85%;
  height:45px;
  background:transparent; 
  border:1px solid #FEBE10;
  font-weight:400;
  border-radius:0;
  -webkit-border-radius:0px;
  cursor:pointer;
  color:white;
  font-family: "Roboto Slab", serif;
  font-size:14px;
}




.quoteformdiv p{
  
  font-size:14px;
  margin-left:7.5%;
  
}






















.trademark  p {
 
  font-size:9px;
  line-height: 1.7;
  
}

















}