/* -----------------------------------
   Import Fonts
------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600&display=swap');

/* -----------------------------------
   Typography
------------------------------------ */

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 600;
}

/* Paragraphs and Common Elements */
p, a, span, div, ii {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 400;
}
body, button, input, select, textarea, .ast-button, .ast-custom-button{
	font-family: "DM Sans", sans-serif !important;
}

/* Base Font Sizes (Mobile First) */
h1 { font-size: 35px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

/* Global Text Styling */
p, ul, li, div, span, a {
  font-size: 16px !important;
}

p {
  margin-bottom: 10px !important;
}

/* -----------------------------------
   Layout Adjustments
------------------------------------ */

.authyo-pricing-header {
  display: flex !important;
  justify-content: space-between !important;
  padding: 20px 0px !important;
}

main.kw-post-content {
  order: 1;
/*   padding: 20px; */
  border-radius: 10px;
/*   background-color: #0093450f; */
}

aside.kw-sidebar {
  order: 2;
  background-color: #0093450f;
  padding: 20px;
  border-radius: 10px;
}

.ast-separate-container {
  background-color: white !important;
}

.kw-sidebar-section > ol,
.kw-sidebar-section > ul {
  margin-left: 10px !important;
}

/* -----------------------------------
   Blog Cards & Elements
------------------------------------ */

.kw-blog-card {
  background: #00934517 !important;
}

.kw-blog-card a {
  font-weight: 600 !important;
}

.kw-blog-card img {
  margin-bottom: 10px;
}

.kw-blog-tags-wrapper {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.kw-tag-badge {
  background: #eee;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 14px;
  text-decoration: none;
  color: #333;
}

.kw-tag-badge:hover {
  background: #333;
  color: #fff;
}

.ast-blog-layout-4-grid .ast-article-inner {
  box-shadow: 0px 6px 15px -2px rgba(16, 24, 40, 0.05);
  background-color: #0093451c !important;
}

/* -----------------------------------
   Buttons
------------------------------------ */

a.authyo-btn {
  background: #2D398F;
  color: white;
  text-decoration: none !important;
  padding: 6px 20px;
  border-radius: 10px;
  display: block;
  margin: auto;
  width: fit-content;
}

a.authyo-btn:hover {
  background: #009345;
}

/* Duplicate hover style (combined above) */
.authyo-btn:hover {
  background: #005c87;
}

/* -----------------------------------
   Blog Page Titles & Overrides
------------------------------------ */

h1.entry-title {
  display: none !important;
}

h2.entry-title.ast-blog-single-element a {
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 18px !important;
}

h1.page-title.ast-archive-title {
  word-wrap: break-word;
  text-align: center;
  font-size: 20px !important;
}

/* -----------------------------------
   Testimonials
------------------------------------ */

.testimonial-logo {
  width: 100px !important;
  display: block;
  margin: auto;
}

.swiper-slide.testimonial-box {
  background-color: #00934530;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #00934530;
  text-align: center;
}

/* -----------------------------------
   Category Overrides
------------------------------------ */

.category-authyo .kw-posts {
  order: 1;
}

.category-authyo aside.kw-sidebar {
  order: 1 !important;
}

/* -----------------------------------
   Media Queries
------------------------------------ */

/* Medium & Large Screens (min-width: 922px) */
@media (min-width: 922px) {
  .ast-narrow-container .site-content > .ast-container {
    max-width: 100%;
  }

  h1 { font-size: 30px; }
  h2 { font-size: 25px; }
  h3 { font-size: 20px; }
  h4 { font-size: 18px; }
  h5 { font-size: 17px; }
  h6 { font-size: 16px; }
  p  { font-size: 15px; }
}

/* Small Screens (max-width: 600px) */
@media only screen and (max-width: 600px) {
  .authyo-pricing-header {
    flex-direction: column;
  }

  .kw-blog-detail-wrapper {
    width: 100%;
    display: flex;
    padding: 10px;
    margin: 0;
  }

  aside.kw-sidebar,
  main.kw-post-content {
    width: 100%;
  }

  .kw-blog-grid {
    display: flex;
    flex-direction: column;
    gap: 2%;
  }

  .flex-box > .row {
    flex-direction: column;
  }

  h1.page-title.ast-archive-title {
    font-size: 20px !important;
    text-align: center;
    word-wrap: break-word;
  }
}
.twae-label-big {
    font-size: 20px !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
	    font-size: 20px !important;
}
.twae-wrapper .twae-label-small{
	white-space:normal !important;
	line-height:25px !important;
}
@media(max-width: 768px) {
    .authyo-pricing-header {
        display: flex;
        gap: 20px;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
	.authyo-pricing-header {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
}

.ast-container .elementor-element-264df8c.terms {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#ast-scroll-top{
	padding-top:0px !important;
}
.kw-sidebar {
  position: sticky;
  top: 85px;
  align-self: start;
  height: fit-content;
}

/* footer social icon start */
/* Social Icon Container */
.social-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

/* Style for Social Icons */
.social-icon {
    font-size: 30px;
    margin: 0;
    padding: 15px;
    color: white;
    background-color: #25D366; /* Default WhatsApp color */
    border-radius: 50%;
    transition: all 0.3s ease;
    text-align: center;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* WhatsApp Icon - Default Color */
.social-icon.whatsapp {
    background-color: #25D366;
}

/* LinkedIn Icon - Default Color */
.social-icon.linkedin {
    background-color: #0077b5;
}

/* Hover Animation */
.social-icon:hover {
    transform: translateY(-5px); /* Move up slightly on hover */
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    opacity: 0.8;
}

/* Font Awesome Icons */
.fab {
    font-size: 1.5em; /* Increase icon size */
    color: white;
}

/* footer social icon end */