@font-face {
	font-family: Poppins;
	src: url(../../fonts/Poppins/Poppins-Regular.ttf);
}
@font-face {
	font-family: Poppins-Light;
	src: url(../../fonts/Poppins/Poppins-Light.ttf);
	font-weight: 100;
}
@font-face {
	font-family: Poppins-LightItalic;
	src: url(../../fonts/Poppins/Poppins-LightItalic.ttf);
	font-weight: 100;
}
@font-face {
	font-family: Poppins-Medium;
	src: url(../../fonts/Poppins/Poppins-Medium.ttf);
	font-weight: 300;
}
@font-face {
	font-family: Poppins-SemiBold;
	src: url(../../fonts/Poppins/Poppins-SemiBold.ttf);
	font-weight: 300;
}

@font-face {
	font-family: Times-New-Roman;
	src: url(../../fonts/Times-New-Roman/Times-New-Roman.ttf);
	font-weight: 300;
}

@font-face {
	font-family: Roboto-Light;
	src: url(../../fonts/Roboto/Roboto-Light.ttf);
	font-weight: 300;
}

@font-face {
	font-family: Roboto-Regular;
	src: url(../../fonts/Roboto/Roboto-Regular.ttf);
	font-weight: 300;
}

:root {
	/* --blue: #0074b4; */
	--blue: #0074b4;
	--skyblue: #2DAAE2;
	--darkblue: #0D73B9;
	--yellow: #f7ea55;
	--orange: #F8931F;
}

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

html, body {
	max-width: 100%;
	overflow-x: hidden;
}

html {
	font-family: Poppins;
	/*font-size: min(25.3px, 4.4vw);*/
	scroll-behavior: smooth;
}

body {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	/*background-color:#F4FBFE;*/
	min-width: 320px;
	width: 100vw;
}

/* Nav bar*/

nav#nav-desktop {
	display: flex;
	align-items: center;
	font-size: 0.75rem;
	/*padding: 0.5rem 0;*/
	width: 100%;
	position: fixed;
	overflow: hidden;
	top: 0;
	background-color: white;
	justify-content: center;
	border-bottom: 1px solid var(--orange);
	z-index: 20;
}
nav#nav-desktop > div {
	text-align: center;
	display: inline-block;
	line-height: 25vh;
	height: 25vh;
}
nav#nav-desktop a {
	font-family: Poppins-SemiBold;
	width: 100%;
	display: inline-block;
	text-decoration: none;
	color: var(--orange);
	font-size:  1.5vw;
}
nav#nav-desktop p {
	width: 100%;
	display: inline-block;
	margin: 0; 
	vertical-align: middle;
}

nav#nav-desktop a:hover {
	font-family: Poppins;
	font-weight: bold;
	color: white;
	background-color:var(--orange);
}

nav#nav-desktop > div > img {
	max-width: 80%;
	vertical-align: middle;
	height: auto;
	margin: auto 0;
}

nav#nav-desktop > div >  span.dropdown-triangle {
	display: inline-block;
	width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 20px solid #0D73B9;
	position: relative;
	bottom: 110px;
}


/* Article home*/

/*header*/
#article-home-header > div > h1, #article-home-header > div > h2{
	font-family: Poppins-SemiBold;
	margin: 0;
	color: var(--darkblue);
}

#article-home-header > div > h1{
	line-height: 4vw;
	font-size: 4vw;
}

#article-home-header > div > h2{
	line-height: 2.5vw;
	font-size: 2.75vw;
	margin-bottom: 20px;
}

#article-home-header > div > hr{
	background-color: #F8931F !important;
	height: 18px;
	border-radius: 15px;
}

/*articles*/
.article-home-articles {
	margin-top:50px;
}

.article-home-articles > div > div.articles {
	justify-content: space-between;
	padding: 0 .5%;
}

.article-home-articles > div > div.articles > div.col-3 > a > img.img-fluid{
	width: 33vw;
	max-width: 100%;
	height: auto;
}
.article-home-articles > div > div.articles > div.col-video {
	position: relative;
	z-index: 19;

}

.article-home-articles > div > div.articles > div.col-3 > a.video-pic,
.article-home-articles > div > div.articles > div.col-3 > a.video-pic > img {
	display: block;
}

.article-home-articles > div > div.articles > div.col-3 > a.video-pic > img {
	padding: 6% 0;
}

.article-home-articles > div > div.articles > div.col-3 > video {
	/*opacity: 0;*/
	width: 33vw;
	display: none;
	max-width: 100%;
	height: auto;
	padding: 5% 0;
	transition: .5s ease;
	backface-visibility: hidden;
}

.article-home-articles > div > div.articles > div.col-3 > div.watch-video{
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	display: inline-block;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.article-home-articles > div > div.articles > div.col-3 > div.watch-video > div.text{
	background-color: var(--orange);
	font-size: 1vw;
	padding: 16px;
}

.article-home-articles > div > div.articles > div.col-3 > div.watch-video > div.text > a {
	color: white;
	text-decoration: none;
}

.article-home-articles > div > div.articles > div.col-video:hover > div.watch-video {
	opacity: 1;
}

.article-home-articles > div > div.articles > div.col-video:hover > video{
	display: block;
	opacity: 0.3;
}

.article-home-articles > div > div.articles > div.col-video:hover > a.video-pic > img {
	display: none;
}


.article-home-articles > div > div.articles > div.col-3 > a.article-title-link{
	font-family: Roboto-Regular;
	text-decoration: none;
	line-height: 1.8vw;
	padding: 10px 0px;
	color: black;
	display: block;
	font-size:1.3vw;

}


/* Single Articles */
/*left- article*/

div.single-article > div.col-5, 
{
	margin: 0 auto;
}

div.single-article > div.col-5 >  h1,
div.single-article > div.col-6 >  h1
{
	line-height: 4vw;
	font-family: Poppins-SemiBold;
	font-size: 3.5vw;
	margin: 0 auto;
}

div.single-article > div.col-5 > p,
div.single-article > div.col-6 > p {
	font-family: Poppins;
	font-size: 1.45vw;
}

div.single-article > div.col-5 > hr {
	margin-right:25%;
	background-color: #F8931F !important;
	height: 18px;
	border-radius: 15px;
}

div.single-article > div.col-5 > img {
	width: 40vw;
	max-width: 100%;
	height: auto;
	margin-top:15px;
	margin-bottom:20px;
}

div.single-article > div.col-5 > dl {
	text-align: left;
	font-family: Roboto-Regular;
	line-height: 2.7vw;
	font-size: 1.5vw;
}

div.single-article > div.col-5 > dl > dd {
	line-height: 2.6vw;
}


div.single-article > div.col-5 > ol > li  {
	font-family: Roboto-Regular;
	margin: 0 0 20px 0;
	font-size: 1.8vw;

}

div.single-article > div.col-5 > ul > li,
div.single-article > div.col-5 > ul > li > h2,
div.single-article > div.col-5 > h2{
	font-family: Roboto-Regular;
	font-size:2.2vw;
	margin:50px 0 20px 0;
}

div.single-article > div.col-5 > ol > li > p.body,
div.single-article > div.col-5 > ul > li > p.body,
div.single-article > div.col-5  > p.body {
	font-family: Roboto-Regular;
	line-height: 2.7vw;
	font-size: 1.5vw;
}

/*left-video*/
div.single-article > div.col-6 > video {
	max-width: 100%;
	height: auto;
	margin-top:35px;
	margin-bottom:35px;
	padding: 0 17px;
}

div.single-article > div.col-6 > hr.video-line {
	width: 100%;
	margin-right: 0;
	background-color: #F8931F !important;
	height: 18px;
	border-radius: 15px;
}

/*left learning article*/
div.single-article > div.article-column > div > div.col-12 > h2.title,
div.single-article > div.article-column > div > div.col-12 > p.p-2,
div.single-article > div.article-column > div > div.col-12 > p.p-1
{
	padding: 0;
	margin: 0;
	/*border: 1px solid red;*/
}

div.single-article > div.col-6 > div > div.col-12 > p.p-1,
div.single-article > div.col-6 > div > div.col-12 > p.p-2
{
	line-height: 40px;
	letter-spacing: -1px;
	font-size: 1.3vw;
	margin-bottom: 50px;
}

div.single-article > div.col-6 > div > div.col-12 > h2.title{
	line-height: 50px;
	font-family: Poppins-SemiBold;
	font-size: 2vw;
}


/*vertical line*/

div.single-article > div.col-1 > div.vertical-line {
	background-color: #F8931F !important;
	border-radius: 15px;
	height: 100%;
	margin: 0 auto;
	width: 18px;

}

/*right sub articles*/
div.single-article > div.right-with-scroll {
	position: relative;
	max-height: 70%;
	box-shadow:
	inset 0 -6px 6px 0px rgba(0, 0, 0, 0.05);
}

div.single-article > div.right-with-scroll > div.article-list{
	position:absolute;
	top:105px;
	bottom:0;
	left:0;
	right:0;
	overflow-x:hidden;
	overflow-y:scroll;
}

div.single-article > div.col-3 > div.title {
	padding-bottom: 20px;
}

div.single-article > div.col-3 > div.row > div.col-12 > h2 {
	font-family: Poppins-SemiBold;
	color:#0D73B9;
	margin: 0 auto;
	letter-spacing: -0.12vw;
	line-height: 2vw;
	font-size: 2.2vw;
}

div.single-article > div.col-3 > div.row > div.col-12 > div {
	max-width: 100%;
	margin-top:35px;
	overflow: hidden;
	object-fit: contain;
}
div.single-article > div.col-3 > div.row > div.col-12 > div > img {
	width: 33vw;
	max-width: 90%;
	height: auto;
	display: inline-block;
	margin:0 auto;
}
div.single-article > div.col-3 > div.row > div.col-12 > a {
	color:#0D73B9;
	margin: 0 auto;
	font-size: 1.3vw;
	line-height: 1.8vw;
	display: inline-block;
	text-decoration: none;
}

/*Confirmation Page*/

div.confirmation-page {
	margin-top:100px;
	margin-bottom:200px;
	text-align: center;
	color:#F8931F;
}

div.confirmation-page > div.col-10 {
	padding: 30px 90px;
	border: 13px solid #F8931F;
	border-radius: 115px;

}
div.confirmation-page > div.col-10 > p{
	margin: 0 auto;
	letter-spacing: -1px;
}

div.confirmation-page > div.col-10 > p.thankyou {
	font-family: Poppins-SemiBold;
	font-size: 3vw;
	line-height: 65px;
	margin-bottom: 20px;
	/*letter-spacing: -1;*/
}

div.confirmation-page > div.col-10 > p.contact {
	line-height: 35px;
	font-size: 1.7vw;
	margin-bottom: 10px;
}

div.confirmation-page > div.col-10 > p.contact > strong {
	display: block;
}


div.confirmation-page > div.col-10 > hr {
	max-width: 90%;
	background-color: #F8931F !important;
	height: 13px;
	border-radius: 15px;
}

div.confirmation-page > div.col-10 > p.fillup,
div.confirmation-page > div.col-10 > p.reading-links {
	color: #0D73B9;
	font-size: 1.7vw;
}

/*faqs*/

div.faqs {
	margin: 0 auto;
	letter-spacing: -2px;
}

div.faqs > div.col-10 > h1 {
	font-family: Poppins-SemiBold;
	font-size: 3vw;
	line-height: 1.5vw;
}

div.faqs > div.col-10 > hr {
	max-width: 100%;
	background-color: #F8931F !important;
	height: 13px;
	border-radius: 15px;
}

div.faqs > div.col-10 > ul {
	margin-top:20px;
	letter-spacing: -1px;
	list-style: none;
	padding: 0;
}

div.faqs > div.col-10 > ul > li {
	margin-bottom: 2.2vw;
}

div.faqs > div.col-10 > ul > li > h2,
div.faqs > div.col-10 > ul > li > p
{
	margin: 0;
}

div.faqs > div.col-10 > ul > li > h2 {
	line-height: 2.3vw;
	font-family: Poppins-SemiBold;
	font-size: 1.5vw;
}

div.faqs > div.col-10 > ul > li > p {
	font-size: 1.2vw;
	line-height: 2vw;
}



/*Utilities*/
.container {
	max-width: 100%;
	margin-top: 225px;
	overflow:hidden;

}

.row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	height: auto;
}

.justify-content-center {
	justify-content: center !important;
}

.col-1 {
	margin: 0 .5%;
	width: 7.33%;
}
.col-2 {
	margin: 0 .5%;
	width: 15.66%;
}
.col-3 {
	margin: 0 .5%;
	width: 24%;
}
.col-4 {
	margin: 0 .5%;
	width: 32.33%;
}
.col-5 {
	margin: 0 .5%;
	width: 40.66%;
}
.col-6 {
	margin: 0 .5%;
	width: 49%;
}
.col-7 {
	margin: 0 .5%;
	width: 57.33%;
}
.col-8 {
	margin: 0 .5%;
	width: 65.66%;
}
.col-9 {
	margin: 0 .5%;
	width: 74%;
}
.col-10 {
	margin: 0 .5%;
	width: 82.33%;
}
.col-11 {
	margin: 0 .5%;
	width: 90.66%;
}
.col-12 {
	margin: 0 .5%;
	width: 99%;
}

/*footer*/

footer {
	padding: 17px 10px;
	background-color: #F6B12C;
	color: var(--black);
	/*position: fixed;*/
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	overflow-x:hidden;
	font-size: 1.2vw;
}

/*navbar for mobile*/
nav#nav-mobile {
	max-width: 100%;
	border-bottom: 1px solid var(--orange);
	display: none;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	overflow: hidden;
	top: 0;
	background-color: var(--orange);
	text-align: center;
	padding: 1rem;
	z-index: 20;
	
}

nav#nav-mobile ul {
	padding: 0;
	margin: 0;
}

nav#nav-mobile ul li{
	list-style: none;
}
nav#nav-mobile ul li a {
	text-decoration: none;
	font-family: Poppins-SemiBold;
	/*color: var(--orange);*/
	color: black;
	font-size: 1.3rem;
	width: 100%;
	display: block;
	line-height: 30px;
	/*height: 50px;*/
}

nav#nav-mobile > .nav-menu > .nav-item > .nav-link:hover {
	font-family: Poppins;
	font-weight: bold;
	color:#f68026;
}

nav#nav-mobile > .hamburger {
	display: none;
}

nav#nav-mobile > .hamburger > .bar {
	display: block;
	width: 29px;
	height: 4px;
	margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: white;
	border-radius: 5px;
}

/* Mobile Styles */
@media only screen and (max-width: 430px) {
	[class*="col-"] {
		width: 95%;
		margin: 0 2.5%;
	}
	.container {
		text-align: center;
		margin: 150px auto 0 auto;
	}

	nav#nav-desktop {
		display: none;
	}
	nav#nav-mobile {
		display: flex;
	}
	nav#nav-mobile > a > img {
		width: 50%;
		max-width: 50%;
		vertical-align: middle;
		height: auto;
		margin: auto 0;
	}

	nav#nav-mobile > .nav-menu {
		height: auto;
		width: 100%;
		position: fixed;
		left: -100%;
		margin-top:5.9rem;
		top: 0;
		flex-direction: column;
		background-color: #fff;
		border-radius: 10px;
		text-align: center;
		transition: 0.3s;
		box-shadow:
		0 10px 27px rgba(0, 0, 0, 0.05);
	}

	nav#nav-mobile > .hamburger {
		display: block;
		cursor: pointer;
	}

	nav#nav-mobile > .nav-menu.active {
		left: 0;
	}


	/*article - home*/

	#article-home-header > div > h1{
		line-height: 10vw;
		font-size: 10vw;
		margin-bottom: 25px;
	}

	#article-home-header > div > h2{
		line-height: 7vw;
		font-size: 6.5vw;
		letter-spacing: -0.25vw;
	}

	#article-home-header > div > hr{
		background-color: var(--orange) !important;
		height: 10px;
		border-radius: 15px;
		width: 75%;
		margin-bottom: 10px;
	}
	/*article cards*/
	.article-home-articles {
		margin-top: 0px;
		text-align: left;
	}

	.article-home-articles > div > div.articles {
		padding: 0;
	}

	.article-home-articles > div > div.articles > div {
		padding: 6.5px 5px;
		overflow: hidden;
		box-shadow: 
		/*0 5px 27px rgba(0, 0, 0, 0.05);*/
		0px 20px 20px 3px rgb(0 0 0 / 2%);
	}

	.article-home-articles > div > div.articles > div > a
	{

		text-decoration: none;
		float: left;
		width:35%;
		height: 100%;
		display: inline;
	}

	.article-home-articles > div > div.articles > div.col-3 > a > img.img-fluid{
		width: auto;
		height: auto;
		margin: 0;
		border-radius: 7px;
	}

	.article-home-articles > div > div.articles > div.col-3 > a.video-pic,
	.article-home-articles > div > div.articles > div.col-3:hover > a.video-pic > img,
	.article-home-articles > div > div.articles > div.col-3 > a.video-pic > img {
		border-radius: 10px;
		display: block;
	}


	.article-home-articles > div > div.articles > div.col-video > video,
	.article-home-articles > div > div.articles > div.col-video:hover > video,
	.article-home-articles > div > div.articles > div.col-3 > div.watch-video,
	.article-home-articles > div > div.articles > div.col-3 > div.watch-video > div.text{
		display: none;
	}


	.article-home-articles > div > div.articles > div.col-3 > a.article-title-link{
		width:65%;
		text-decoration: none;
		padding: 0;
		letter-spacing:-0.1vw;
		line-height: 5vw;
		font-size:4.5vw;
		display: inline;
		float: right;
		padding: 0px 10px;
	}

	/*Single Articles*/
	/*left articles*/
	div.single-article > div.col-5{
		margin: 0 auto;
	}

	div.single-article > div.col-5 > dl.book-title,
	div.single-article > div.col-5 > dl > dd,
	div.single-article > div.col-5 > ol > li > p.body,
	div.single-article > div.col-5 > ul > li > p.body,
	div.single-article > div.col-5 > p,
	div.single-article > div.col-5 > p.body,
	div.single-article > div.col-6 > p
	{
		line-height: 7.5vw;
		font-size: 4.5vw;
	}

	div.single-article > div.col-5 > dl.book-title,
	div.single-article > div.col-5 > p.body
	{
		text-align: left;
		padding: 0 10px 0 0;
		margin-left: 12.5px;
	}

	div.single-article > div.col-5 > ol > li > p.body,
	div.single-article > div.col-5 > ul > li > p.body{
		padding: 0 10px 0 0;
		text-align: left;
		margin-bottom: 15px;

	}

	div.single-article > div.col-5 > ol > li, 
	div.single-article > div.col-5 > ol > li > h3, 
	div.single-article > div.col-5 > ul > li , 
	div.single-article > div.col-5 > ul > li > h2, 
	div.single-article > div.col-5 > h2 
	{
		text-align: left;
		font-size: 14.5pt;
	}

	div.single-article > div.col-5 > ul > li {
		margin: 0;
	}

	div.single-article > div.col-5 > ul > li > h2 {
		margin: 10px 0 5px 12.5px;
		line-height: 30px;
	} 

	div.single-article > div.col-5 > h2 {
		margin: 0 0 10px 15px;
	} 

	div.single-article > div.col-5 >  h1,
	div.single-article > div.col-6 > h1 {
		line-height: 10vw;
		line-height: 10vw;
		font-size: 10vw;
		margin-bottom: 25px;
	}

	div.single-article > div.col-5 > hr {
		background-color: var(--orange) !important;
		height: 10px;
		border-radius: 15px;
		width: 75%;
		margin: 20px auto;
	}
	div.single-article > div.col-5 > img {
		width: 85vw;
		max-width: 100%;
		height: auto;
		margin-top:15px;
		margin-bottom:20px;
	}
	div.single-article > div.col-5 > div.row > div {
		padding: 25px 0px 10px 0px;
	}

	/*right articles*/
	div.single-article > div.col-1 > div.vertical-line {
		display: none;
	}

	div.single-article > div.col-3 {
		display: none;
	}

	footer {
		font-size: 3vw !important;
	}

	/*Top button*/
	#myBtn {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		border: none;
		outline: none;
		background-color: var(--orange);
		color: white;
		cursor: pointer;
		padding: 10px 15px;
		border-radius: 50px;
		font-size: 25px;
		box-shadow: 
		0 20px 40px var(--orange);
	}

	#myBtn:hover {
		background-color: var(--orange); /* Add a dark-grey background on hover */
	}

	/*MOBILE FAQ*/
	div.faqs {
		text-align: left;
		margin: 0;
		letter-spacing: normal;
	}

	div.faqs > div.col-10 > h1 {
		font-family: Poppins-SemiBold;
		font-size: 6vw;
		line-height: normal;
		text-align: center;
	}

	div.faqs > div.col-10 > hr {
		max-width: 100%;
		background-color: #F8931F !important;
		height: 6px;
		border-radius: 15px;
	}

	div.faqs > div.col-10 > ul {
		margin-top:5px;
		letter-spacing: normal;
		list-style: none;
		padding: 0 10px;
	}

	div.faqs > div.col-10 > ul > li {
		margin-bottom: 15px;
	}

	div.faqs > div.col-10 > ul > li > h2 {
		line-height: 6vw;
		font-family: Poppins-SemiBold;
		font-size: 4vw;
		margin-bottom: 12.5px;
	}

	div.faqs > div.col-10 > ul > li > p {
		font-size: 4vw;
		line-height: 5.5vw;
	}


}

/* Tablet Styles */
@media only screen and (min-width: 431px) and (max-width: 960px) {

	nav#nav-desktop {
		display: none;
	}

	nav#nav-mobile {
		display: flex;
	}
	nav#nav-mobile > a > img {
		width: 40%;
		max-width: 40%;
		vertical-align: middle;
		height: auto;
		margin: 0 auto;
	}

	nav#nav-mobile ul li a {
		text-decoration: none;
		font-family: Poppins-SemiBold;
		color: black;
		font-size: 1rem;
		width: 100%;
		display: block;
		line-height: 6.7vh;
	}

	nav#nav-mobile > .nav-menu {
		height: auto;
		position: fixed;
		left: -100%;
		margin-top:5.8rem;
		top:0;
		flex-direction: column;
		background-color: #fff;
		width: 100%;
		border-radius: 10px;
		text-align: center;
		transition: 0.3s;
		box-shadow:
		0 10px 27px rgba(0, 0, 0, 0.05);
	}

	nav#nav-mobile > .hamburger {
		display: block;
		cursor: pointer;
	}

	nav#nav-mobile > .hamburger > .bar {
		width: 55px;
		height: 9px;
		margin: 9px auto;
	}

	nav#nav-mobile > .nav-menu.active {
		left: 0;
	}

	/*article home header*/
	div#article-home-header > div.col-10 {
		text-align: center;
	}

	div#article-home-header > div.col-10 > h1 {
		line-height: 7.5vw;
		font-size: 8.5vw;
		letter-spacing: -0.15vw;
	}	

	div#article-home-header > div.col-10 > h2 {
		font-size: 5.5vw;
		line-height: 10vw;
		letter-spacing: -0.15vw;
		margin-bottom: 0px;
	}

	div#article-home-header > div.col-10 > hr {
		margin: 10px auto 30px auto;
		height: 10px;
	}		

	/*article cards*/
	.article-home-articles {
		margin-top: 0px;
		padding: 0px 15px 0px 15px;	
		text-align: left;
	}

	.article-home-articles > div > div.articles {
		padding: 0;
	}

	.article-home-articles > div > div.articles > div {
		padding: 6.5px 5px;
		overflow: hidden;
		box-shadow: 
		/*0 5px 27px rgba(0, 0, 0, 0.05);*/
		0px 20px 20px 3px rgb(0 0 0 / 2%);
	}

	.article-home-articles > div > div.articles > div > a {

		text-decoration: none;
		float: left;
		width:35%;
		height: 100%;
		display: inline;
	}

	.article-home-articles > div > div.articles > div.col-3 > a > img.img-fluid{
		width:auto;
		height: auto;
		margin: 0;
		border-radius: 7px;
	}

	.article-home-articles > div > div.articles > div.col-3 > a.video-pic,
	.article-home-articles > div > div.articles > div.col-3:hover > a.video-pic > img,
	.article-home-articles > div > div.articles > div.col-3 > a.video-pic > img {
		border-radius: 20px;
		display: block;
	}


	.article-home-articles > div > div.articles > div.col-video > video,
	.article-home-articles > div > div.articles > div.col-video:hover > video,
	.article-home-articles > div > div.articles > div.col-3 > div.watch-video,
	.article-home-articles > div > div.articles > div.col-3 > div.watch-video > div.text{
		display: none;
	}


	.article-home-articles > div > div.articles > div.col-3 > a.article-title-link{
		width:65%;
		text-decoration: none;
		padding: 0;
		letter-spacing:-0.1vw;
		line-height: 5vw;
		font-size:4.5vw;
		display: inline;
		float: right;
		padding: 0px 10px 0px 30px;
	}

	/*Single Articles*/
	/*left articles*/
	div.single-article > div.article-column{
		/*margin: 0 auto;*/
	}

	div.single-article > div.col-5 >  h1,
	div.single-article > div.col-6 > h1 {
		line-height: 7.5vw;
		letter-spacing: -0.15vw;
		font-size: 45pt;
		margin-bottom: 0px;
	}

	div.single-article > div.col-5 > p {
		margin-top:10px;
	}

	div.single-article > div.col-5 > hr,
	div.single-article > div.col-6 > hr.video-line
	{
		background-color: var(--orange) !important;
		height: 10px;
		border-radius: 15px;
		width: 75%;
		margin: 20px auto;
	}

	div.single-article > div.col-5 > dl.book-title,
	div.single-article > div.col-5 > dl > dd,
	div.single-article > div.col-5 > ol > li > p.body,
	div.single-article > div.col-5 > ul > li > p.body,
	div.single-article > div.col-5 > p,
	div.single-article > div.col-5 > p.body,
	div.single-article > div.col-6 > p
	{
		line-height: 6vw;
		font-size: 3.5vw;
	}

	div.single-article > div.col-5 > dl.book-title,
	div.single-article > div.col-5 > p.body {
		text-align: left;
		padding: 0 10px;
		margin-right: 12px;
		margin-left: 25px;
	}

	div.single-article > div.col-5 > ol > li,
	div.single-article > div.col-5 > ol > li > h3 {
		font-size: 23.5pt;

	}

	div.single-article > div.col-5 > ul > li > h2,
	div.single-article > div.col-5 > h2
	{
		margin-top:50px;
		line-height: 5vw;
		letter-spacing: -0.15vw;
		font-size: 25pt;
	}

	div.single-article > div.col-5 > h2 {
		margin: 50px 10px 25px 30px;
		padding: 0 10px;	
	}

	div.single-article > div.col-5 > ol > li,
	div.single-article > div.col-5 > ul > li
	{
		padding: 0 10px;	
		margin: 0 10px 0 50px;

	}

	div.single-article > div.col-5 > img {
		width: 83vw;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}


	div.single-article > div.col-5 > div.row > div {
		padding: 25px 0px 10px 0px;
	}

	/*right articles*/
	div.single-article > div.col-1 > div.vertical-line {
		display: none;
	}

	div.single-article > div.col-3 {
		display: none;
	}


	/*Top button*/
	#myBtn {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		border: none;
		outline: none;
		background-color: var(--orange);
		color: white;
		cursor: pointer;
		padding: 10px 15px;
		border-radius: 50px;
		font-size: 25px;
	}

	#myBtn:hover {
		background-color: var(--orange); /* Add a dark-grey background on hover */
	}

	/*Tablet faq*/
	div.faqs {
		text-align: left;
		margin: 0;
		letter-spacing: normal;
	}

	div.faqs > div.col-10 > h1 {
		font-family: Poppins-SemiBold;
		font-size: 6vw;
		line-height: normal;
		text-align: center;
	}

	div.faqs > div.col-10 > hr {
		max-width: 100%;
		background-color: #F8931F !important;
		height: 6px;
		border-radius: 15px;
	}

	div.faqs > div.col-10 > ul {
		margin-top:5px;
		letter-spacing: normal;
		list-style: none;
		padding: 0 10px;
	}

	div.faqs > div.col-10 > ul > li {
		margin-bottom: 15px;
	}

	div.faqs > div.col-10 > ul > li > h2 {
		line-height: 6vw;
		font-family: Poppins-SemiBold;
		font-size: 4vw;
		margin-bottom: 12.5px;
	}

	div.faqs > div.col-10 > ul > li > p {
		font-size: 4vw;
		line-height: 5.5vw;
	}

	/*Utilities*/
	.col-m-1 {
		margin: 0 .5%;
		width: 7.33%;
	}
	.col-m-2 {
		margin: 0 .5%;
		width: 15.66%;
	}
	.col-m-3 {
		margin: 0 .5%;
		width: 24%;
	}
	.col-m-4 {
		margin: 0 .5%;
		width: 32.33%;
	}
	.col-m-5 {
		margin: 0 .5%;
		width: 40.66%;
	}
	.col-m-6 {
		margin: 0 .5%;
		width: 49%;
	}
	.col-m-7 {
		margin: 0 .5%;
		width: 57.33%;
	}
	.col-m-8 {
		margin: 0 .5%;
		width: 65.66%;
	}
	.col-m-9 {
		margin: 0 .5%;
		width: 74%;
	}
	.col-m-10 {
		margin: 0 .5%;
		width: 82.33%;
	}
	.col-m-11 {
		margin: 0 .5%;
		width: 90.66%;
	}
	.col-m-12 {
		margin: 0 .5%;
		width: 99%;
	}

	.d-none {
		display: none;
	}
	.d-block{
		display: block;
	}

	.text-center {
		text-align: center;
	}

	footer {
		font-size: 3vw !important;
	}

}

/* Desktop Styles */
@media only screen and (min-width: 961px) and (max-width: 1025px){
	.container {
		margin-top: 25vh;
	}

	nav#nav-desktop > div > span.dropdown-triangle {
		display: inline-block;
		width: 0;
		height: 0;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 12px solid #0D73B9;
		position: relative;
		bottom: 47px;
	}
	/*Navbar*/
	nav#nav-mobile {
		display: none;
	}

	nav#nav-desktop > div > img {
		max-width: 70%;
		vertical-align: middle;
		height: auto;
		margin: auto 0;
	}

	nav#nav-desktop > div.col-2 {
		text-align: center;
		display: inline-block;
		line-height: 15vh;
		height: 15vh;
	}
	nav#nav-desktop a {
		font-family: Poppins-SemiBold;
		width: 100%;
		display: inline-block;
		text-decoration: none;
		color: var(--orange);
		font-size:  2vw;
	}

	#myBtn {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		border: none;
		outline: none;
		background-color: var(--orange);
		color: white;
		cursor: pointer;
		padding: 10px 15px;
		border-radius: 50px;
		font-size: 25px;
	}

	#myBtn:hover {
		background-color: var(--orange); /* Add a dark-grey background on hover */
	}

}


@media only screen and (min-width:1281px) {
	nav#nav-mobile {
		display: none;
	}

	nav#nav-desktop > div.col-2 {
		text-align: center;
		display: inline-block;
		line-height: 21vh;
		height: 21vh;
	}

	.container {
		margin-top: 29vh;
	}

		/*Top button*/
	#myBtn {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		border: none;
		outline: none;
		background-color: var(--orange);
		color: white;
		cursor: pointer;
		padding: 10px 15px;
		border-radius: 50px;
		font-size: 25px;
	}

	#myBtn:hover {
		background-color: var(--orange); /* Add a dark-grey background on hover */
	}
}