@font-face {
	font-family: 'RobotoSlab Black';
	src: url('https://digitalsentinel.app/fonts/RobotoSlab-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoSlab Bold';
	src: url('https://digitalsentinel.app/fonts/RobotoSlab-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoSlab ExtraBold';
	src: url('https://digitalsentinel.app/fonts/RobotoSlab-ExtraBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoSlab ExtraLight';
	src: url('https://digitalsentinel.app/fonts/RobotoSlab-ExtraLight.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoSlab Light';
	src: url('https://digitalsentinel.app/fonts/RobotoSlab-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoSlab Regular';
	src: url('https://digitalsentinel.app/fonts/RobotoSlab-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Slab Medium';
	src: url('https://digitalsentinel.app/fonts/RobotoSlab-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoSlab SemiBold';
	src: url('https://digitalsentinel.app/fonts/RobotoSlab-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoSlab Thin';
	src: url('https://digitalsentinel.app/fonts/RobotoSlab-Thin.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


body {
  background-color: #fff;
  font-size:1.00em;
	font-family: 'Roboto Slab Medium', sans-serif; /* Fallback to sans-serif if the custom font fails to load */
	margin: 0px;
}

/* Unvisited link */
a:link {
  color: #0000ee;
  text-decoration: none;
}

/* Visited link */
a:visited {
  color: #0000ee;
  text-decoration: none;
}

/* Mouse-over link */
a:hover {
  color: #ff0000;
  text-decoration: none;
}

/* Active link */
a:active {
  color: #0000ee;
  text-decoration: none;
}

.button_green {background-color: #57c75d;  width: 100px; height: 100%; padding: 5px; border: 1px solid #ccc; border-radius: 5px; text-align:center; letter-spacing: 0.04em;}
.button_nav {background-color: #efefef;  width: 100%; height: 100%; padding: 2px 5px 2px 5px; margin: 0px 2px 0px 2px; border: 1px solid #ccc; border-radius: 5px; text-align:center; letter-spacing: 0.04em;}
.button_nav_sidebar {width: 100%; height: 100%; padding: 2px 5px 2px 5px; margin: 0px 2px 0px 2px; border: 1px solid #ccc; border-radius: 5px; font-family: 'Roboto Slab Regular', sans-serif; text-align:center; letter-spacing: 0.04em;}

p {
  line-height: 1.5;
}
li {
  line-height: 1.5;
}


ol {
	padding-inline-start: 10px;
}

h1 { font-size: 44px; color: #002949;	letter-spacing: 0.04em; margin-top:1px; margin-bottom:1px; font-family: RobotoSlab Light; font-weight: 500;}

h2 { font-size: 36px; color: #002949; letter-spacing: 0.04em; margin-top:1px; margin-bottom:1px; font-family: RobotoSlab Light; font-weight: 500;}

h3 { font-size: 27px; color: #002949; letter-spacing: 0.04em; margin-top:1px; margin-bottom:1px; font-family: RobotoSlab Bold; font-weight: 500;}

h4 { font-size: 26px; color: #002949; letter-spacing: 0.04em; margin-top:1px; margin-bottom:1px; font-family: RobotoSlab Light; font-weight: 500;}

h5 { font-size: 17px; color: #002949; letter-spacing: 0.04em; margin-top:1px; margin-bottom:1px; font-family: RobotoSlab Light; font-weight: 500;}

h6 { font-size: 14px; color: #002949; letter-spacing: 0.04em; margin-top:1px; margin-bottom:1px; font-family: RobotoSlab Light; font-weight: 500;}

hr { border: solid #9b001c; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

.footer {
	margin-bottom:15px;
}

.section {
	display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
}

.code {
  /* font-family: Consolas, monospace; */
  background-color: #f5f5f5;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}


.highlight {
  background-color: #f5f5f5;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.blank_space { height: 15px; }

.img_no_border { margin-bottom: -5px; padding: 0px;}

.top_nav {
	width: 100%;
	height: 5px;
}

/* Set the Main Wrapper and and Wrapper Top */
.wrapper {
	font-family: RobotoSlab Light;
	letter-spacing: 0.04em;
	width:90%;
	margin-left: auto;
	margin-right: auto;
    background-color: #e0e2e3;
    border-radius: 5px;
    position: relative; /* This will help us to position the top section */
    overflow: hidden;   /* Ensures that the top section doesn't overflow the rounded corners of the wrapper */
}
.wrapper .top {
    background-color: #b0b0b0;
    height: 50px;
    width: 100%;
}
.wrapper-index {
	font-family: RobotoSlab Light;
	letter-spacing: 0.04em;
	max-width:950px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
    background-color: #e0e2e3;
    border-radius: 5px;
    position: relative; /* This will help us to position the top section */
    overflow: hidden;   /* Ensures that the top section doesn't overflow the rounded corners of the wrapper */
}
.wrapper-index .top {
    background-color: #b0b0b0;
    height: 50px;
    width: 100%;
}

.wrapper-main {
	margin: auto;
	width: 100%;
}
.wrapper-main .top {
	background-color: #b0b0b0;
	height: 50px;
	width: 100%;
}


.wrapper-about {
	font-family: RobotoSlab Light;
	letter-spacing: 0.04em;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}


.wrapper-terms {
	font-family: RobotoSlab Light;
	letter-spacing: 0.04em;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}
.wrapper-terms li {
	margin-left: 5px;
}

.wrapper-privacy {
	font-family: RobotoSlab Light;
	letter-spacing: 0.04em;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}
.wrapper-privacy li {
	margin-left: 5px;
}

.wrapper-smaq {
	text-align: justify;
	margin-left: 25px;
	margin-right: 25px;
}
.wrapper-smaq li {
	text-align: justify;
	margin-left: 5px;
}

.improve_your_brand {
	background-color: #001549;
	color: #fff;
	text-align: left;
	padding: 2px 10px 2px 10px;
}
.improve_your_brand h1 {
	color: #fff;
}
.improve_your_brand h4 {
	color: #fff;
}

.brand_awareness {
	/* background-color: #002949; */
	background-image: linear-gradient(to bottom, #0c243c, #06121e);
	color: #fff;
	text-align: left;
	padding: 2px 10px 2px 10px;
	
}
.brand_awareness h1 {
	color: #fff;
	max-width: 950px;
	width: 90%;
}
.brand_awareness h4 {
	color: #fff;
}

.prop-text-h1 {font-size:3.5vw}
@media (max-width : 768px) {
.prop-text-h1 {font-size:7.0vw}
}