/*
Theme Name: GlobalAdminX Theme
Theme URI: https://globaladminx.com
Author: Digamber
Author URI: https://globaladminx.com
Description: A basic WordPress theme using Tailwind CSS.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: globaladminx-theme
*/

html,
body {
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: hidden !important; /* Kill horizontal scroll globally */
  overflow-y: auto;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

  text-rendering: optimizeLegibility;
  -webkit-overflow-scrolling: touch;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-family: "Inter", sans-serif !important;
}

#site-header .header-gradient-border {
  position: absolute;
  width: 100%;
  height: 10px;
  bottom: -10px;
  left: 0;
  right: 0;
  /* background: linear-gradient(90deg, #E5E250 0%, #6BE993 50%, #3BD9EB 100%); */
}

.single-blog p {
  margin-bottom: 30px;
}

/* Single blog headings */
.single-blog h2 {
  font-size: 2.75rem;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  color: #000000;
  line-height: 3.313rem;
  letter-spacing: 0.014rem;
}

.single-blog h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  color: #000000;
  line-height: 2.625rem;
  letter-spacing: 0.014rem;
}

.single-blog h4 {
  font-size: 1.25rem; /* xl */
  font-weight: 700; /* semibold */
  margin-top: 1.5rem; /* mt-6 */
  margin-bottom: 0.5rem; /* mb-2 */
  color: #000000; /* gray-800 */
  line-height: 2.425rem;
  letter-spacing: 0.014rem;
}

.single-blog h5 {
  font-size: 1.125rem; /* lg */
  font-weight: 500; /* medium */
  margin-top: 1rem; /* mt-4 */
  margin-bottom: 0.5rem; /* mb-2 */
  color: #000000; /* gray-800 */
  letter-spacing: 0.014rem;
  line-height: 2.325rem;
}

.single-blog h6 {
  font-size: 1rem; /* base */
  font-weight: 500; /* medium */
  margin-top: 0.75rem; /* mt-3 */
  margin-bottom: 0.25rem; /* mb-1 */
  color: #000000; /* gray-700 */
  letter-spacing: 0.014rem;
  line-height: 2.225rem;
}

/* Single blog content */
.single-blog p {
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
  color: #000000;
  line-height: 1.875rem;
}

/* Fallback/Alternative approach: Remove the margin on the list instead */

/* .single-blog p:has(> strong) {
  margin-bottom: 0.3rem;
} */

.single-blog ul,
.single-blog ol {
  font-size: 1.125rem;
  margin-top: 0.3rem;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
  color: #000000;
}

.single-blog ul li {
  list-style-type: disc;
  margin-bottom: 0.5rem;
}

.single-blog ol li {
  list-style-type: decimal;
  margin-bottom: 0.5rem;
}

.single-blog ul li,
.single-blog ol li {
  margin-bottom: 10px;
}

.single-blog ul li p,
.single-blog ol li p {
  margin-bottom: 10px;
  line-height: normal;
}

.single-blog blockquote {
  border-left: 5px solid #1a5f5a;
  background-color: #fef5f6;
  color: #fff1f1;
  font-style: italic;
  margin: 1.5rem 0;
  padding: 3rem 1.25rem;
  border-radius: 4px;
  text-align: center;
  display: block;
}

.single-blog blockquote p {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.2rem;
  text-align: left;
  font-weight: 400;
}

/* Base underline (hidden initially) */

.single-blog a {
  color: #df0853;
  text-decoration: none;
  font-weight: 500;
  background-image: linear-gradient(
    transparent 0%,
    transparent calc(100% - 2px),
    #df0853 100%
  );
  background-repeat: repeat-x;
  background-size: 100% 2px;
  background-position: 0 100%;
  transition:
    background 0.3s ease,
    color 0.3s ease;
}

.single-blog a:hover {
  color: #2108c6;
  background-image: linear-gradient(
    transparent 0%,
    transparent calc(100% - 2px),
    #2108c6 100%
  );
}

.single-blog strong {
  font-weight: 700; /* semibold */
  color: #000000; /* gray-900 */
}

.single-blog em {
  font-style: italic;
}

.single-blog img {
  max-width: 100%;
  height: auto;
  border-radius: 1rem; /* rounded-md */
  margin: 1.5rem 0; /* my-6 */
  object-fit: cover;
}

.single-blog pre {
  background-color: #000000; /* gray-800 */
  color: #f9fafb; /* gray-50 */
  padding: 1rem; /* p-4 */
  border-radius: 1rem; /* rounded-md */
  overflow-x: auto;
  margin: 1.5rem 0; /* my-6 */
}

.single-blog code {
  background-color: #f3f4f6; /* gray-100 */
  padding: 0.25rem 0.5rem; /* px-2 py-1 */
  border-radius: 0.25rem; /* rounded */
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 0.875rem; /* text-sm */
}

.single-blog hr {
  border: none;
  border-top: 1px solid #e5e7eb; /* gray-200 */
  margin: 2rem 0; /* my-8 */
}

/* Single blog tables */
.single-blog table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0; /* my-6 */
  font-size: 0.875rem; /* text-sm */
  line-height: 1.25rem;
}

.single-blog th,
.single-blog td {
  border: 1px solid #d1d5db; /* gray-300 */
  padding: 0.75rem 1rem; /* py-3 px-4 */
  text-align: left;
}

.single-blog th {
  background-color: #f9fafb; /* gray-50 */
  font-weight: 600; /* semibold */
  color: #000000; /* gray-900 */
}

.single-blog td {
  color: #4b5563; /* gray-700 */
}

.single-blog tr:nth-child(even) td {
  background-color: #f3f4f6; /* gray-100 */
}

.single-blog caption {
  caption-side: bottom;
  text-align: center;
  font-size: 0.875rem; /* text-sm */
  color: #6b7280; /* gray-500 */
  margin-top: 0.5rem;
}

.blog-details-wrapper {
  max-width: 700px;
}

.img-blog-details-wrapper {
  max-width: 800px;
}

/* Excerpt Summary Box */
.post-summary {
  margin-top: 1.5rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4em;
}

.dark .post-summary {
  color: #d1d5db; /* dark:text-gray-300 */
}

.social_post_section svg {
  width: 30px !important;
  height: 30px !important;
}

/* Base wrapper */

/* Headings */
.comments h1 {
  font-size: 1.2rem; /* text-4xl */
  font-weight: 700;
  margin: 1.5rem 0 1rem;
}
.comments h2 {
  font-size: 1.1rem; /* text-3xl */
  font-weight: 700;
  margin: 1.25rem 0 0.75rem;
}
.comments h3 {
  font-size: 1.1rem; /* text-2xl */
  font-weight: 600;
  margin: 1.25rem 0 0.75rem;
}
.comments h4 {
  font-size: 1rem; /* text-xl */
  font-weight: 600;
  margin: 1rem 0 0.5rem;
}
.comments h5 {
  font-size: 1rem; /* text-lg */
  font-weight: 600;
  margin: 0.75rem 0 0.5rem;
}
.comments h6 {
  font-size: 1rem; /* base */
  font-weight: 600;
  margin: 0.75rem 0 0.5rem;
  color: #374151; /* gray-700 */
}

/* Paragraph */
.comments p {
  font-size: 0.9375rem; /* ~text-base */
  margin: 0.75rem 0;
  color: #374151; /* gray-700 */
}

/* Links */
.comments a {
  color: #2563eb; /* blue-600 */
  cursor: pointer;
}
.comments a:hover {
  color: #1d4ed8; /* blue-700 */
}

.comments h5 a {
  color: #374151;
  text-decoration: none;
}

/* Lists */
.comments ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin: 0.75rem 0;
}
.comments ol {
  list-style: decimal;
  padding-left: 1.5rem;
  margin: 0.75rem 0;
}
.comments li {
  margin: 0.25rem 0;
}

/* Blockquote */
.comments blockquote {
  border-left: 4px solid #d1d5db; /* gray-300 */
  padding: 10px 15px;
  margin: 1rem 0;
  font-style: italic;
  color: #4b5563; /* gray-600 */
  background: #f9fafb; /* gray-50 */
}

/* Code */
.comments code {
  background: #f3f4f6; /* gray-100 */
  padding: 10px 15px;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-family: monospace;
  color: #d97706; /* amber-600 */
}

/* Images */
.comments img {
  max-width: 100%;
  border-radius: 0.375rem;
  margin: 1rem 0;
}

/* Horizontal rule */
.comments hr {
  border: none;
  border-top: 1px solid #e5e7eb; /* gray-200 */
  margin: 2rem 0;
}

@media (min-width: 768px) {
  .blue_bg {
    background-image: url("./assets/img/bg-blue.svg");
    background-size: cover;
  }
}

.blue_bg {
  background-color: rgb(202, 236, 255);
  padding: var(--k-padding) 0;
}

.custom-input {
  display: block; /* block */
  width: 100%; /* w-full */
  border-radius: 0.375rem; /* rounded-md */
  background-color: #ffffff; /* bg-white */
  padding: 0.5rem 0.875rem; /* py-2 px-3.5 */
  font-size: 1rem; /* text-base */
  color: #111827; /* text-gray-900 */
  outline: 1px solid #d1d5db; /* outline outline-1 outline-gray-300 */
  outline-offset: -1px; /* -outline-offset-1 */
  box-sizing: border-box;
  transition:
    outline 0.2s,
    outline-offset 0.2s;
}

.custom-input::placeholder {
  color: #9ca3af; /* placeholder:text-gray-400 */
}

.custom-input:focus {
  outline: 2px solid #1e3bff; /* focus:outline-blue-500 */
  outline-offset: -2px; /* focus:-outline-offset-2 */
}

.main_form_button {
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  background-color: #1e3bff;
  padding: 0.825rem 1.5rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s;
  width: 100%;
}

.main_form_button:hover {
  opacity: 0.9;
}

.main_form_button:focus-visible {
  outline: 2px solid #1e3bff; /* focus-visible:outline-blue-500 */
  outline-offset: 2px; /* focus-visible:outline-offset-2 */
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #45d98f;
  background: #45d98f;
  text-align: center;
  padding: 10px;
  margin: 15px 0 0 0;
}

.header-form label {
  margin-bottom: 5px;
}

.header-form .wpcf7 form.sent .wpcf7-response-output {
  margin: 15px 0 0 0;
}

.form_button {
  position: relative;
  width: 100%;
}

.form_button .main_form_button {
  background-color: #f6c406;
  color: #111827;
}

.form_button.form_button_blue .main_form_button {
  background-color: #1e3bff;
  color: white;
}

.wpcf7-spinner {
  position: absolute;
  top: 24%;
  bottom: 0;
  right: 20px;
  margin: 0;
  background-color: transparent;
  border: 2px solid #ffffff;
}

.wpcf7 form .wpcf7-response-output {
  margin: 15px 0 0 0;
  font-size: 14px;
}

.wpcf7-not-valid-tip {
  font-size: 14px;
}

.active-category span {
  color: #111827;
}

.pf-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.pf-accordion-content.open {
  max-height: 500px; /* adjust big enough to fit your tallest list */
}

.a2a_kit {
  display: none;
}
.single-service .a2a_kit {
  display: none !important;
}

.single .a2a_kit {
  display: block;
}

.hero-title {
  letter-spacing: -2.3px;
  text-transform: capitalize;
  color: #221429 !important;
}

.hero-hook {
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 115px;
  position: relative;
  top: -1px;
}

.primary-cta-gradient {
  background: #ff4d8d; /* fallback */
  background: linear-gradient(135deg, #ff4d8d, #ff8a3d);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
}
/* Hero Section */