@import url('https://fonts.googleapis.com/css2?family=Londrina+Solid&display=swap');

*  {
     /* box-sizing: border-box; */
     margin: 0;
     padding: 0;
     scroll-behavior: smooth;
}

body{
     font-family: 'Londrina Solid', cursive;
     font-size: 21px;
     line-height: 1.5;
     color: #000;
     background: #a1c3ff;
     
}

a{
     text-decoration: none;
}

a:link{
     color: #000;
}
a:visited{
     color: #000;
}

img{
     max-width: 100%;
     display:block;
     justify-items: center;
     margin-bottom: 25px;
}

h1, h2{
     margin-bottom: 15px;
}

ul {
     list-style-type: none;
}

footer > div.card-footer{
     padding: 20px;
     margin-top: 20px;   
     
}

.container{
     min-width: 375px;
     margin: 0 auto;
     padding: 0 30px;
}

.navbar{
     background: #3474e6;
     background-image: linear-gradient( rgba(51, 16, 251, 0.8),rgba(0, 0, 0, 0.6));
     border-bottom: 2px solid rgba(0, 0, 0, 0.8);
     color: #fff;
     height: 60px;
}

.navbar a {
     color: #fff;
     text-decoration: none;
     font-size: 18px;
     font-weight: bold;
}

.navbar a:hover{
     color: black;
}

.navbar .logo{
     /* font-size: x-large; */
     font-weight: bold;

}

.navbar .container{
     display: flex;
     justify-content:space-between;
     align-items: center;
     height: 100%;
}

.navbar ul{
     display: flex;
}

.navbar ul li {
     margin-left: 20px;
}

.header {
     background-color: #fff;
     color: #fff;
     min-height: auto;

}

.header h1{
     font-size: 3rem;
     font-weight: bold;
     line-height: 1.2;
}

/* .header img{
     max-width: auto;
} */

.header .container{
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.boxes .container{
     justify-content: space-between;
}

#terms{
    padding: 0; 
}

#terms-conditions{
     color: #fff;
     text-shadow: none;
}

.box{
     flex:1 1 500px;
     background: #0a51cc;
     background-image: linear-gradient( rgba(51, 16, 251, 0.2),rgba(51, 16, 251, 0.8),rgba(0, 0, 0, 0.6));
	border-bottom: .1px solid rgba(255, 255, 255, .15);
	border-left: .1px solid rgba(255, 255, 255, 0.15);
     border-bottom: 2px solid rgba(0, 0, 0, 0.8);
     text-align: #fff;
     border-radius: 10px;
     margin: 20px 10px;
     box-shadow: 2px 2
     px 1px rgba(255, 255, 255);
     padding: 15px 20px;
     text-align: center;
}
.box3{
     flex:1 1 500px;
     background: #ffffff;
     /* background-image: linear-gradient( rgba(16, 251, 102, 0.2),rgba(16, 251, 28, 0.8),rgba(0, 0, 0, 0.6));
	border-bottom: .1px solid rgba(255, 255, 255, .15);
	border-left: .1px solid rgba(255, 255, 255, 0.15);
     border-bottom: 2px solid rgba(0, 0, 0, 0.8); */
     text-align: #fff;
     border-radius: 10px;
     margin: 20px 10px;
     box-shadow: 2px 2px 1px rgba(255, 255, 255);
     padding: 7px 7px;
     text-align: center;
}

/* .box i {
     margin-right: 10px;
} */

@media (min-width: 400px) {
     .header .container{
          flex-direction: column;
          text-align: center;
     }
     .boxes .container{
          display: flex;
          flex-wrap:wrap ;

     }

}