@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;300;400;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&family=Work+Sans:wght@100;300;400;600;700;800&display=swap");
a {
  text-decoration: none;
}

ul {
  margin: 0px;
  padding: 0px;
}

ul li {
  list-style: none;
}

img {
  width: 100%;
}

header {
  padding-top: 20px;
}
header .social {
  display: flex;
  align-items: center;
  -moz-column-gap: 22px;
       column-gap: 22px;
  height: 100%;
}
header .social svg {
  font-size: 22px;
  color: #4267B2;
}
header .social svg:hover {
  color: #FE0000;
}
header .logo img {
  width: 80%;
}
header .menuWrapper {
  padding: 10px 0px;
  display: flex;
  align-items: center;
  margin-top: 20px;
  background-color: #463B82;
  font-family: "Work Sans", sans-serif;
}
header .menuWrapper .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
header .menuWrapper .search {
  display: inherit;
  padding: 2px;
  border-bottom: 1px solid #EEF8FF;
}
header .menuWrapper .search input {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  color: #EEF8FF;
}
header .menuWrapper .search input::-moz-placeholder {
  color: #EEF8FF;
}
header .menuWrapper .search input::placeholder {
  color: #EEF8FF;
}
header .menuWrapper .search svg {
  font-size: 18px;
  color: #EEF8FF;
}

.menu {
  font-family: "Work Sans", sans-serif;
}
.menu svg {
  display: none;
}
.menu ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  -moz-column-gap: 36px;
       column-gap: 36px;
}
.menu ul li a {
  white-space: nowrap;
  font-weight: 500;
  line-height: 1.8;
  color: #EEF8FF;
  font-size: 16px;
}
.menu ul li a:hover {
  transition: 0.5s ease-in-out;
  color: #FE0000;
}

footer {
  padding: 30px 0px;
  background-color: #4152A5;
}
footer a {
  color: #ffffff;
}
footer .footer-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
footer .logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .logo img {
  width: 70%;
}
footer .footerContent {
  color: #ffffff;
  border-top: 1px solid #39739E;
  padding-top: 10px;
  font-family: "Inter", sans-serif;
}
footer .footerContent a {
  color: #fff;
}
footer .footerContent a:hover {
  color: #a9adaf;
  transition: 0.5s ease;
}
footer .footerContent h3 {
  width: 100%;
  font-size: 26px;
  font-weight: 800;
}
footer .footerContent .usefulLinks {
  height: 100%;
  border-right: 1px solid #39739E;
  border-left: 1px solid #39739E;
  padding-left: 40px;
}
footer .footerContent .usefulLinks ul {
  display: flex;
  flex-direction: column;
}
footer .footerContent .usefulLinks ul li a {
  font-size: 16px;
  margin: 5px 0px;
  line-height: 1.8;
}
footer .footerContent .latest a {
  display: block;
  font-size: 16px;
  padding: 7px 0px;
}

.mainWrapper {
  font-family: "Inter", sans-serif;
}
.mainWrapper a {
  color: #222222;
}
.mainWrapper a:hover {
  color: #FE0000 !important;
}
.mainWrapper h3 a {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
}
.mainWrapper p {
  padding: 8px 0px;
  color: #222222;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  text-align: justify;
}
.mainWrapper .subPost {
  margin-top: 20px;
  padding: 20px 0px;
  border-top: 1px solid #EAEAEA;
}
.mainWrapper .subPost a {
  text-align: justify;
  color: #222222;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 25px;
}
.mainWrapper .subPost img {
  padding: 10px 0px;
}

.recent {
  padding: 20px 0px 20px 20px;
  border-left: 1px solid rgba(171, 184, 192, 0.18);
  box-shadow: 0px 22px 20px -20px rgba(171, 184, 192, 0.71);
  font-family: "Inter", sans-serif;
}
.recent h3 {
  padding-bottom: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  color: #222222;
}
.recent .post {
  padding: 16px 0px;
  border-top: 1px dashed rgba(170, 187, 187, 0.4);
}
.recent .post h6 {
  text-align: justify;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.recent .post h7 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
}
.recent .post p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.long-ad {
  margin: 30px 0px;
}

.title {
  padding: 30px 0px;
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.title .titleContent {
  color: #2F2661;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  white-space: nowrap;
}
.title .shape {
  width: 100%;
}
.title .shape1 {
  height: 2px;
  margin: 2px 0px;
  background-color: #2F2661;
}

button {
  width: 100%;
  background-color: #006EB8;
  border: 1px solid #006EB8;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.5;
  outline: none;
  color: #ffffff;
  padding: 10px;
}
button:hover {
  font-size: 16px;
  font-weight: 600;
  transition: 0.5s ease;
  color: #FE0000;
  border: 1px solid #006EB8;
  background-color: #ffffff;
}

.educationnews a {
  color: #222222;
}
.educationnews a:hover {
  color: #FE0000;
  transition: 0.5s ease;
}
.educationnews .smallPost {
  margin-bottom: 28px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.educationnews .smallPost h7 {
  padding: 10px;
  display: block;
  color: #222222;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
}

.meta {
  display: flex;
  -moz-column-gap: 26px;
       column-gap: 26px;
  color: #222222;
  font-size: 14px;
  font-weight: 400;
}
.meta svg {
  margin-right: 8px;
}

.pstImg {
  border-radius: 5px;
  position: relative;
}
.pstImg #bgImg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  height: 100%;
}
.pstImg .imgContent {
  color: #ffffff;
  position: absolute;
  right: 0;
  bottom: 5%;
  left: 10%;
  z-index: 2;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 25px;
}
.pstImg .imgContent a {
  color: #ffffff;
}
.pstImg .imgContent a:hover {
  color: #FE0000;
}
.pstImg .imgContent .meta {
  display: flex;
  -moz-column-gap: 26px;
       column-gap: 26px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
}
.pstImg .imgContent .meta svg {
  margin-right: 8px;
}

.educationBlog {
  background: rgba(19, 84, 135, 0.1);
  font-family: "Inter", sans-serif;
  padding: 40px 0px;
}
.educationBlog a {
  padding: 10px 0px;
  color: #222222;
}
.educationBlog a:hover {
  transition: 0.5s ease;
  color: #FE0000;
}
.educationBlog h4 {
  margin: 0px;
  padding: 10px 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
}
.educationBlog h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  padding: 5px;
}
.educationBlog p {
  padding: 0px 5px;
  color: #655D5D;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.trueStory {
  width: 100%;
  font-family: "Work Sans", sans-serif;
}
.trueStory .storyContent {
  display: flex;
  flex-direction: column;
  padding: 10%;
}
.trueStory .storyContent h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 32x;
  line-height: 32px;
}
.trueStory .storyContent p {
  color: #655D5D;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}
.trueStory .storyContent button {
  padding: 10px 36px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
}
.trueStory .pstImg {
  margin: 30px 0px;
}

.singlePost {
  padding: 20px 0px;
  background-color: #F4F4F4;
}
.singlePost .maintitle {
  padding: 30px;
}
.singlePost .maintitle h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 61px;
}

.mainContent p {
  color: #655D5D;
  text-align: justify;
}

.ad img {
  padding: 16px 0px;
}

.recentItem {
  font-family: "Inter", sans-serif;
  color: #222222;
}
.recentItem h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
}
.recentItem .relatedCard {
  padding: 12px 0px;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
  border-top: 1px dashed rgba(170, 187, 187, 0.4);
}
.recentItem .relatedCard h6 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.categoryWrap {
  font-family: "Inter", sans-serif;
}
.categoryWrap .categoryTitle {
  margin-bottom: 24px;
  padding: 30px 0px;
  background-color: #e8eff4;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.categoryWrap .categoryTitle h4 {
  color: #222222;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
}
.categoryWrap .categoryTitle .subtitle {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.categoryWrap .categoryTitle .subtitle h6 {
  color: #222222;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.categoryWrap .categoryTitle .subtitle div:nth-child(2) {
  color: #FE0000;
}
.categoryWrap .categoryTitle .subtitle div:nth-child(2) h6 {
  color: #FE0000;
}
.categoryWrap .pstImg img {
  height: 400px;
}
.categoryWrap .pstImg .imgContent a:hover {
  color: #FE0000;
}

.mainCategory {
  margin: 20px 0px;
  font-family: "Inter", sans-serif;
}
.mainCategory a {
  color: #222222;
}
.mainCategory a:hover {
  transition: 0.5s ease;
  color: #FE0000;
}
.mainCategory .mainPost {
  border: 1px solid #EAEAEA;
  box-shadow: 6px 12px 24px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 14px;
}
.mainCategory .mainPost h4 {
  margin: 10px 0px;
  color: #222222;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
}
.mainCategory .mainPost p {
  margin: 10px 0px;
  color: #655D5D;
}
.mainCategory .mainPost button {
  border-radius: 5px;
}
.mainCategory .metaSecond {
  color: #655D5D;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid rgba(170, 187, 187, 0.4);
  border-top: 1px solid rgba(170, 187, 187, 0.4);
}
.mainCategory .metaSecond h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
}
.mainCategory .metaSecond a {
  color: #655D5D;
}
.mainCategory .metaSecond a:hover {
  color: #FE0000;
}/*# sourceMappingURL=style.css.map */