@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

:root {
--primary: #1C66EA;
--secondary: #3693AB;
--text:#3B4860;
--bgColor: #E9F1FF;
}

body{
  font-family: 'Montserrat', sans-serif;
  font-size:1rem;
  color:var(--text);
  background:url('../img/double-bubble-outline.png');
  overflow-x:;
}

h1{
  font-weight:bold;
  font-size:3.12rem;
  text-transform:uppercase;
  color:var(--primary);
}

h2{
  /*font-size:2rem;*/
  font-size: max(2vw , 2rem);
  font-weight:700;
  color:var(--secondary);
}

h3{
  font-size:1.57rem;
  font-weight:600;
  color:;
}

header{
background:#fff url('../img/nzeye-img.png') no-repeat right center;
padding:100px 0;
position:relative;
}

header p{
  font-size:1.12rem;
}

.bi{
  color:var(--primary);
}


.bg-highlight{
  background:var(--bgColor);
  padding:25px;
  border-radius:8px;
  box-shadow: 0px 4px 25px rgba(44, 110, 221, 0.22);
  border:3px solid #fff;
 
}

.product-bg{
background: rgb(233,241,254);
background: linear-gradient(45deg, rgba(233,241,254,1) 0%, rgba(252,254,255,1) 53%, rgba(255,255,255,1) 60%, rgba(233,241,254,1) 100%);
}

th{
  color:var(--primary);
}

a:hover{
  text-decoration:none;
}

@media(max-width:990px){
  header{
    background:#E9F1FF;
    padding:30px;
  }

  svg{
    display:none;
  }
}