*, *::before, *::after {
    box-sizing: border-box;
}

body {
    color: #fff;
    font-family: "Montserrat",sans-serif;
    margin: 0;
	font-weight:600
}

.bg1{
	background:#fff;
	color:#000;
}

header {background:#15132f;  text-align:center; height:103px; display:flex; align-items: center; justify-content:center; padding:0}
header img{position: absolute; left:2%}
header h1{color:#fff;font-weight:600; font-size:21px; width: 100%;
    position: absolute;
    z-index: 1;}

.logo {
    display: block;
    height: 2rem;
    margin: 0 auto;
}
.img-fluid {
    max-width: 100%;
    margin: 0 auto;
}

.flex-column{  
display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; 
  }
.mx-auto {
    margin: auto;
}

.main {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.h1{font-size:17px; line-height:20px; font-weight:700}



.container {
    
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}
.p-20{padding:0 20px 20px 20px}
.language-picker p{margin-top:10px}
.grid {
    display: grid;
    grid-gap: 1rem;
}
.cta {
    border-radius: 1rem;
    margin-top: 0rem;
    position: relative;
    z-index: 25;
}
.cta__label {
    display: block;
    font-weight: 700;
    font-size: 1.125rem;
    text-align: center;
}

.main-input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #cdcdcd;
    border-radius: 12px;
    color: #4a4a4a;
    font-size: 21px;
    font-weight: 900;
    outline: none;
    padding: 0.75rem 2rem;
    width: 100%;
	height: 42px;
}

::placeholder {
  color: #bababa;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #bababa;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #bababa;
}

.margin-price {
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
}

.button {
     background : #0f0689;
    border: none;
    border-radius: 150px;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    width:100%;
	max-width:180px;
	height:40px;
	margin:0 auto;
	cursor:pointer;
}
.bw-100{max-width:100%!important}
.button:hover{ background : #06066d;}
.button-image{background:transparent; border:0; cursor:pointer; width:167px; margin:0 auto}
.button-image:focus{outline:0}
.text-center{text-align:center}
legend{ color: #293174;text-align: center; font-size:16px; line-height:20px}
footer {text-align:left; font-size:14px; margin-top:18px; font-weight: 600;}
footer .sms{margin-right:3px}
footer a{color:blue; }
footer .tyc{font-size:16px;text-decoration:none; text-align:center; display: block; margin-top:20px;font-weight:600}
footer .tyc:hover{text-decoration:underline;}
.radius{border-radius:20px;}
@media screen and (max-width: 768px){
    header img{width:40px}
    header {height:60px}
    footer {font-size:10px}
    
}
@media screen and (orientation: landscape) and (min-width: 640px) {
    .cta {max-width:401px; margin:0 auto;}
    .h1{font-size:17px; line-height:22px; font-weight:700}
    .container {max-width:815px; margin:0 auto;}
}

.subscribe-button{background:#ffcc00; background: rgb(255,228,109);
background: linear-gradient(180deg, rgba(255,228,109,1) 0%, rgba(255,138,0,1) 100%); border-radius:150px; color:#fff; cursor:pointer; text-decoration:none; height:46px; width:250px;display: flex;align-items: center;justify-content: center;text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
-webkit-box-shadow: 2px 5px 16px 0px #0B325E, inset 0px -29px 15px -7px rgba(0,0,0,0.07); 
  transition: 0.3s;
  box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.3);
}

.subscribe-button:hover{ box-shadow: 0 0 rgba(0, 0, 0, .3);}

.hide {
    display:  none;
 }

 .language-picker {
    /*left: 80%;*/
	text-align:right;
    position: relative;
 }
 .flex{display:flex;gap:10px}