/* ============================ */
/* Common css */
/* ============================ */

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

html {
  scroll-behavior: smooth;
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  line-height: 2;
}

:root {
  --primary-color:  #04091e;
  --secenday-color:#000;
  --text-color: #2f2e35;
  --text-color-1: #3b3e4d;
  --heading-color: #2b2d38;
  --teal: #036351;
  --transition-time: .3s;
  /* extra other color */
  --white-color: #ffffff;
  --white-color-50: #868686;
  --white-text-hover: rgba(255, 255, 255, .7);
  --header-section-bg: #f1f1f1;
  --footer-section-bg: #04091e;
  --footer-text-color: #C2C5DB;
  --primary-colorq:#27AAE1;
  /* Body Bg */
  --body-bg: #eceff2;
  --blue-color: #5686ff;
  --blue-color-hover: #356efd;
  --red-color: #ff5671;
  --button-hover: #373c41;
  --border-radius: 5px;
  --blue-btn-hover: #5686ffdb;
  /*Color mode HSL(hue, saturation, lightness)*/
  --black-color: hsl(220, 24%, 12%);
  --black-color-light: hsl(220, 24%, 15%);
  --black-color-lighten: hsl(220, 20%, 18%);
  --header-height: 2.5rem;
  /*========== Font weight ==========*/
  --font-regular: 400;
  --font-semi-bold: 600;
}

body {
  background: var(--body-bg) !important;
  font-family: "Poppins", serif;
  font-size: 15px !important;
  line-height: 1.5em;
}

img {
  width: 100%;
  height: auto;
}

.rounded-3 {
  border-radius: 3px;
}

.rounded-5 {
  border-radius: 5px;
}

a {
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

button {
  font-size: 14px;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "poppins", sans-serif;
  line-height: 1.2em;
  color: var(--heading-color);
  font-weight: 600;
}

h2 {
  font-size: 28px;
  margin-bottom: 15px;
}

h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h2.section-title {
  font-size: 25px !important;
}

/* ============================ */
/* Reusable CSS */
/* ============================ */

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

a.readmore {
  background: var(--pink);
  color: #000000;
  font-size: 15px;
  padding: 10px 25px;
  text-decoration: none;
  display: inline-block;
  border-radius: 3px;
  transition: 0.5s;
}

p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px;
}

a.readmore:hover {
  background: #262626;
}

.site-btn {
  color: #fff;
  background: #000;
  padding: 10px 20px;
  text-transform: capitalize !important;
  display: inline-block;
  transition: var(--transition-time);
  border-radius: 3px;
}

.site-red-btn {
  color: #fff;
  background-color: var(--red-color) !important;
  padding: 8px 16px;
  text-transform: capitalize !important;
  display: inline-block;
  transition: var(--transition-time);
  border-radius: 3px;
  font-size: 14px !important;
}

.site-red-btn {
  background-color: var(--button-hover);
  color: var(--white-color);
}

.site-blue-btn {
  outline: none;
  border: none;
  color: var(--white-color);
  background-color: var(--blue-color) !important;
  padding: 8px 16px;
  text-transform: capitalize !important;
  display: inline-block;
  transition: var(--transition-time);
  border-radius: 3px;
  font-size: 15px !important;
}

.site-blue-btn:hover {
  background-color: var(--red-color) !important;
  color: var(--white-color) !important;
}

.site-btn:hover {
  color: #e9e9e9;
}

.no-padding {
  padding: 0 !important;
}

.sec-padd-80 {
  padding: 80px 0px;
}

.sec-padd-50 {
  padding: 50px 0px;
}

.sec-padd-20 {
  padding: 20px 0;
}

.pt-90 {
  padding-top: 90px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-20 {
  padding-bottom: 20px;
}

/* Section heading */
.sec-head .title {
  font-size: 45px;
  line-height: 120%;
  text-transform: inherit;
  font-weight: 600;
  margin-bottom: 20px !important;
}

/* 0 - 768 work only  */
@media only screen and (max-width: 768px){
 .sec-head .title {
  font-size: 36px !important;
 }
}

.sec-head h5#sub-heading {
  font-family: "gotu", sans-serif !important;
  font-size: 16px;
}

#title {
  font-size: 36px;
  line-height: 120%;
  font-weight: 800;
  letter-spacing: -1px;
  background: linear-gradient(90deg, var(--blue-color) 8%, var(--secenday-color) 60%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

a.site-red-button {
  background: #ff5671;
  display: inline-block;
  padding: 13px 42px;
  border-radius: 30px;
  color: #fff;
  text-transform: capitalize;
  font-size: 16px !important;
  transition: var(--transition-time);
}

a.site-red-button:hover{
  background-color: #ff5672f5;
  color: #eee;
}

@media only screen and (max-width: 768px){
  .col-rev{
    flex-direction: column-reverse !important;
  }
}

/* Google Ads Overflow Hidden */
.ads_overflow_hidden{
	overflow: hidden;
}

.bg-white{
	background: #ffffff !important;
}

/* Google ads css */
.sidebar-ads-1 {
  width: 100% !important;
  height: 300px !important;
  overflow: hidden !important;
}

/* BG blue highlight 20 */
.blue-highlight-20{
  background: #ddddff;
  padding: 15px 15px 5px 15px;
  border-radius: 3px;
  cursor: pointer;
}

.mark,
mark{
  padding: .1875em;
  background-color: #f8e4a6;
  border-radius: 3px;
}

/*=======================================
Header section
========================================*/

/* =============== Header =============== */
.header {
  background-color: var(--black-color);
  box-shadow: 0 2px 16px hsla(220, 32%, 8%, .3);
}

/* =============== Nav =============== */
.nav {
  height: 3.5rem;
}

.nav__logo, 
.nav__burger, 
.nav__close {
  color: var(--white-color);
}

.nav__data {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .nav__data {
    padding: 0 1rem;
  }
}

.nav__logo {
  display: inline-flex;
  align-items: center;
  column-gap: .75rem;
  font-size: 17px;
  font-weight: 600;
}

.nav__logo i {
  font-weight: initial;
  font-size: 1.25rem;
}

.nav__toggle {
  position: relative;
  width: 32px;
  height: 32px;
}

.nav__burger, 
.nav__close {
  position: absolute;
  width: max-content;
  height: max-content;
  inset: 0;
  margin: auto;
  font-size: 1.25rem;
  cursor: pointer;
  transition: opacity .1s, transform .4s;
}

.nav__close {
  opacity: 0;
}

/* Navigation for mobile devices */
@media screen and (max-width: 1118px) {
  .nav__menu {
    position: absolute;
    left: 0;
    top: 2.5rem;
    width: 100%;
    height: calc(100vh - 3.5rem);
    overflow: auto;
    pointer-events: none;
    opacity: 0;
    transition: top .4s, opacity .3s;
  }

  .nav_-menu::-webkit-scrollbar {
    width: 0;
  }

  .nav__list {
    background-color: var(--black-color);
    padding-top: 1rem;
    list-style-type: none !important;
  }

}

.nav__link{
  color: var(--white-color);
  background-color: var(--black-color);
  padding: 1.25rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color .3s;
  text-transform: capitalize;
}

.nav__link:hover {
  background-color: var(--black-color-light);
}

/* Show menu */
.show-menu {
  opacity: 1;
  top: 2.5rem;
  pointer-events: initial;
}

/* Show icon */
.show-icon .nav__burger {
  opacity: 0;
  transform: rotate(90deg);
}

.show-icon .nav__close {
  opacity: 1;
  transform: rotate(90deg);
}

/* =============== Dropdown =============== */
.dropdown__item {
  cursor: pointer;
}

.dropdown__arrow {
  font-size: 1.25rem;
  font-weight: initial;
  transition: transform .4s;
}

.dropdown__link, 
.dropdown__sublink {
  padding: 1rem 1rem 1.25rem 2.5rem;
  color: var(--white-color);
  background-color: var(--black-color-light);
  display: flex;
  align-items: center;
  column-gap: .5rem;
  transition: background-color .3s;
  text-transform: capitalize;
}

.dropdown__link i, 
.dropdown__sublink i {
  font-size: 1.25rem;
  font-weight: initial;
}

.dropdown__link:hover, 
.dropdown__sublink:hover {
  background-color: var(--black-color);
}

.dropdown__menu, 
.dropdown__submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease-out;
  list-style-type: none !important;
}

/* Show dropdown menu & submenu */
.dropdown__item:hover .dropdown__menu, 
.dropdown__subitem:hover > .dropdown__submenu {
  max-height: 1000px;
  transition: max-height .4s ease-in;
}

/* Rotate dropdown icon */
.dropdown__item:hover .dropdown__arrow {
  transform: rotate(180deg);
}

/*=============== Dropdown submenu ===============*/
.dropdown__add {
  margin-left: auto;
}

.dropdown__sublink {
  background-color: var(--black-color-lighten);
}

/* =============== BREAKPOINTS =============== */
/* For small devices */
@media screen and (max-width: 340px) {
  .nav__link {
    padding-inline: 1rem;
  }
}

/* For large devices */
@media screen and (min-width: 1118px) {
  .container {
    margin-inline: auto;
  }

  .nav {
    height: calc(var(--header-height) + 2rem);
    display: flex;
    justify-content: space-between;
  }

  .nav__toggle {
    display: none;
  }

  .nav__list {
    height: 100%;
    display: flex;
    column-gap: 3rem;
    list-style-type: none !important;
  }

  .nav__link {
    height: 100%;
    padding: 0;
    justify-content: initial;
    column-gap: .25rem;
  }

  .nav__link:hover {
    background-color: transparent;
  }

  .dropdown__item, 
  .dropdown__subitem {
    position: relative;
  }

  .dropdown__menu, 
  .dropdown__submenu {
    max-height: initial;
    overflow: initial;
    position: absolute;
    left: 0;
    top: 6rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s, top .3s;
    padding-left: 0 !important;
    width: max-content;
  }

  .dropdown__menu li {
    list-style-type: none;
  }

  .dropdown__link, 
  .dropdown__sublink {
    display: flex;
    padding: 1rem 2rem;
    width: 100% !important;
    font-weight: 400;
  }

  .dropdown__subitem .dropdown__link {
    padding-inline: 1rem;
  }

  .dropdown__submenu {
    position: absolute;
    left: 100%;
    top: .5rem;
  }

  /* Show dropdown menu */
  .dropdown__item:hover .dropdown__menu {
    opacity: 1;
    top: 4.5rem;
    pointer-events: initial;
    transition: top .3s;
    width: max-content;
  }

  /* Show dropdown submenu */
  .dropdown__subitem:hover > .dropdown__submenu {
    opacity: 1;
    top: 0;
    pointer-events: initial;
    transition: top .3s;
  }
}

/*====================================================
 Front page (home page)
======================================================*/
/*------------------------------------
 Hero area
------------------------------------*/
#hero {
  background-color: var(--teal);
  width: 100%;
  padding: 150px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hero h1{
  color: var(--white-color);
  font-size: 60px;
  font-weight: 400;
  margin: 0 40px;
}
#hero a#btn {
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
  background: #ff5671;
  display: inline-block;
  padding: 13px 42px;
  border-radius: 30px;
  color: #eeeeee;
  text-transform: capitalize;
  font-size: 16px !important;
  line-height: 1.5;
  transition: background 0.3s ease, color 0.3s ease;
  font-weight: 400;
}
#hero a#btn:hover{
  background-color: #fb4967;
}
/* Only 768 - 992 work for heading  */
@media (min-width: 768px) and (max-width: 992px){
  #hero {
  padding: 90px 0;
  }
  #hero h1{
    font-size: 42px;
    margin: 0;
  }
}
/* 0 - 768 work only  */
@media only screen and (max-width: 768px){
  #hero {
  padding: 80px 0;
  }
  #hero h1{
    font-size: 32px;
    margin: 0;
  }
  #hero a#btn {
    padding: 10px 30px;
    font-size: 15px !important;
  }
}
/*--------------------------------------
English course categories section
---------------------------------------*/
.english-course-categories {
  padding-top: 70px;
  padding-bottom: 60px;
}
.english-course-categories .category .col-md-4,
.english-course-categories .category .col-lg-4 {
  margin-bottom: 1.5rem;
}
/* Category item */
.category-item {
  text-align: center;
  background-color: var(--blue-color);
  padding: 20px 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: var(--transition-time);
  transform: scale(1);
}
.category-item:hover {
  background-color: var(--blue-btn-hover);
  transform: scale(1.01);
}
/* Img */
.category-item img {
  width: 24%;
  margin-bottom: 20px;
}
/* Heading */
.category-item h3 {
  font-size: 24px;
  font-weight: 500;
  color: #eeeeee;
  margin: 0;
}
.category-item:hover h3 {
  color: var(--white-color);
}
/*---------------------------------------
 latest post section (front page)
---------------------------------------*/
.latest-post-section {
  padding: 50px 0;
}
.home-post-title {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
/*--------------------------------------
 Choose section (front page)
---------------------------------------*/
#choose {
  background-color: var(--blue-color);
  color: var(--white-color);
}
#choose #title {
  background: none !important;
  background-clip: text;
  -webkit-background-clip: text;
  color: var(--white-color);
  cursor: pointer;
}
#choose #sub-heading {
  cursor: pointer;
}
#choose .choose-right .choose-btn {
  display: block;
  border: 2px solid var(--white-color);
  color: var(--secenday-color);
  background-color: var(--white-color) !important;
  padding: 8px 16px;
  text-transform: capitalize !important;
  display: inline-block;
  transition: var(--transition-time);
  border-radius: 1px;
  font-size: 15px !important;
}
#choose .choose-right .choose-btn:hover {
  color: var(--white-color);
  background-color: var(--blue-color) !important;
}
@media only screen and (max-width: 992px){
  #choose #title {
    font-size: 28px;
  }
}
/*--------------------------------------
 Latest articles aection (front page)
---------------------------------------*/
#latest-articles {
  padding: 80px 0;
	background: #ffffff;
}
#latest-articles .subtitle{
  margin: 0 !important;
}
#latest-articles .latest-articles-wrapper {
	background-color: #fff;
	border-radius: 5px;
}
#latest-articles .content-wrapper {
	padding-left: 20px;
	border-bottom: 1px solid #5686ff;
	border-left: 1px solid #5686ff;
	border-right: 1px solid #5686ff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 25px;
}
/* Image  */
#latest-articles #p-post-img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
/* post Title  */
#latest-articles .title a{
  display: inline-block;
  color: var(--secenday-color);
  font-size: 22px !important;
  font-family: "gotu", sans-serif;
  line-height: 120%;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#latest-articles h3.title a::first-letter {
  text-transform: uppercase;
}
#latest-articles .category a {
  font-family: "gotu", sans-serif;
  color: var(--white-color);
  font-weight: 500;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: var(--blue-color);
  padding: 3px 6px;
  border-radius: 4px;
  cursor: pointer;
}
#latest-articles .art-content {
  margin: 15px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
}
#latest-articles .readmore-btn {
  display: none;
}
/* Button  */
#latest-articles .article-btn a {
  margin-top: 30px;
  display: block;
  border: 2px solid var(--blue-color);
  color: var(--blue-color);
  background-color: transparent;
  padding: 10px 20px;
  text-transform: capitalize !important;
  display: inline-block;
  transition: var(--transition-time);
  border-radius: 1px;
  font-size: 15px !important;
}
#latest-articles .article-btn a:hover {
  color: var(--white-color);
  background-color: var(--blue-color) !important;
}
#latest-articles .custom-row .col-lg-4:nth-child(4) {
  display: none;
}
/* Responsive for mobile */
@media only screen and (max-width: 768px){
  #latest-articles .latest-articles-col:nth-child(3n) {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 992px){
  #latest-articles .custom-row .col-lg-4:nth-child(4){
    display: block;
  }
  #latest-articles .custom-row .col-lg-4{
    margin-bottom: 20px;
  }
  #latest-articles .article-btn a {
    margin-top: 10px;
  }
  #latest-articles .title{
    font-size: 42px;
  }
}
@media (max-width: 768px){
  #latest-articles .title{
    font-size: 32px;
  }
  .latest-articles .sec-head {
    width: 75%;
    margin: auto;
  }
  .content-wrapper {
    padding-top: 12px!important;
    padding-left: 25px!important;
    padding-right: 25px!important;
    padding-bottom: 10px!important;
  }
  .article-img {
    padding-top: 25px!important;
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
}
@media only screen and (max-width: 768px){
  #latest-articles {
    padding: 50px 0;
  }
}
/*--------------------------------------
 Explore section
---------------------------------------*/
#explore {
  background-color: var(--teal);
  width: 100%;
  padding: 60px 0;
}
#explore .img img {
  width: 80%;
}
#explore .content h2{
  font-size: 46px;
  font-family: "gotu", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
}
#explore p {
    color: #ffffff;
}
#explore a#btn {
  background: #ff5671;
  display: inline-block;
  padding: 13px 42px;
  border-radius: 30px;
  color: #eeeeee;
  text-transform: capitalize;
  font-size: 16px !important;
  transition: var(--transition-time);
}
#explore a#btn:hover{
  background-color: #fb4967;
}
/* only 768 - 992 work for heading  */
@media (min-width: 768px) and (max-width: 992px){
  #explore .content h2{
    font-size: 32px !important;
  }
}
/* 0 - 768 work only  */
@media only screen and (max-width: 768px){
  #explore {
    padding: 40px 0;
  }
  #explore .content h2 {
    font-size: 32px !important;
  }
  #explore .content{
    text-align: center;
  }
  #explore a#btn {
    padding: 10px 30px;
    font-size: 15px !important;
    text-align: center;
  }
}

/* ==================================
Blog page (index.php)
====================================*/
.blog_area .post_details h2 a {
  color: #000 !important;
  text-decoration: none;
  font-size: 45px;
  margin-bottom: 15px;
}
.blog_area .post_details p {
  font-size: 15px;
  color: #000;
}
.blog_area .post_thumb {
  max-width: 100%;
  height: auto;
  overflow: hidden;
}
.blog_area .post_thumb img {
  transition: .5s;
  width: 100%;
  height: auto;
  display: block;
}
.blog_area .post_thumb:hover img {
  transform: scale(1.1);
}
#body_area .blog_area {
  margin-bottom: 10px;
}
.post_details {
  background: #f1f1f1;
  padding: 20px;
  border: 1px solid #e1e1e1;
}
.heading {
  position: relative;
  color: var(--secenday-color);
}
.heading::before {
  content: '';
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: var(--blue-color);
  left: -21px;
  top: 50%;
  transform: translateY(-50%);
}
.sub-heading {
  margin-left: 4px;
  position: relative;
  color: var(--secenday-color);
}
.sub-heading::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 12px;
  background-color: var(--blue-color);
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.heading-container {
  padding-left: 16px;
  border-left: 2px solid var(--blue-color);
}
/* Post nav */
#post_page_nav p.pages {
  background: var(--blue-color);
  color: var(--white-color);
  padding: 8px 20px;
  font-size: 15px !important;
}
#post_page_nav p.pages span {
  display: inline-block;
  padding: 0px 5px;
}
#post_page_nav p.pages {
  cursor: pointer;
  margin-bottom: 15px !important;
  border-radius: 3px;
}
#post_page_nav a.page-numbers {
  background: var(--primary-color);
  color: var(--white-color);
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 3px;
  text-align: center;
  transition: var(--transition-time);
  cursor: pointer;
}
#post_page_nav a.page-numbers:hover {
  background: var(--blue-color) !important;
}
#post_page_nav .page-numbers.current {
  background: var(--blue-color);
  color: var(--white-color);
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  transition: var(--transition-time);
  display: inline-block;
}
#post_page_nav .page-numbers.current:hover {
  background: var(--blue-btn-hover);
}
@media (max-width: 768px) {
  .wp_pagenav {
    margin-bottom: 20px;
  }
}
/* Comment area style */
#comments_area label {
  display: block;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  font-family: "roboto", sans-serif;
  margin-bottom: 5px;
}
#comments_area label span.required {
  color: var(--pink);
}
#comments_area textarea {
  border: 1px solid var(--pink);
  width: 100%;
	padding: 6px;
}
#comments_area input[type="text"] {
	border: 1px solid var(--pink);
	width: 100%;
	padding: 6px;
}
#comments_area input[type="submit"] {
  background: var(--pink);
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 15px;
  display: inline-block;
  color: #fff;
  border: none;
  transition: .3s;
  font-family: "Roboto", sans-serif;
}
#comments_area input[type="submit"]:hover {
  background: #262626;
  color: #ffff;
}
/* ==================================
Archive template (archive.php)
====================================*/
/* ==================================
404 page style (404.php)
====================================*/
#error_page {
	text-align: center;
  background: #ddd;
  padding: 50px 0;
}
#error_page #searchform {
  margin-bottom: 20px;
}
#error_page #searchform input[type="text"] {
	padding: 8px 10px;
	border: 1px solid #ddd;
	box-shadow: 0 0 10px #ddd;
  margin: 0;
}
#error_page #searchform input[type="submit"] {
	padding: 8px 10px;
	background: var(--pink);
	border: none;
	margin: 0;
	color: #fff;
	font-size: 15px;
	font-family: roboto;
  transition: .3s;
}
#error_page #searchform input[type="submit"]:hover {
	background: #262626;

}
/* hHme page button or url  */
#error_page .home_page {
	background: var(--pink);
	padding: 12px 25px;
	text-decoration: none;
	color: #fff;
	font-size: 15px;
  text-transform: uppercase;
	font-family: roboto;
}
#error_page .home_page:hover {
	background: #262626;
}
/* =====================================
Archive Template (All Post Show)
=======================================*/
.archive-post-section {
  margin-top: 25px;
  margin-bottom: 40px;
}
/* Archive post title style */
#archive-area {
  padding: 20px;
  background: var(--blue-color);
  border: 1px solid #E7E7E7;
  border-radius: var(--border-radius);
  margin-bottom: 20px;
}
/* Archive category title */
.archive-post-section .archive-area .archive-title h1.all-category,
.search-post-section .post-wrapper .heading-wrapp h1.search-result-heading {
  text-transform: capitalize;
  margin-bottom: 0px;
  font-weight: 400;
  cursor: pointer;
  color: var(--white-color);
  line-height: 1.2;
  font-size: 26px !important;
}

/* Archive post items */
.archive-post-section .space {
  margin-bottom: 10px;
  padding: 25px;
  border-radius: 3px;
  background-color: var(--white-color);
}

.archive-post-section .post-wrapper .post-item {
  padding: 30px 25px;
  background: #fff;
  border: 1px solid #E7E7E7;
  border-radius: var(--border-radius);
  margin-bottom: 25px;
}

.archive-post-section .post-item p:nth-of-type(2) {
    margin: 0;
}

.archive-post-section .post-wrapper .post-item .post-thumb {
  border-radius: var(--border-radius);
}

.archive-post-section .post-wrapper .post-title a {
  color: #000;
  font-size: 20px !important;
  font-weight: 400;
  line-height: 28px;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 15px;
}

.archive-post-section .post-wrapper .blog-content p {
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: -.1px;
  color: var(--text-color-1);
}
/* Read more button */
.archive-post-section .post-wrapper .blog-content .read-more {
  color: var(--white-color);
  background: var(--blue-color);
  padding: 7px 14px;
  text-transform: capitalize !important;
  display: inline-block;
  transition: var(--transition-time);
  border-radius: 3px;
  font-size: 14px !important;
   letter-spacing: normal;
}
.archive-post-section .post-wrapper .blog-content .read-more:hover {
  background-color: var(--blue-btn-hover);
  color: var(--white-color);
}
/* -------------------------------------
Search page style (search.php)
------------------------------------- */
.search-post-section .post-wrapper .heading-wrapp {
  padding: 20px;
  background: var(--blue-color);
  border-radius: var(--border-radius);
  box-shadow: 0 2px 20px #0e0e130d;
  margin-bottom: 20px;
}
.search-post-section .post-wrapper .heading-wrapp h2 {
  color: var(--white-color);
  margin: 0;
}

/* ===================================================== */
/* Single post page (single.php) */
/* ===================================================== */

.single-blog-section {
  margin: 50px 0;
}

/* ============ Mobile responsive =========== */
@media only screen and (max-width: 768px){
  .single-blog-section {
    margin: 25px 0;
  }
}

/* Post title */
.content-wrap h1.egw-post-title{
  font-size: 32px;
  color: var(--primary-color);
  margin-bottom: 20px;
}

/* Post title for mobile device */
@media only screen and (max-width: 768px) {
  .content-wrap .post-title-area h1{
    font-size: 25px;
  }
}

/* Order lists style for single post page */
.single-blog-section ol {
  padding-left: 40px;
  margin-bottom: 15px;
}

.single-blog-section .content-wrap ol li {
  list-style: numbers !important;
  line-height: 28px !important;
  font-size: 16px !important;
  color: #444 !important;
}

/* Unorder list style for single post page */
.single-blog-section .content-wrap ul {
	padding-left: 40px;
	margin-bottom: 15px !important;
}

.single-blog-section ul li {
  list-style: disc !important;
}

.single-sidebar-wrapp h2 {
  line-height: 32px !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

.single-post-wrap h2 a {
  line-height: 32px !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

.single-sidebar-wrapp h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}

/* Article extra blue heading style */
.h-bg {
  background: #5686ffdb;
  color: var(--white-color);
  padding: 10px;
  border-radius: 3px;
  cursor: pointer;
}

/* Article extra red heading style */
.h-red-bg {
  background: var(--red-color) !important;
  color: var(--white-color);
  padding: 10px;
  border-radius: 3px;
  cursor: pointer;
}

/* Article img blue heading */
.img-blue-heading {
  background: var(--blue-color) !important;
  color: var(--white-color) !important;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
}

/* Article img red heading */
.img-red-heading {
  background: var(--red-color) !important;
  color: var(--white-color) !important;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
}

.single-post-wrap iframe {
  border: 0;
  max-width: 100%;
  height: 400px;
}

.single-post-wrap,
.comments-area,
.egw-author-details{
  background-color: var(--white-color);
  padding: 30px;
  border-radius: 3px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.content-wrap b, .content-wrap strong {
  font-weight: 600 !IMPORTANT;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px !important;
}

.content-wrap a {
  color: #444 !important;
  text-decoration: underline !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

.content-wrap a:hover {
  color: #000 !important;
}

.content-wrap ul li {
  list-style: disc !important;
  font-size: 16px !important;
  line-height: 28px !important;
  margin-bottom: 10px;
}

/* Post main content */
.single-post-content {
  padding-top: 15px;
}

/*=================== Single post link =================== */

.single-post-content a {
  text-decoration: none !important;
  transition: all .2s ease;
  color: var(--text-color-1) !important;
  border-bottom: 2px solid var(--text-color-1) !important;
}

.single-post-content a:hover {
  color: var(--blue-color-hover) !important;
  border-bottom: 2px solid var(--blue-color-hover) !important;
}

/*=================== Single post img =================== */

.content-wrap p picture img {
  max-width: 100%;
  height: auto;
}

/* For mobile devies  */
@media only screen and (max-width: 768px){
  .single-post-wrap,
  .comments-area,
  .related-post,
  .egw-author-details {
    padding: 18px;
	overflow: hidden;
  }
}

.single-post-wrap .meta-info {
  margin-bottom: 15px;
}

.single-post-wrap .meta-info {
  margin-bottom: 15px;
}

.meta-info {
  padding: 0 !important;
}

.meta-info li {
  list-style: none !important;
}

.single-blog-section .space {
  margin-bottom: 25px;
  padding: 25px;
  border-radius: 3px;
  background-color: var(--white-color);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.single-blog-section .single-post-wrap #post_thumb img {
  margin-bottom: 15px;
  width: 100% !important;
  max-width: 790px;
  height: auto !important;
  border-radius: var(--border-radius);
}

/* Single post content  */
.single-blog-section .blog-thumb {
  padding-bottom: 25px;
  width: 100% !important;
}

.single-blog-section .icon {
  margin-right: 5px;
  cursor: pointer;
  font-size: 16px !important;
  align-items: center;
  justify-content: center;
  color: var(--blue-color);
}

.single-blog-section button {
  border: navajowhite;
  outline: navajowhite;
  background: transparent;
  padding: 0px;
}

.single-blog-section .blog-author,
.single-blog-section .blog-comment {
  text-transform: capitalize;
  cursor: pointer;
  color: #000;
}

/* Post content */
.single-post-content p{
  font-family: Verdana, sans-serif;
  line-height: 28px !important;
  font-size: 16px !important;
  margin-bottom: 16px !important;
  letter-spacing: 0;
}

/* Post content color */
.single-post-wrap p,
.single-post-wrap ol li,
.single-post-wrap ul li{
 color: var(--text-color-1);
}

/* Single post table spaceing  */
.single-post-content table {
  margin: 20px 0;
  width: 100% !important;
  height: auto !important;
}

.single-post-content ul,
.single-post-content li,
.single-post-content ol,
.single-post-content a {
  font-family: Verdana, sans-serif;
  line-height: 26px !important;
  font-size: 16px !important;
}

/* Post heading h3 */
.single-post-wrap .content-wrap h3{
  margin-top: 20px;
  margin-bottom: 15px;
}

/* Post style */
.single-post-content p.left-red-border {
  border-left: 3px solid var(--red-color);
  padding-left: 15px;
}

.single-post-content p.left-red-border-bg {
  border-left: 3px solid var(--red-color);
	background: #ffdfe5;
	padding: 12px 15px;
	border-radius: 3px;
  cursor: pointer;
}

.single-post-content p.left-blue-border {
  border-left: 3px solid #5686ff;
  padding-left: 15px;
}

.single-post-content p.left-blue-border-bg {
  border-left: 3px solid #5686ff;
	background: #d1deff;
	padding: 12px 15px;
	border-radius: 3px;
  cursor: pointer;
}

/* Post navigation style */
.post-navigation {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.prev-post a,
.next-post a{
  background: #767881 !important;
  display: inline-block;
  padding: 8px 16px !important;
  border-radius: var(--border-radius) !important;
  color: var(--white-color) !important;
  text-transform: capitalize !important;
  font-size: 15px !important;
  transition: var(--transition-time);
  text-decoration: none !important;
  font-weight: 400;
}

.post-navigation i{
  font-size: 12px !important;
}

.prev-post a:hover,
.next-post a:hover {
  color: var(--white-color) !important;
  background-color: var(--blue-btn-hover) !important;
}

.single-blog-section .next-post a .icon-next {
  font-size: 13px !important;
  color: var(--white-color);
  margin-left: 2px;
  transition: var(--transition-time);
}

.prev-post a .icon-prev {
  margin-right: 2px !important;
}
.prev-post a:hover i.icon-prev,
.next-post a:hover i.icon-next {
  color: var(--white-color) !important;
}

/* Post table */
.table_black_border td {
  border: 1px solid #000000;
}

/* Post Table CSS */
.teal_table {
  background: #018169;
  color: #f1f0f0;
}

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

.teal_table_headline {
  background: #036351;
}

.teal_table_headline > td {
  padding-top: 4px;
  padding-bottom: 4px;
}

.teal-table > tbody, td, tfoot, th, thead, tr {
  line-height: 1.5;
  font-size: 15px;
  border: 1px solid #000000;
  padding: 6px;
}

/* Author details section */
#egw-author-details .img,
#egw-author-details .content{
  padding: 0 10px;
}

#egw-author-details .img {
 width: 80%;
}

#egw-author-details img{
  border-radius: 50%;
  width: 150px;
  height: 160px;
  cursor: pointer;
}

#egw-author-details h3#egw-auther-name{
  text-transform: capitalize;
  cursor: pointer;
}

#egw-author-details p#egw-auther-des{
  font-size: 16px;
  line-height: 26px;
  color: #323232;
  cursor: pointer;
}

/* For 992px to 767px */
@media (min-width: 767px) and (max-width: 991px) {
  #egw-author-details{
    display: block !important;
    text-align: center;
  }
  
  #egw-author-details img{
    width: 60%;
    height: auto;
    margin-bottom: 15px;
  }
}

/* Mobile device */
@media (max-width: 768px) {
  #egw-author-details{
    display: block !important;
    text-align: center;
  }
  
  #egw-author-details img{
    margin: 15px 0;
  }
  
  #egw-author-details p#egw-auther-des{
    font-size: 15px;
  }
}

/* -------------------------------------
 Related post style (single.php)
---------------------------------------*/

/* Main section area */
.egw_related_post_section{
  padding: 30px;
  background: var(--white-color);
  border-radius: 3px;
  margin-bottom: 15px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

/* Related section heading */
.egw_related_post_section h2#related_post_heading {
  text-transform: capitalize;
  font-size: 28px !important;
  margin: 0px 0px 20px 0px !important;
}

/* Related post img */
.egw_related_post_section img{
  margin-bottom: 10px;
  border-radius: var(--border-radius);
}
/* Related post title */
.egw_related_post_section #re_post_title{
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
}

.egw_related_post_section #no-post-found{
  color: var(--white-color);
  margin: 0;
}

.egw_related_post_section .row .col-md-6 {
  margin-bottom: 15px;
}

.egw_related_post_section .row .col-md-6:nth-last-child(-n+2){
  margin-bottom: 0;
}

/* For mobile */
@media (max-width: 768px) {
  .egw_related_post_section .row .col-md-6 {
    margin-bottom: 25px;
  }
  .egw_related_post_section .row .col-md-6:last-child{
  margin-bottom: 0;
  }
  .egw_related_post_section h2#related_post_heading{
  font-size: 24px !important;
  }
}

/* ---------------------------------
Sidebar widget style (sidebar.php)
-----------------------------------*/

/* side bar */
.sidebar-head {
  color: var(--secenday-color);
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
}

/* No post found */
.no-post-found {
  margin-left: 15px !important;
  background: var(--red-color);
  width: 200px;
  color: var(--white-color);
  padding: 12px 20px;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
}

/* Search bar area */
.search-bar label{
  width: 100%;
}
#search_form_sidebar #search_field{
  font-size: 15px;
  width: 100%;
  margin-bottom: 10px;
  border-radius: var(--border-radius);
  padding: 10px 15px !important;
  border: 1px solid #ddd !important;
}
#search_form_sidebar #search_field:focus {
  border: 1px solid var(--blue-color) !important;
  outline: none;
}

#search_form_sidebar #submit_button {
  width: 100%;
  background: #767881;
  color: var(--white-color);
  padding: 10px 15px;
  border-radius: var(--border-radius);
  border: none;
  outline: none;
  transition: var(--transition-time);
  font-size: 15px !important;
  font-weight: 400;
}

#search_form_sidebar #submit_button:hover {
  background: var(--blue-btn-hover);
  border: none;
  padding: 10px 15px;
}

/* Responsive search bar for mobile device */
@media only screen and (max-width: 768px) {
.single-blog-section .space {
    padding: 18px;
	}
}
@media only screen and (max-width: 993px){
  #search_form_sidebar #search_field {
    padding: 7px 15px !important;
    border: 1px solid #ddd !important;
    width: 100%;
    margin-bottom: 5px;
  }
  #search_form_sidebar #submit_button {
    width: 100%;
  }
}
@media only screen and (max-width: 767px){
  #search_form_sidebar #submit_button {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #search_form_sidebar #search_field {
    width: 100% !important;
    margin-bottom: 5px;
  }
  #search_form_sidebar #submit_button {
    width: 100%;
  }
}

/* Sidebar popular post style */
.popular-post-wrapper .post-item {
  padding: 7px 0;
}

.popular-post-wrapper .post-counter-wrapper .post-counter {
  width: 35px;
  height: 35px;
  margin-top:6px;
  color: var(--white-color);
  font-size: 15px;
  font-weight: 400;
  border-radius: var(--border-radius);
  background: linear-gradient(to right, #68718b, #a19d9d);
}

.popular-post-wrapper .post-counter-wrapper {
  margin-right: 20px;
  cursor: pointer;
}

h6.content-title {
    margin-bottom: 0;
}

#popular-post-sidebar a#post-title {
  color: var(--text-color-1);
  font-size: 15px !important;
  line-height: 1.5;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
}

.popular-post-wrapper .content-wrapper .category-name {
  font-size: 13px;
  font-weight: 400;
  color: #b0b0b0;
  cursor: pointer;
  transition: var(--transition-time);
  text-underline-offset: 5px;
}

.popular-post-wrapper .content-wrapper .category-name:hover {
  color: var(--blue-color);
  text-decoration: underline;
  text-decoration-color: var(--blue-color);
}

/* Popular post responsive */
@media only screen and (max-width: 768px) {
  .popular-post-wrapper .post-counter-wrapper {
    margin-right: 0;
  }
  .popular-post-wrapper .post-item{
		padding: 0;
  }
}

.sidebar .child {
  border-radius: var(--border-radius);
}

.popular-post .content {
  margin-bottom: 15px;
}

.post-thumb {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.sidebar .category ul li.cate-item {
  margin-bottom: 8px;
  font-weight: 400;
  color: #767881;
}

.sidebar .category ul li a {
  color: var(--text-color-1);
  padding: 0;
  display: inline-block;
  transition: var(--transition-time);
}

.sidebar .category ul li a:hover {
  padding-left: 8px;
  color:var(--blue-color);
}

/* Sidebar category */
.category .category-list .cate-item {
  margin-bottom: 8px;
}

.category > ul {
  list-style-type: disc;
  margin: 0;
  padding-left: 15px;
}

/* =================================================
 404 Page Style (404.php)
================================================= */

#page-404 {
  background: #fff;
  padding: 120px 0;
}

#page-404 .title {
  font-size: 88px;
  font-weight: 600 !important;
  color: var(--secenday-color);
  text-transform: uppercase;
}

#page-404 .sub-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}

@media only screen and (max-width: 570px) {
  #page-404 .title {
    font-size: 60px;
  }
}

/* ==================================
About us page (about.php)
====================================*/
/* ---------------------------
 About hero area
----------------------------*/
#about-hero {
  background-color: var(--teal);
  padding: 80px 0;
}
/* Hero left */
#about-hero .content-left h1{
  font-family: "gotu", sans-serif;
  text-transform: uppercase;
  color: var(--white-color);
}
#about-hero .content-left p{
  color: var(--white-color);
}
/* Right content */
#about-hero .right-content img{
  width: 75%;
}
/* Responsive for mobile */
@media (min-width: 768px) and (max-width: 992px){
  #about-hero .content-left h1{
    font-size: 42px;
  }
  #about-hero .right-content img {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #about-hero {
    padding: 60px 0;
  }
  #about-hero .content-left h1{
    font-size: 32px;
  }
  #about-hero .content-left p{
    font-size: 15px;
  }
  #about-hero .content-left a{
    padding: 10px 30px;
    font-size: 14px !important;
  }
  #about-hero .right-content img {
    width: 65%;
  }
}
/* ---------------------------
Team area (about.php)
----------------------------*/
#team {
  padding: 80px 0;
}
#team .member img {
  width: 90%;
}
#team .member h3{
  font-family: "gotu", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 32px;
}
#team .member p {
  text-transform: capitalize;
}
@media (min-width: 768px) and (max-width: 992px){
  #team {
    padding: 60px 0;
  }
}
/* ==================================
 Privacy policy
====================================*/
.privacy_policy {
  margin: 25px 0;
}
.privacy_policy .content {
	background: #fff;
	padding: 45px;
	border: 1px solid #E7E7E7;
	border-radius: 3px;
}
@media only screen and (max-width: 992px){
  .privacy_policy .content {
    padding: 30px;
  }
}
/* ==================================
 Terms and conditions
====================================*/
.terms_and_conditions {
  margin: 25px 0;
}
.terms_and_conditions .content {
	background: #fff;
	padding: 45px;
	border: 1px solid #E7E7E7;
	border-radius: 3px;
}
@media only screen and (max-width: 992px){
  .terms_and_conditions .content {
    padding: 30px;
  }
}
/* ==================================
Disclaimer page (default page with sidebar)
====================================*/
.default-page .content {
	background: #fff;
	padding: 40px;
	border-radius: 3px;
	border: 1px solid #e7e7e7;
}




/* ================================================= */
/* Contact Page (Contact Section) */
/* ================================================= */

.egw_contact__page {
  margin: 25px 0;
}

.egw_contact__page .contact__wrap {
  background-color: var(--white-color);
  padding: 60px;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.contact_content {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
}

.contact_info,
.contact_form {
  flex: 1 1 50%;
  box-sizing: border-box;
}

/*=============== Contact info ===============*/

.contact_info {
  background: var(--blue-color);
  border-radius: var(--border-radius);
  padding: 35px;
}

.contact_info h2 {
  color: var(--white-color) !important;
  text-transform: capitalize;
  font-size: 42px;
  margin-bottom: 15px;
}

.contact_info p {
  color: var(--white-color);
  margin-bottom: 25px;
}

.contact_info > p > a {
  color: #ebebeb;
  border-bottom: 1px solid #ebebeb;
  transition: var(--transition-time);
}

.contact_info > p > a:hover {
  color: var(--white-color);
  border-bottom: 1px solid var(--white-color);
}

.contact_info .lets_talk img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius);
  margin-bottom: 25px;
}

.contact_info .mail h4 {
  color: var(--white-color);
  margin-bottom: 5px;
  text-transform: capitalize;
}
.contact_info .mail p {
  margin-bottom: 0;
}

/* Contact social */
.contact_page_social ul {
  margin-top: 20px;
  list-style-type: none;
}

.contact_page_social ul li {
  display: inline-block;
  margin-right: 10px;
}

.contact_page_social li a .icon {
  color: var(--white-color);
}

/*=============== Contact form ===============*/

.contact_form {
  padding: 35px 0px 35px 35px;
}

.contact_form h3 {
  text-align: center;
  font-size: 38px;
  margin-bottom: 30px;
  text-transform: capitalize;
}

/* Input label */
.contact_form .name,
.contact_form .email,
.contact_form .message,
.contact_form .quiz-control {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  text-transform: capitalize;
}

/* Input */
.contact_form #your_name,
.contact_form #your_email,
.contact_form #msg,
.contact_form #quiz {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  display: block;
  margin-bottom: 16px;
  width: 100%;
  padding: 10px;
  outline: none;
  border: 1px solid var(--primary-color);
  border-radius: 3px;
  color: var(--text-color-1);
}

/* Number */
.contact_form .num {
  display: inline-block;
  margin-bottom: 12px;
  background-color: var(--blue-color);
  padding: 5px 10px;
  border-radius: var(--border-radius);
  color: var(--white-color);
  cursor: not-allowed;
}

/* Input btn */
.contact_form .egw_send_btn {
  color: var(--white-color);
  border: none;
  border-radius: var(--border-radius);
  display: block;
  width: 100%;
  font-family: "poppins", sans-serif;
  cursor: pointer;
  padding: 10px;
  font-size: 16px;
  background-color: var(--blue-color);
  transition: var(--transition-time);
}

.contact_form .egw_send_btn:hover {
  background-color: var(--blue-color-hover);
}

.contact_form .egw_send_btn:disabled {
  cursor: not-allowed;
}

/* Send info */
.contact_form > .send {
  background: #5686ff24;
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 3px;
  text-align: left;
  font-size: 16px;
  font-family: "poppins", sans-serif;
  color: green;
}

.contact_form > .not_send {
  background: #dc354530;
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 3px;
  text-align: left;
  font-size: 16px;
  font-family: "poppins", sans-serif;
  color: red;
}

/*=============== Responsive ===============*/
@media only screen and (max-width: 992px){
  
  .egw_contact__page .contact__wrap {
    padding: 40px;
  }

  .contact_content {
    display: block
  }
  
  .contact_info h2 {
    text-align: center;
  }

  .contact_info {
    margin-bottom: 25px;
  }

  .contact_form h3{
    margin-bottom: 25px;
  }

}

@media only screen and (max-width: 768px){
  
  .egw_contact__page .contact__wrap {
    padding: 25px;
  }

  .contact_form {
    padding: 0px;
    margin-top: 35px;
  }

  .contact_form h3 {
    font-size: 32px;
  }

  .contact_info h2 {
    font-size: 36px;
  }

}

/* Responsive for Mobile */
@media only screen and (max-width: 768px){
  
  .egw_contact__page .contact__wrap {
    padding: 20px;
  }

}

/*==================================
Footer section
====================================*/
#footer {
  background: var(--primary-color);
}
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* Footer top */
.footer-top {
  padding-top: 80px;
  padding-bottom: 30px;
}
/* Footer title */
.footer-top .footer-title h4,
.footer-about a.logo {
  color: var(--white-color) !important;
  font-family: "Poppins", serif;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px;
  text-transform: capitalize;
  cursor: pointer;
}
/* Footer about */
.footer-about a.logo {
  display: inline-block;
  color: var(--white-color) !important;
  font-size: 20px !important;
  font-weight: 300;
  font-family: "Poppins", serif;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.footer-about p {
  font-size: 15px !important;
  color: var(--white-color-50);
  line-height: 1.8;
  margin-bottom: 0 !important;
}
/* Follow us area */
.single-footer-caption.follow-us{
    overflow: hidden;
}
/* Social area */
.footer-top .social {
  margin-bottom: 20px;
}
.footer-top .social ul {
  margin: 0;
  padding: 0;
}
.footer-top .social ul li {
  display: inline-flex;
  margin: 0;
}
/* Social icon */
.footer-top .social ul li .icon{
  color: var(--white-color-50);
  background-color: #0f202f;
  border: none;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  transition: var(--transition-time);
  width: 35px;
  height: 35px;
}
.footer-top .social ul li .icon:hover{
  background-color: var(--blue-color);
  color: var(--white-color);
  border: none;
  border-radius: 3px;
}
/* Contact */
.follow-us .contact p{
  color: var(--white-color-50);
  margin-bottom: 10px !important;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
/* Email icon */
.follow-us .contact .email-icon{
  margin-top: -5px;
  margin-right: 5px;
}
.follow-us .contact a {
  font-size: 14px !important;
  color: var(--white-color-50);
}
/* Footer quick menu */
.footer-top .quick-menu li {
  margin-bottom: 10px;
  margin-left: 0;
}
.footer-top .quick-menu li a {
  font-size: 15px !important;
  font-family: "poppins", sans-serif;
  color: var(--white-color-50);
  transition: var(--transition-time);
  text-transform: capitalize;
  display: inline-block;
}
.footer-top .quick-menu li a:hover {
  color: var(--blue-color);
}
.footer-top .quick-menu li a.nav-link {
  padding: 0;
}
/* Footer category menu */
.footer-top .category-menu li {
  margin-left: 0;
  margin-bottom: 10px;
}
.footer-top .category-menu li a {
  font-size: 15px !important;
  font-family: "poppins", sans-serif;
  color: var(--white-color-50);
  text-transform: inherit;
}
.footer-top .category-menu li a:hover {
  color: var(--blue-color);
}
.footer-top .category-menu li:last-child::after {
  display: none;
}
.footer-top .category-menu li a.nav-link {
  padding: 0;
  display: inline-block;
}
.footer-top .category-menu li a:hover {
  text-decoration: none;
}
/* Footer bottom left */
#footer-bottom .border-top {
  border-top: 1px solid var(--white-color-50) !important;
  padding-top: 15px;
  padding-bottom: 50px;
}
#footer-bottom .left ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}
#footer-bottom .left ul li {
  margin: 0;
  margin-right: 15px;
}
#footer-bottom .left ul li a {
  font-size: 15px !important;
  padding: 0px;
  display: inline-block;
  color: var(--white-color-50);
  transition: var(--transition-time);
  text-transform: capitalize;
}
#footer-bottom .left ul li a:hover {
  text-decoration: none;
  color: var(--blue-color);
}
/* Footer bottom right */
#footer-bottom .right p {
  font-size: 15px !important;
  color: var(--white-color-50);
  margin-bottom: 0px !important;
  cursor: pointer;
}
/* Responsive for mobile */
@media only screen and (max-width: 768px){
  .footer-top {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .footer-top .quick-menu li,
  .footer-top .category-menu li {
    margin-bottom: 0;
  }
  .single-footer-caption {
    padding: 0px 15px;
  }
  .footer-about p {
    font-size: 15px !important;
    line-height: 1.6;
  }
  .footer-about a.logo {
    margin-bottom: 15px;
  }
  .footer-top .footer-title h4,
  .footer-about a.logo {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #footer-bottom .border-top {
    padding-top: 25px;
    padding-bottom: 45px;
  }
}
/* Site CSS update 12 Nov 2025 */
/* sidebar sticky ads hide */
@media (max-width: 768px) {
  .google-ads-sticky {
    display: none;
  }
}
.archive-post-section .post-item img.arcive-featured-image {
  display: none;
}

.single-post-wrap img.single-post-img{
  display: none !important;
}
/* Gaq section line */
.faq-line {
  border: 1px solid #ddd;
  margin-bottom: 16px;
}

.pr-gra-bg{
  padding: 1.5rem 2rem;
  background: linear-gradient(135deg, rgb(255, 86, 113) 0%, rgb(86, 134, 255) 100%);
  border-radius: 3px;
  color: #fff !important;
}
.pr-gra-bg > a{
  color: #fff !important;
  text-decoration: underline !important;
}
.pr-gra-bg > a:hover{
  color: #fff !important;
  text-decoration: underline !important;
}