:root {
    --primary-main: #005586;
    --primary-light: #196692;
    --primary-light-pale: #a8bcb7;
    --primary-dark: #1E4858;
    --primary-light-2: #D1E0E9;
  /*
    --secondary-light: #D1E6F5;
  */
  	--secondary-light: #5790b8;
    --secondary-light-2: #C9D2D7;
    --accent: #4CD3AF;
    --text-light: #FFFFFF;
    --text-dark: #1A1A1A;
    --text-dark-2: #5F6B73;
    --background: #F5F8FB;
    --background-3: #EDF4FA;
    --scroll-background: #D6E6F3;
    --scroll-front: #BBC8C6;
    --side-box-background: #E9F2F9;
  	--font-family: 'Montserrat';
  	--mobile-limit: 650px;
  	--tablet-limit: 900px;
  	--small-pc-limit: 1100px;
  	--mid-pc-limit: 1300px;
}

html {
	font-size: 19px !important;
}

h4 {
	font-size: 1.1em !important;
}

h3 {
	font-size: 2em !important;
}

body {
	font-size: 1em !important;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* High z-index to be on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Disable scroll */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: 0; /* Remove default margin */
    padding: 20px;
    border: none; /* Remove border */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    box-sizing: border-box; /* Include padding and border in element's total width and height */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* The Close Button */
.close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.wg-default, .wg-default .country-selector {
    background: var(--text-dark);
    color: white !important;
    border-radius: 100px;
    padding: 6px;
}