/*
Theme Name: Astra Child
Theme URI: https://example.com
Description: Child theme for Astra
Author: Your Name
Author URI: https://example.com
Template: astra
Version: 1.0.0
*/
/* Poppins Regular */
@import url('fonts/fontawesome/css/all.css');

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Regular.woff2') format('woff2'),
       url('fonts/Poppins-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Poppins Bold */
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Bold.woff2') format('woff2'),
       url('fonts/Poppins-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Roboto Regular */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.woff2') format('woff2'),
       url('fonts/Roboto-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Roboto Bold */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Bold.woff2') format('woff2'),
       url('fonts/Roboto-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.single .post-navigation a .ast-post-nav, .single .post-navigation a .ast-post-nav {
    color:#fff;
}
.sidebar-area a {
    color:#fff;
}
#secondary h2 {
    font-size: 1.7rem;
    color: #FFCF06;
}
.ast-separate-container .post-navigation {
    padding:30px;
}
.wpforms-container .wpforms-form {
    display: block !important;
    visibility: visible !important;
}
#block-4, #block-5, #block-6 {
    display:none !important;
}
#ast-scroll-top {
  display: none !important;
}

.wpforms-confirmation-container {
    margin-bottom: 20px;
    color: green;   /* style your thank you text */
    font-weight: 600;
}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding:10px 0 !important;
}
/* Hides Archives widget */
.widget_archive {
    display: none !important;
}

/* Hides Recent Comments widget */
.widget_recent_comments {
    display: none !important;
}
/* LinkedIn */
.Social-midea-one a[href*="linkedin"]:hover, .footer-social-media-one a[href*="linkedin"]:hover {
    color: #0077b5 !important;
}

/* Facebook */
.Social-midea-one a[href*="facebook"]:hover, .footer-social-media-one a[href*="facebook"]:hover {
    color: #1877f2 !important;
}

/* Instagram */
.Social-midea-one a[href*="instagram"]:hover, .footer-social-media-one a[href*="instagram"]:hover {
    color: #e4405f !important;
}

/* Twitter (X) */
.Social-midea-one a[href*="x.com"]:hover, .footer-social-media-one a[href*="x.com"]:hover {
    color: #1da1f2 !important;
}
.footermenu .h3-title {
    text-align:center;
    color:#fff;
}
.custom-blog-banner-below-header {
        padding: 50px 20px;
        text-align: center;
    }

.custom-blog-banner-below-header .ast-container {
        max-width: 1000px;
        margin: 0 auto;
    }
.sidebar-area {
        margin-top:140px;
    }
.sticky-form {
        top:140px !important;
    }
.sticky-form .wpforms-submit {
    background: linear-gradient(90deg, #ffd70f, #ec2446) !important;
    width: 100% !important;
    }
.sidebar-area {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 20px; /* adjust distance from top */
  z-index:1;
}
.toc-area {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 20px;    /* distance from top of screen */
  z-index: 999;
}

.blog #primary {
    margin-top:0%;
}
.custom-blog-banner-below-header h1 {
        margin-bottom: 20px;
        font-size: 32px;
    }
.ctasection {
        padding:40px 0;
    }
.ctasection h2 {
    text-align:left;
}
.ctasection h3 {
    margin:20px 0;
}
.ctasection .section-title {
    text-align:left;
}
.custom-blog-banner-below-header p {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .custom-blog-banner-below-header .banner-buttons {
        display: flex;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .custom-blog-banner-below-header .banner-buttons a {
        padding: 12px 10px;
        text-decoration: none;
        border-radius: 5px;
        color: #fff;
    }

    .custom-blog-banner-below-header .banner-buttons a.submit {
        background-color: #0073aa;
    }

    .custom-blog-banner-below-header .banner-buttons a.guidelines {
        background-color: #444;
    }

    .custom-blog-features-section {
        padding: 50px 20px;
        background-color: #ffffff;
        margin-top: 40px;
    }

    .custom-blog-features-section .section-header {
        max-width: 800px;
        margin: 0 auto 40px;
        text-align: center;
    }

    .custom-blog-features-section h2 {
        margin-bottom: 10px;
        font-size: 32px;
    }

    .custom-blog-features-section p {
        font-size: 16px;
        color: #555;
    }

    .custom-blog-features-section .features-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .custom-blog-features-section .writeforus {
        flex: 1 1 calc(25% - 20px);
        background-color: #f9f9f9;
        padding: 20px;
        text-align: center;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .custom-blog-features-section .writeforus h3 {
        margin-bottom: 10px;
    }

    .custom-blog-features-section .writeforus i {
        font-size: 24px;
        margin-bottom: 10px;
        display: block;
    }
    .site-content .ast-container {
        display:block;
        max-width:100%;
    }
    .ast-container, .ast-container-fluid {
        padding-left:0;
        padding-right:0;
    }
    .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .testimonial {
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .testimonial p {
            margin-bottom: 20px;
            font-style: italic;
        }
        
        .client {
            display: flex;
            align-items: center;
        }
        
        .client img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-right: 15px;
            object-fit: cover;
        }
    .guest-post-guidelines {
        
        margin: 0 auto;
        padding: 40px 0px;
        font-family: Arial, sans-serif;
        line-height: 1.7;
    }
    .guidelines-container {
        max-width: 800px;
        margin: 0 auto;
        padding: 40px 20px;
        font-family: Arial, sans-serif;
        line-height: 1.7;
    }
    .guest-post-guidelines h1 {
        font-size: 36px;
        color: #2c3e50;
        margin-bottom: 20px;
    }
    .guideline-section {
    background: white;
    border-radius: 8px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    padding: 30px;
    margin-bottom: 30px;
}
    .guest-post-guidelines h2 {
        font-size: 24px;
        color:#00b2df;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .guest-post-guidelines ul,
    .guest-post-guidelines ol {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .guest-post-guidelines ul li,
    .guest-post-guidelines ol li {
        margin-bottom: 8px;
    }

    .guest-post-guidelines p {
        font-size: 16px;
        color: #333;
        margin-bottom: 20px;
    }

    .guidelines-hero {
        background-color:#e2c604;
        padding: 60px 20px;
        text-align: center;
        border-bottom: 1px solid #ddd;
    }

    .guidelines-hero h1 {
        margin-bottom: 10px;
        font-size: 42px;
        color: #2c3e50;
    }

    .guidelines-hero p {
        font-size: 18px;
        color: #555;
    }

    .guideline-section {
        margin-bottom: 40px;
    }

    .guideline-section h2 i {
        margin-right: 10px;
    }

    .dos-donts {
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .dos, .donts {
        flex: 1;
        min-width: 250px;
    }
    .dos {
    background-color: #f0fff4;
    border-left: 4px solid var(--success);
}
    .donts {
    background-color: #fff5f5;
    border-left: 4px solid var(--danger);
}
    .dos h3 {
        color: #2ecc71; /* green */
    }

    .donts h3 {
        color: #e74c3c; /* red */
    }
    
textarea.form-control {
        resize: none;
    }
    .form__f {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 20px;
        font-weight: 700;
        position:relative;
    }
    .iti {
        width: 100%;
    }
    label.error {
        color: red;
        font-size: 12px;
        margin-bottom: 0;
        font-weight: 400;
    }
    .iti__selected-flag {
        height: 60px!important;
    }
    .form__f #linkedin1-error {
        display: block;
        width: 100%;
        position: absolute;
        bottom: -24px;
        font-weight: 400;
    }
    .form__f .form-input-one {
        padding:0;
        text-align:center;
    }
    .footer-contact-one a {
        color: #afabe3;
    }
    .modal-dialog .btn-close {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    }
    .modal-body {
        padding: 2rem 1rem;
    }
    .calltoactiona {
        position: fixed;
        bottom: 0;
        width: 100%;
        background:#f36523;
        left: 0;
        justify-content: center;
        display: flex;
        z-index:9;
        padding: 15px 10px;
        box-sizing: border-box;
        text-transform: uppercase;
    }
    .calltoactiona a {
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }
    @media(min-width:768px) {
        .hidedesktop {
            display:none;
        }
        .hidedesktop {
            display:none;
        }
    }

.blog .loader-box-one, .single-post .loader-box-one {
    display:none !important;
}
.footer-contact-one a {
    color:#fff !important;
}
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
}
.header-menu-one .sub-menu-one a {
    color:#fff;
}
.whatsapp-float img {
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    transition: transform 0.2s ease-in-out;
}

.whatsapp-float img:hover {
    transform: scale(1.1);
}
.pum-theme-323, .pum-theme-default-theme {
    background-color: rgba(0, 0, 0,0.7);
}
.main-content-with-sidebar {
    display: flex;
    gap: 30px; /* space between post and sidebar */
}
.content-area  {
    margin-top:15%;
}
.detailed-post-content {
    flex: 3; /* takes more space */
}

.sidebar-area {
    flex: 1; /* takes less space */
    margin-top:45px;
}
#wpforms-form-825 {
    margin-top:-20px;
}
#secondary {
    width:100% !important;
}
.ast-right-sidebar #secondary {
    padding-left:0 !important;
}
.custom-blog-banner-below-header {
    margin-top:10%;
}
.custom-single-post-banner {
    max-height: 400px;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top:110px;
}
#wpforms-825 .wpforms-field {
  padding: 5px 0 !important;
}

/* Remove theme/other plugin's input icon */
input[type="tel"] {
  background: none !important;
  background-image: none !important;
  padding-left: 48px !important; /* ensures flag has space */
}
/* Remove unwanted globe icon from tel input */
.iti input[type="tel"] {
  background-color:#fff !important;
  background-image: none !important;
  background-position: unset !important;
  background-repeat: unset !important;
  padding-left: 48px !important; /* space for the intl-tel-input flag */
}

/* Also kill pseudo icons, if theme uses them */
.iti input[type="tel"]::before,
.iti input[type="tel"]::after {
  display: none !important;
  content: none !important;
}

.custom-single-post-banner img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
.custom-blog-banner-below-header {
    background-color:#e2c604;
    padding: 60px 20px;
    text-align: center;
    margin-bottom: 30px;
}

.custom-blog-banner-below-header h1 {
    font-size: 36px;
    color: #1a1a1a;
    margin-bottom: 10px;
    text-align: center;
}

.custom-blog-banner-below-header p {
    font-size: 18px;
    color: #444;
    text-align:center;
}
.custom-banner-wrapper {
    background: #f9f9f9;
    padding: 50px 20px;
}

.custom-banner-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 30px;
    text-align: center;
}

.custom-banner-container .banner-box {
    background: #fff;
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

.custom-banner-container .banner-box:hover {
    transform: translateY(-6px);
}

.banner-box img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

.banner-box h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #222;
}

.banner-box p {
    font-size: 16px;
    color: #666;
}
.custom-banner-heading h3 {
    font-size: 26px;
    margin-bottom: 5px;
}

.custom-banner-heading p {
    color: #666;
    margin-bottom: 30px;
}
.custom-blog-banner-below-header .ast-container {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.writeforus i {
    font-size: 26px;
    color: #e2c604;
}
.ast-site-identity .site-title a {
    display:none;
}
.ast-header-break-point .ast-header-search .search-field {
    width: 200px;
    padding: 6px 12px;
}
.ast-icon svg {
    fill: #e2c604;
    font-size: 40px;
}

.toc-area {
  width: 25%;
  min-width: 250px;
  position: sticky;
  top:170px;
  background: #f9f9f9;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  height: max-content;
  flex-shrink: 0;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
}

.detailed-post-content {
  min-width:75%;
}
.detailed-post-content #ez-toc-container {
    display:none;
}
.sidebar-main {
    width:100%;
    margin-left:0%;
    width:250px;
}
.custom-single-post-banner-wrapper #ez-toc-container {
    display:none;
}
#wpforms-form-318 {
    padding:30px;
    /*background: -moz-linear-gradient(0deg, rgba(47,4,122,1) 0%, rgba(98,63,191,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(47, 4, 122, 1) 0%, rgba(98, 63, 191, 1) 100%);
    background: linear-gradient(0deg, rgba(47, 4, 122, 1) 0%, rgba(98, 63, 191, 1) 100%);*/
    background: linear-gradient(180deg, #fffbe5, #e2c604);
    border-radius: 10px;
    position: relative;
    z-index: 0;
}
#wpforms-submit-318 {
    background: linear-gradient(90deg, #ffd70f, #ec2446);
    width: 60%;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.footer-social-media-one ul, .footer-links-one ul, .footer-contact-one ul, .footer-post-one ul {
    margin-left:0 !important;
}
.site-below-footer-wrap {
    display:none !important;
}
/* WPForms two fields side-by-side */
#wpforms-318-field_2-container,
#wpforms-318-field_8-container {
    width:47%;
    float: left;
/*    margin-right:3%;*/
    clear:unset;
}
#wpforms-318-field_8-container {
    margin-left:5%;
}
.wpforms-required-label {
    display:none;
}
.wpforms-field-sublabel {
    display:none !important;
}
.iti {
    width: 100% !important; /* Make wrapper full width */
}

.iti__flag-container {
    height: 100%;
}
.iti__selected-flag {
    position:absolute !important;
}
.iti input {
    width: 100% !important;
    padding-left: 50px !important; /* space for flag & code */
}


#wpforms-318-field_3-container {
    margin-right: 0; /* Remove extra gap on the last one */
}


/* Remove margin from the last field in the row */
.wpforms-field.half-width:last-of-type {
    margin-right: 0;
}
/* Responsive behavior */
@media (max-width: 768px) {
     .toc-content-wrapper {
    flex-direction: column;
    gap: 0;
  }

  #ez-toc-container,
  .detailed-post-content {
    width: 100%;
    position: static;
  }
  #ez-toc-container,
  .single-post article {
    width: 100% !important;
  }
  .toc-area {
    display:none;
  }
  .sidebar-main {
    display:none;
  }
  .sticky-form {
    top:0 !important;
    position: relative !important;
    padding:20px;
}
}

@media (max-width:767px) {
.custom-blog-banner-below-header .ast-container {
    width:100%;
}
#popmake-520 {
    top:25px !important;
}
.writeforus {
    width:100% !important;
}
.cookieadmin_consent_inside {
    display:none;
}
#wpforms-form-318 {
    padding:20px !important;
}
#wpforms-318-field_2-container, #wpforms-318-field_8-container {
    width: 100%;
    float: left;
    /* margin-right: 3%; */
    clear: unset;
}
#wpforms-318-field_8-container {
    margin-left: 0%;
}
}
@media only screen and (min-width: 1024px) {
    .pum-container.pum-responsive.pum-responsive-medium {
        margin-left: -25%;
        width: 50%;
        top: 50px !important;
    }
}
@media(max-width:767px){
        .guest-post-guidelines {
            padding:40px 0;
        }
        .guideline-section {
            padding:15px;
        }
        .guidelines-hero h1 {
            font-size:36px;
        }
        .guest-post-guidelines h2 {
            font-size:21px;
        }
        .guest-post-guidelines ul, .guest-post-guidelines ol {
            padding-left:0 !important;
        }
    }
@media (min-width:992px) {
.single-post    #primary {
        width: 100%;
    display: flex;
    justify-content: center;
    }
    .single-post.toc-content-wrapper {
    display: flex;
    gap: 40px;
    /* align-items: center; */
    max-width: 70%;
    margin: 0 auto;
    padding: 0px 20px;
    justify-content: center;
} 
.single-post    #primary {
        width: 100%;
    display: flex;
    justify-content: center;
    }
    body.single-post .toc-content-wrapper {
    display: flex;
    gap: 40px;
    width:70%;
    margin: 0 auto;
    padding: 0 20px;
    justify-content:center;
}
}