@font-face {
  font-family: 'Poppins Medium';
  src: url("../fonts/Poppins-Medium.otf");
}
@font-face {
  font-family: 'Poppins SemiBold';
  src: url("../fonts/Poppins-SemiBold.otf");
}
@font-face {
  font-family: 'Poppins Bold';
  src: url("../fonts/Poppins-Bold.otf");
}
@font-face {
  font-family: 'Proxima Light';
  src: url("../fonts/proximaLight.otf");
}
@font-face {
  font-family: 'Proxima Regular';
  src: url("../fonts/proximaRegular.otf");
}
@font-face {
  font-family: 'Proxima SemiBold';
  src: url("../fonts/proximaSemiBold.otf");
}
@font-face {
  font-family: 'opensans bold';
  src: url("../fonts/OpenSans-Bold.ttf");
}
@font-face {
  font-family: 'Proxima Bold';
  src: url("../fonts/proximaBold.otf");
}
@font-face {
  font-family: "worksans regular";
  src: url("../fonts/WorkSans-Regular.ttf")
}
body {
  font-family: 'worksans regular', sans-serif;
  line-height: 1.6;
  color: rgba(255, 255, 255, .7);
}
h1 {
  font-family: 'Poppins Bold', sans-serif;
  font-size: 2rem;
  line-height: 1.54;
}
h2 {
  font-size: 1.75rem;
  line-height: 1.6;
}
h6 {
  font-size: 1.125rem;
}
h2, h3, h4, h5, h6 {
  font-family: 'Poppins SemiBold', sans-serif;
}
span {
  font-family: 'Poppins SemiBold', sans-serif;
}

/* fonts */
.h-semi-bold {
  font-family: 'Proxima SemiBold', sans-serif;
}
.h-small {
  text-transform: uppercase;
  font-family: 'Poppins SemiBold', sans-serif;
  font-size: 13px;
}

.hr {
  border: 1px solid #DDEAF5;
  width: 100%;
  height: 0px;
  margin-bottom: 20px;
}
.blue-line {
  border: 1px solid #1C75BC;
  width: 100%;
  height: 0px;
}
.pillar-card-borders {
  border: 2px solid #1C75BC;
  width: 20%;
  height: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pillar-card-borders2 {
  border: 2px solid #EF4136;
  width: 20%;
  height: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pillar-card-borders3 {
  border: 2px solid #89AE5E;
  width: 20%;
  height: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pillar-card-borders4 {
  border: 2px solid #1B2312;
  width: 20%;
  height: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.hr2 {
  border: .5px solid #DDEAF5;
  width: 100%;
  height: 0px;
  margin-top: 110px;
}
.footer-hr {
  border: .5px solid #4E545A;
  width: 100%;
  height: 0px;
  margin-bottom: 20px;
  margin-top: 70px;
}

/* Colors */
.clr-white {
  color: white;
}
.clr-white-o {
  color: rgba(255, 255, 255, 0.8);
}
.clr-black {
  color: black;
}
.clr-orange {
  color: #FD6F5F;
}
.clr-green {
  color: rgba(40, 188, 108, 1);
}
.clr {
  color: #FFFFFF;
}
.app {
  color: #FD6F5F;
}
.footer-gpa {
  color: rgba(69, 103, 128, 1);
}
.clr-lightblue {
  color: #1C75BC;
  font-size: 14px;
}
.a-link a:hover{
  color: lightblue !important;
  text-decoration: none;
}
a:hover {
  color: #EF4136;
  text-decoration: none;
}
a {
  color: #EF4136;
}

/* Background colors */
.bg-orange {
  background: #FD6F5F;
}
.bg-orange2 {
  background: #EF4136;
}
.bg-pink {
  background: rgba(236, 0, 140, 1);
}
.bg-gray {
  background: rgba(74, 74, 74, 1);
}
.bg-dark {
  background: rgb(194, 204, 214);
  background-blend-mode: multiply;
}
.bg-grey {
  background: rgba(74, 74, 74, 1);
}
.bg-baby-blue {
  background: rgba(28, 117, 188, 1);
}
/* Buttons */
.btn-mygpa, .btn-action {
  font-family: 'Proxima SemiBold', sans-serif;
}

/* Components */
/* Modal Form */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(95, 95, 95, .6) !important; /* Firefox */
}
::-webkit-input-placeholder {
  color: rgba(95, 95, 95, .6) !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(95, 95, 95, .6) !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(95, 95, 95, .6) !important;
}

#action a, #action a:hover {
  color: white;
}

/* Hero Section */
#hero-action {
  background: rgba(34, 41, 49, .9);
}

input[type=text].blog-control, input[type=number].blog-control, input[type=email].blog-control{
  height: 41px;
  box-sizing: border-box;
  border: 1px solid rgba(208, 208, 208, 1);
  margin-top: 16px;
  background: rgba(239, 239, 239, 1);
  border-radius: 0;
  color: #000000;;
  font-size: 15px;
  font-family: 'WorkSans Regular', sans-serif;
}

.blog-control::placeholder { 
  color: #000000;;
  font-size: 15px;
  font-family: 'WorkSans Regular', sans-serif;
 }

 .blog-sm {
  font-size: 13px;
  color:#1B1464;
}
.category-link {
  font-family: "Poppins-Medium",sans-serif;
  font-size: 17px;
  color: #434343;
}
.f-f {
  font-family: 'OpenSans Bold', sans-serif
}

::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(28, 117, 188, 1);
}