/*!
Theme Name: GKQA
Theme URI: http://underscores.me/
Author: SHADOWXT
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gkqa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

GKQA is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

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

:root {
  --primary-color: #123b73;
  --secondary-color: #fc6505;
  --transition-1: all 750ms ease;
	--font-1: "Plus Jakarta Sans", sans-serif;
  --bs-accordion-active-bg: #283c902e;
}

body,
html {
  position: relative;
}

body {
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  font-family: var(--font-1);
  color: #000;
  position: relative;
}
body::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("./assets/images/bg-blue.webp") repeat;
  opacity: 0.35;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -100;
  filter: brightness(0) saturate(100%) invert(63%) sepia(82%) saturate(3987%) hue-rotate(198deg) brightness(106%) contrast(109%);
}

button {
  border: 0;
  outline: 0;
  background: transparent;
  transition: var(--transition-1);
}

a:hover,
a {
  text-decoration: none;
  color: inherit;
  transition: var(--transition-1);
}

.pointer-none {
  pointer-events: none;
}

.lh-28 {
  line-height: 28px;
}

.custom-gy-1 {
  --bs-gutter-y: 2.2rem;
}

input,
textarea {
  border: 0;
  width: 100%;
  transition: all 500ms ease;
}

input:focus {
  border: 0;
  outline: 0;
}

input[type=radio],
input[type=checkbox] {
  max-width: -moz-max-content;
  max-width: max-content;
}

select {
  width: 100%;
}

input {
  border-radius: 3px;
}

select {
  border: 0;
}

.font-2 {
  font-family: var(--font-2);
}

.container-inner {
  max-width: 1400px;
}

.container-large {
  max-width: 1450px;
}

.container-padding {
  padding: 0 40px;
}

.container-medium {
  max-width: 1250px;
}

.container-high {
  max-width: 1500px;
}

.container-smaller {
  max-width: 1150px;
}

.container-max {
  max-width: 1880px;
}

.container-high {
  max-width: 1820px;
}

.container-header {
  max-width: 1360px;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.bkg-white {
  background: #fff;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.text-333 {
  color: #333333 !important;
}

.text-222 {
  color: #222 !important;
}

.text-first {
  color: var(--primary-color) !important;
}

.text-second {
  color: var(--secondary-color) !important;
}

.text-4141 {
  color: #414141;
}

.text-999 {
  color: #999999;
}

.text-555 {
  color: #555555;
}

.text-666 {
  color: #666666;
}

.has-shadow {
  box-shadow: #222 4px 4px 0 0;
  transition: var(--transition-1);
}
.has-shadow:hover {
  box-shadow: none;
}

header {
  position: relative;
  display: flex;
  align-items: center;
  background-color: rgba(71, 71, 71, 0);
  background: #fff;
  background-size: cover;
  background-position: center;
}
header .brand-logo img {
  max-width: 150px;
  width: 120px;
  height: auto;
}
header nav ul {
  display: flex;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
  font-weight: 500;
}
header nav ul li {
  position: relative;
}
header nav ul li:last-child::after {
  display: none;
}

header .socials {
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
  font-size: 25px;
  color: #000;
}
header .right-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 35px;
       column-gap: 35px;
}
header .right-item .search {
  padding: 6px 10px;
  color: #222222;
  background-color: #fff;
  text-decoration-color: #222222;
  border: 2px solid #222222;
  border-radius: 1px;
}
header .right-item .search svg {
  width: 17px;
}

.btn-style-1 {
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  max-width: -moz-max-content;
  max-width: max-content;
  border: 2px solid #222 !important;
  box-shadow: #222 4px 4px 0 0;
  transition: all 0.3s;
  font-size: 16px;
  padding: 17px 40px;
  background: #123b73;
  color: #fff;
  cursor: pointer;
}
.btn-style-1:hover {
  background: #fff !important;
  color: #222;
}

.slider-card {
  position: relative;
}
.slider-card .bg-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.slider-card .card-text {
  padding: 30px;
  border: 2px solid #222;
  box-shadow: #222 4px 4px 0 0;
  background-color: #fff;
}
.slider-card .card-text .btn-style-1 {
  background: #e2ccff;
}
.slider-card .card-text .post-detail {
  display: flex;
  font-weight: 600;
  margin-top: 30px;
  align-items: center;
  flex-wrap: wrap;
}
.slider-card .card-text .post-detail li {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.slider-card .card-text .post-detail img {
  width: 12px;
}
.slider-card .card-text .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  font-weight: 600;
  margin-bottom: 20px;
}
.slider-card .card-text .category-link .category-name {
  font-size: 18px !important;
  background-image: linear-gradient(90deg, #ffbc94, #ffbc94);
  background-position: bottom;
  background-size: 100% 45%;
  background-repeat: no-repeat;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
  display: block;
  font-weight: 500;
}

.hero {
  padding-top: 80px;
}
.hero .slider-card {
  padding: 175px 130px;
}
.hero .slider-card .post-detail {
  margin-bottom: 50px;
}
.hero .owl-theme .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #222;
}
.hero .owl-theme .owl-nav button.disabled {
  opacity: 1 !important;
}
.hero .owl-theme .owl-nav button {
  width: 37px;
  height: 43px;
  color: #fff !important;
}
.hero .owl-theme .owl-nav button:hover {
  background: #f7e277 !important;
  color: #000 !important;
}

.trending-article .card-style-3 .title {
  font-size: 25px;
}

.padding-top {
  padding-top: 100px;
}

.by-sub {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 60px;
  background: rgba(0, 0, 0, 0.1450980392);
}

.section-title {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
  text-align: center;
}
.section-title h2 {
  font-size: 35px;
  font-weight: 600;
  margin: 0;
}
.section-title img {
  width: 70px;
  pointer-events: none;
}

.posts-list .slider-card .card-text {
  background: #fffaf6;
  padding: 40px;
}
.posts-list .slider-card .card-text .img img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
.posts-list .slider-card .title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.posts-list .slider-card .btn-style-1 {
  background: var(--primary-color);
}
.posts-list .owl-theme .owl-nav {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.posts-list .owl-theme .owl-nav button.disabled {
  opacity: 1 !important;
}
.posts-list .owl-theme .owl-nav button {
  width: 20px;
  height: 20px;
  color: #222 !important;
}
.posts-list .owl-theme .owl-nav button:hover {
  background: none !important;
  color: #888 !important;
}

.card-style-2 {
  margin-bottom: 35px;
}
.card-style-2 .image img {
  padding-right: 0px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: #fff 4px 4px 0 0, #000 4px 4px 0 1px;
  transition: all 0.3s;
}
.card-style-2 .post-detail {
  display: flex;
  font-weight: 600;
  margin-top: 30px;
  align-items: center;
}
.card-style-2 .post-detail li {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.card-style-2 .post-detail img {
  width: 12px;
}
.card-style-2 .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  font-weight: 600;
  margin-bottom: 30px;
  font-size: 21px;
}
.card-style-2 .category-link .category-name {
  font-size: 18px !important;
  background-image: linear-gradient(90deg, #ffbc94, #ffbc94);
  background-position: bottom;
  background-size: 100% 45%;
  background-repeat: no-repeat;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  display: block;
  font-weight: 500;
}
.slider-card.type-2 .card-text .title::before {
  top: 14px;
}
.slider-card.type-2 .card-text {
  padding: 30px;
  border: 2px solid #222;
  box-shadow: #222 4px 4px 0 0;
  margin-bottom: 50px;
  transition: all 0.3s;
}
.slider-card.type-2 .card-text .btn-style-1 {
  background: var(--primary-color);
}
.slider-card.type-2 .img img {
  box-shadow: #e0fada 4px 4px 0 0, #000 4px 4px 0 1px;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 96%;
  transition: all 0.3s;
}
.trending-article.download-pdf {
  background: rgba(255, 255, 255, 0.6039215686);
  padding-top: 60px;
  margin-top: 60px;
  padding-bottom: 85px;
}
.trending-article .row .col-lg-4:first-child .slider-card.type-2 .card-text {
  background: #e0fada;
}
.trending-article .row .col-lg-4:nth-child(2) .slider-card.type-2 .card-text {
  background: #d1f7f4;
}
.trending-article .row .col-lg-4:nth-child(3) .slider-card.type-2 .card-text {
  background: #fff8d9;
}
.trending-article .row .col-lg-4:nth-child(4) .slider-card.type-2 .card-text {
  background: #ffecdb;
}
.trending-article .row .col-lg-4:nth-child(5) .slider-card.type-2 .card-text {
  background: #f8e5ff;
}
.trending-article .row .col-lg-4:nth-child(6) .slider-card.type-2 .card-text {
  background: #e0fada;
}

.featured-post .section-title img {
  transform: rotate(180deg);
}
.featured-post .card-style-2.type-2:first-child {
  background: #d1f7f4;
}
.featured-post .card-style-2.type-2:nth-child(2) {
  background: #f8e5ff;
}
.featured-post .card-style-2.type-2:nth-child(3) {
  background: #f8e5ff;
}
.featured-post .card-style-2.type-2:nth-child(4) {
  background: #ffecdb;
}

.card-style-2.type-2 {
  padding: 40px;
  border: 2px solid #222;
  box-shadow: #222 4px 4px 0 0;
  display: flex;
  flex-direction: row;
  transition: all 0.3s;
}
.card-style-2.type-2 .image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  box-shadow: none;
}
.card-style-2.type-2 .title {
  font-size: 26px;
  -webkit-line-clamp: none;
}
.card-style-2.type-2 .btn-style-1 {
  background: #f7e277;
}

.card-style-3 {
  padding: 30px;
  background-color: #fff;
  border: 3px solid #222;
  text-align: center;
  min-height: 285px;
}
.card-style-3 .image img {
  border-radius: 50%;
  border: 4px solid #222;
}
.card-style-3 .btn-style-1 {
  box-shadow: #422800 4px 4px 0 0;
  border-color: #666 !important;
}
.card-style-3 .btn-style-1:hover {
  box-shadow: none;
}
.card-style-3 .title {
  font-size: 31px;
  font-weight: 700;
}
.card-style-3 .content-in {
  color: rgb(96, 96, 96);
}
.card-style-3.has-shadow {
  border-radius: 4px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.h-100 {
  height: 100%;
}

.right-content {
  position: sticky;
  top: 20px;
  height: auto;
}

.categories-card h3, .categories-card .title {
  text-align: center;
  font-weight: 600;
  border: 2px solid #222;
  padding: 10px 0 10px 0;
  box-shadow: #222 4px 4px 0 0;
  margin-bottom: 0;
  background-color: #fff;
  font-size: 22px;
}
.categories-card ul, .categories-card ol {
  list-style: none;
  padding: 0;
  border: 2px solid #222;
}
.categories-card ul li, .categories-card ol li {
  border: 1px solid #222;
}
.categories-card ul li a, .categories-card ol li a {
  display: flex;
  padding: 10px 15px 10px 15px;
  justify-content: space-between;
}
.categories-card ul li a span:first-child, .categories-card ol li a span:first-child {
  font-weight: 600;
  color: rgb(72, 72, 72);
}
.categories-card ul li a:hover, .categories-card ol li a:hover {
  background: #ffe9dc;
}
.categories-card.trending-tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.168627451);
}
.categories-card.trending-tags ul li {
  padding: 0;
}
.categories-card.trending-tags ul li a {
  background: #222;
  padding: 5px 12px 5px 12px;
  color: #fff;
  border: 1px solid #222;
  border-radius: 3px;
}
.categories-card.trending-tags ul li a:hover {
  box-shadow: #222 4px 4px 0 0;
  background: #ffdec9;
  color: #222 !important;
}
.categories-card ul li .btn-style-1 {
  display: flex !important;
  max-width: 100%;
  text-align: center;
  color: #fff !important;
  justify-content: center;
  border: 0 !important;
  box-shadow: none !important;
  padding: 15px 15px 15px 15px;
  transition: var(--transition-1);
}
.categories-card ul li .btn-style-1 span {
  color: #fff !important;
  font-size: 15px !important;
}
.categories-card ul li .btn-style-1 svg, .categories-card ul li .btn-style-1 i {
  font-size: 14px;
}
.categories-card ul li .btn-style-1:hover {
  background: var(--secondary-color) !important;
}

.section-title.type-3 {
  display: block;
}

.subscribe .sub-form {
  display: flex;
  gap: 0;
  box-shadow: #222 4px 4px 0 0;
}
.subscribe .sub-form input {
  height: 55px;
  font-size: 15px;
  border: 0 none;
  float: left;
  padding: 15px 25px;
  width: 100%;
  font-weight: 500;
  color: #252525;
  border: 2px solid #222;
  background: #fff;
  border-radius: 0;
}
.subscribe .sub-form button {
  background-color: #f7e277;
  color: #222;
  padding: 0 20px 0 20px;
  font-weight: 500;
  transition: all 0.3s;
  box-shadow: none;
  border-radius: 0;
  border-color: #000 !important;
}
.subscribe .sub-form button:hover {
  color: #000 !important;
}

footer .subscribe {
  padding-bottom: 100px;
  background: rgba(255, 224, 192, 0.4117647059);
  margin-top: 60px;
  padding-top: 80px;
}

.footer-bottom {
  background: #fff;
  padding-top: 85px;
  background-size: cover;
  background-repeat: no-repeat;
  border-style: none;
}
.footer-bottom .main-footer .info-site img {
  width: 200px;
  height: auto;
}
.footer-bottom .main-footer .content-in {
  color: rgb(96, 96, 96);
}
.footer-bottom .copyright {
  padding-top: 50px;
  padding-bottom: 10px;
}
.footer-bottom .title {
  font-weight: 700;
  font-size: 22px;
  color: #111111;
  display: block;
  margin-bottom: 20px;
}
.footer-bottom .footer-link ul {
  list-style: none;
  padding-left: 0;
}
.footer-bottom .footer-link ul li {
  margin-bottom: 10px;
}
.footer-bottom .footer-link ul li a {
  color: #484848;
  font-weight: 400;
  display: block;
}
.footer-bottom .footer-link ul li a:hover {
  transform: translateX(10px);
  color: #111;
}
.footer-bottom .sub-here .sub-form-2 {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.footer-bottom .sub-here .sub-form-2 input {
  height: 55px;
  font-size: 15px;
  border: 0 none;
  float: left;
  padding: 15px 25px;
  width: 100%;
  font-weight: 500;
  color: #252525;
  background: #fff;
  border-radius: 0;
  display: block;
  box-shadow: #222 4px 4px 0 0;
  border: 2px solid #222 !important;
  transition: all 0.3s;
  width: 99.5% !important;
}
.footer-bottom .sub-here .sub-form-2 button {
  background: #222;
  text-transform: none;
  display: block;
  padding: 16px 24px;
  color: #fff;
  font-size: 16px;
  box-shadow: #fff 4px 4px 0 0, #000 4px 4px 0 1px;
}
.footer-bottom .sub-here .sub-form-2 button:hover {
  color: #222;
  box-shadow: #222 4px 4px 0 0, #222 4px 4px 0 1px;
  background: #f7e277 !important;
}

.hero-text-inner {
  padding-bottom: 20px;
  border-bottom: 2px solid #222;
}
.hero-text-inner .post-info {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  font-size: 14px;
  color: rgb(0, 0, 0);
  margin-bottom: 18px !important;
}
.hero-text-inner .post-info li {
  display: flex;
  align-items: center;
  -moz-column-gap: 7px;
       column-gap: 7px;
}
.hero-text-inner .content-in {
  color: rgb(34, 34, 34);
}
.hero-text-inner .breadcrumb-custom {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
color: rgb(102, 102, 102);
  font-size: 14px;
  margin-bottom: 5px !important;
}
.breadcrumb-custom a:hover{
  color: var(--secondary-color);
}
.hero-text-inner h1 {
  font-weight: 700;
  font-size: 45px;
}

.content-starts {
  padding-top: 80px;
}
.content-starts .section-title h2 {
  font-size: 37px;
}

.form-all {
  background-color: #fff;
  padding: 50px;
  border: 4px solid #222;
  box-shadow: #222 4px 4px 0 0;
}
.form-all input, .form-all textarea {
  box-shadow: #222 4px 4px 0 0;
  border: 2px solid #222 !important;
  transition: all 0.3s;
  padding: 9px;
}
.form-all input:focus, .form-all textarea:focus {
  box-shadow: none;
}
.form-all textarea {
  min-height: 200px;
}
.form-all .content-form {
  margin-bottom: 30px;
}
.form-all label {
  font-weight: 600;
  margin-bottom: 5px;
}

.card-blog-list {
  padding: 26px;
  border: 2px solid #222;
  box-shadow: #222 4px 4px 0 0;
  margin-bottom: 30px;
  background-color: #e0fada;
  transition: var(--transition-1);
}
.card-blog-list:last-child {
  margin-bottom: 0;
}
.card-blog-list .text-content {
  padding-top: 15px;
}
.card-blog-list .text-content h2 {
  font-weight: 600;
font-size: 26px;
line-height: 38px;
  color: #000;
}
.card-blog-list .text-content .post-info {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  font-size: 14px;
  color: rgb(0, 0, 0);
  margin-bottom: 18px !important;
  flex-wrap: wrap;
}
.card-blog-list .text-content .post-info li {
  display: flex;
  align-items: center;
  -moz-column-gap: 7px;
       column-gap: 7px;
}
.card-blog-list .text-content .content-in {
  color: rgb(34, 34, 34);
}
.card-blog-list:hover {
  background: #fff;
  box-shadow: none;
}
.card-blog-list:nth-child(2) {
  background: #d1f7f4;
}
.card-blog-list:nth-child(3) {
  background: #ffecdb;
}
.card-blog-list:nth-child(4) {
  background: #f8e5ff;
}

.content-blog {
  padding: 35px;
  border: 2px solid #222;
  box-shadow: #222 4px 4px 0 0;
  margin-bottom: 30px;
  background-color: #f9f9f9;
  transition: var(--transition-1);
}
.content-blog .text-content {
  border-bottom: 1px dashed #000000 !important;
  margin: 30px 0 40px !important;
  padding-bottom: 10px !important;
}
.content-blog .text-content h2 {
  font-weight: 600;
  font-size: 40px;
  color: #222;
  line-height: 44px;
}
.content-blog .text-content .post-info {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  font-size: 14px;
  color: rgb(0, 0, 0);
  margin-bottom: 18px !important;
}
.content-blog .text-content .post-info li {
  display: flex;
  align-items: center;
  -moz-column-gap: 7px;
       column-gap: 7px;
}
.content-blog .text-content .content-in {
  color: rgb(34, 34, 34);
}

.content-inside a {
  color: var(--third-color);
  font-weight: 500;
}

.content-inside a:hover {
  text-decoration: underline;
  color: #222;
}

.content-inside p:last-child {
  margin-bottom: 0;
}

.content-inside ul:last-child {
  margin: 0;
}

.content-inside h2,
.content-inside h3,
.content-inside h4,
.content-inside h5,
.content-inside h6 {
  font-weight: 700;
  color: #222;
}

.content-inside h2 {
  font-size: 28px;
}

.content-inside h3 {
  font-size: 22px;
}

.content-inside h4 {
  font-size: 20px;
}

.content-inside h5 {
  font-size: 20px;
}

.content-inside h6 {
  font-size: 19px;
}

.content-inside img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 20px;
}

.content-inside figure {
  max-width: 100%;
  height: auto;
}

.content-inside figure img {
  margin-bottom: 0;
}

.content-inside figure figcaption {
  font-size: 14px;
  color: var(--primary-color);
  font-weight: 500;
}

.content-inside iframe {
  max-width: 100%;
  width: 100%;
}

.content-inside table {
  border: 1px solid #999;
  margin-bottom: 18px;
  max-width: 100%;
}

.content-inside tr {
  border: 1px solid #999;
}

.content-inside td,
.content-inside th {
  padding: 12px;
  border-right: 1px solid #999;
}

.content-inside th {
  background: rgba(152, 219, 165, 0.368627451);
}

.hero-text {
  padding: 200px 100px 180px;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  box-shadow: rgba(167, 167, 167, 0.31) 2px 2px 5px 2px;
  justify-content: center;
  position: relative;
  border-radius: 10px;
  border: 1px solid #fff;
  z-index: 9;
}

.hero-text .right-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  pointer-events: none;
}
.hero-text .right-image img {
  opacity: 0.45;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-text h1 {
  font-family: var(--font-1);
  font-weight: 800;
  font-size: 60px;
  line-height: 80px;
  text-shadow: 1px 1px 2px #fff;
}
.hero-text h1 .second-text {
  font-size: 54px;
}

.hero-text .info-hero {
  border-top: 1px dashed rgba(165, 165, 165, 0.6588235294);
  padding-top: 15px;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-right: 50px;
}
.hero-text .info-hero ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  -moz-column-gap: 15px;
       column-gap: 15px;
  color: #333;
  font-weight: 500;
  flex-wrap: wrap;
  row-gap: 10px;
}
.hero-text .info-hero ul li {
  padding-left: 28px;
  position: relative;
  padding-left: 28px !important;
  background: rgba(255, 255, 255, 0.6);
  padding: 6px 20px;
  border-radius: 100px;
  border: 1px solid #ffd4b4;
}
.hero-text .info-hero ul li::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("./assets/images/checkmark.webp") no-repeat;
  position: absolute;
  background-size: contain;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  filter: brightness(0) saturate(100%) invert(57%) sepia(45%) saturate(7466%) hue-rotate(359deg) brightness(103%) contrast(97%);
}

.meta-description {
  color: #333;
  background: rgba(249, 249, 249, 0.4784313725);
  font-size: 14px;
  font-weight: 500;
  padding: 20px;
  border-radius: 12px;
}
.meta-description p {
  margin: 0;
}

.toc {
  position: sticky;
  height: auto;
  top: 12px;
  background: #fff;
  margin-bottom: 30px;
}
.toc::after {
  content: "";
  width: 100%;
  height: 12px;
  background: url("./assets/images/bg-blue.webp") repeat;
  position: absolute;
  bottom: -11px;
  filter: brightness(0);
  border-radius: 0 0 10px 10px;
  z-index: -1;
}
.toc ol li ol{
  border: 0;
}
.toc ol li a{
  font-weight: 500;
background: #f9f9f9f9;
}
.toc ol li ol li{
  padding-left: 20px;
  border-left: 0;
  border-right: 0;
}
.toc ol li ol li a{
  font-weight: 400;
}
.download-pdf {
  padding: 25px 35px;
  background: #fff;
  box-shadow: #222 4px 4px 0 0;
  border: 2px solid #222;
}
.download-pdf .title {
  font-size: 24px;
  margin: 0;
  font-weight: 700;
}

.article-content {
  line-height: 29px;
  color: #333;
}
.article-content a {
  color: var(--primary-color);
  font-weight: 500;
}
.article-content a:hover {
  text-decoration: underline;
  color: #222;
}
.article-content p:last-child {
  margin-bottom: 0;
}
.article-content ul:last-child {
  margin: 0;
}
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  font-weight: 700;
  color: #222;
  margin-bottom: 14px;
  line-height: 1.5;
}
.article-content h2 {
  font-size: 25px;
}
.article-content h3 {
  font-size: 23px;
  border-top: 1px solid #dfdfdf;
padding-top: 25px;
margin-top: 25px;
}
.article-content h4 {
  font-size: 19px;
  border-top: 1px solid #eee;
padding-top: 15px;
margin-top: 15px;
}
.article-content h5 {
  font-size: 17px;
}
.article-content h6 {
  font-size: 15px;
}
.article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 20px;
}
.article-content p img{
  margin-bottom: 0;
}
.article-content figure {
  max-width: 100%;
  height: auto;
}
.article-content figure img {
  margin-bottom: 0;
}
.article-content figure figcaption {
  font-size: 14px;
  color: var(--primary-color);
  font-weight: 500;
}
.article-content iframe {
  max-width: 100%;
  width: 100%;
}
.article-content table {
  border: 1px solid #999;
  margin-bottom: 18px;
  max-width: 100%;
}
.article-content tr {
  border: 1px solid #999;
}
.article-content td,
.article-content th {
  padding: 12px;
  border-right: 1px solid #999;
}
.article-content th {
  background: rgba(152, 219, 165, 0.368627451);
}

.is-sticky {
  position: sticky;
  height: auto;
  top: 20px;
}/*# sourceMappingURL=style.css.map */

.content-inside figure {
  max-width: 100%;
  height: auto;
	width: 100% !important;
	position: relative;
}
.content-inside figure figcaption {
  font-size: 15px;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
padding: 10px 18px;
padding-top: 25px;
  font-weight: 500;
	border-radius: 0 0 8px 8px;
}


/*  */


/* ── Option States ─────────────────────────── */
.option {
    cursor: pointer;
    padding: 10px 16px;
    border-radius: 8px;
    border: 2px solid #e0e0e0;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 7px;
    font-size: 15px;
    transition: all 0.2s ease;
    user-select: none;
}

.option:hover:not(.disabled) {
    background: #e3f2fd;
    border-color: #1565c0;
    transform: translateX(3px);
}

/* Correct answer — green */
.option.correct {
    background: #e8f5e9 !important;
    border-color: #4caf50 !important;
    color: #1b5e20;
    font-weight: 600;
}
.option.correct {
    background: #38743b !important;
color: #fff !important;
}

/* Wrong answer — red */
.option.wrong {
    background: #ffebee !important;
    border-color: #e53935 !important;
    color: #b71c1c;
    font-weight: 600;
}

/* Disabled state */
.option.disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.85;
}

/* ── Feedback Message ──────────────────────── */
.q-feedback {
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 600;
   padding: 0;
background: #eaeaea;
border: 1px solid #dfdfdf;
    display: none;
    border-radius: 6px;
}
.feedback-correct {
    color: #2e7d32;
    background: #f1f8e9;
    display: block;
    padding: 8px 12px;
    border-radius: 6px;
}
.feedback-wrong {
    color: #c62828;
    background: #fff8f8;
    display: block;
    padding: 8px 12px;
    border-radius: 6px;
}

/* ── Score Counter ─────────────────────────── */
.gk-score-counter {
    background: #e3f2fd;
    border: 1px solid #90caf9;
    border-radius: 8px;
    padding: 12px 18px;
    font-size: 15px;
    color: #1565c0;
    margin-bottom: 24px;
    text-align: center;
}

/* ── Final Result Box ──────────────────────── */
.gk-final-result {
    padding: 24px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin: 30px 0;
    line-height: 1.8;
}
.result-excellent { background: #e8f5e9; color: #1b5e20; border: 2px solid #4caf50; }
.result-good      { background: #e3f2fd; color: #0d47a1; border: 2px solid #2196f3; }
.result-average   { background: #fff3e0; color: #e65100; border: 2px solid #ff9800; }
.result-poor      { background: #ffebee; color: #b71c1c; border: 2px solid #f44336; }

/* ── Result Buttons ────────────────────────── */
.btn-retry,
.btn-share-whatsapp {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    margin: 6px;
    transition: opacity 0.15s;
}
.btn-retry            { background: #1565c0; color: #fff; }
.btn-share-whatsapp   { background: #25d366; color: #fff; }
.btn-retry:hover,
.btn-share-whatsapp:hover { opacity: 0.85; }

/* ── Answer Slidedown ──────────────────────── */
.q-options {
padding-left: 0;
}

/* Hide answer by default — jQuery slideDown works with this */
.q-answer {
    display: none;
    margin-top: 12px;
    padding: 14px 16px;
    background: #e8f5e9;
    border-left: 4px solid #4caf50;
    border-radius: 0 8px 8px 0;
    font-size: 16px;
}


.gk-questions-list{
  margin-bottom: 30px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
font-weight: 600 !important;
transition: var(--transition-1);
}



.scroll-top {
  position: fixed;
  opacity: 0;
  visibility: hidden;
right: 25px;
bottom: 85px;
  z-index: 99999;
  transform: translateY(50%);
  transition: var(--transition-1);
}
.scroll-top button {
  color: #fff;
  background: var(--secondary-color);
  border-radius: 2px;
  width: 40px;
  height: 40px;
  font-size: 16px;
}
.scroll-top.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: var(--transition-1);
}

.about-site{
	background: #ffffffad;
    padding: 60px;
    margin-top: 70px;
}
.about-site .container{
	max-width: 1000px;
}