@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

   /* Blog Listing Styles */
   .page-template-page-blog-list .site-content,
   .category {
       background: #fff;
   }

   .blog-wrapper {
       padding: 80px 0;
       width: 100%;
   }

   /* Blog Filter */
   .blog-filter,
   .recent-blogs-heading,
   .featured-blog-section {
       margin-bottom: 80px;
   }

   .blog-filter .filter-dropdown {
       background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPCAYAAAD6Ud/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC7SURBVHgBrc/tCcMgEAZgbfB/R+gqHUMQ6gqdIN3E1o//XaGbZBLtGRCk1eglvnDg6eGjhECstQrqRgbHOTcbY+a4phEJIci1oVQKIV5kQCLivX/ENdx/P0HzSYew8RzxsxyBxy+MsTeNjdZawoZKg0d+9otM03TlnC80DYzAasja54NHsC3kD9qLtZAihMV6kCrUi/Uim1ALwyBNqIZBXTBIF1TCMrQL6YZKGAZBQTmGRXZFKXWORZD5Al7Frhg1ygjNAAAAAElFTkSuQmCC);
       background-size: 15px;
       background-position: 94% 50% !important;
       color: #000;
       font-weight: 400;
       padding: 10px 35px 10px 15px;
       border: 1px solid #A3A3A3;
       border-radius: 4px;
       background-color: #fff;
       cursor: pointer;
   }

   /* Featured Blog Section */
   .featured-blog-section {
       display: flex;
       flex-wrap: wrap;
       gap: 40px;
       align-items: center;
   }

   .featured-image {
       width: 50%;
       height: 377px;
       background-color: #e8e8e8;
       border-radius: 4px;
       overflow: hidden;
   }

   .page-template-page-blog-list h1,
   .page-template-page-blog-list h2,
   .page-template-page-blog-list h3,
   .page-template-page-blog-list h4,
   .page-template-page-blog-list h5,
   .page-template-page-blog-list h6,
   .archive h1,
   .archive h2,
   .archive h3,
   .archive h4,
   .archive h5,
   .archive h6 {
       font-family: 'Barlow Semi Condensed', sans-serif;
       font-weight: 400;
   }

   .page-template-page-blog-list h1,
   .page-template-page-blog-list h2,
   .archive h1,
   .archive h2 {
       font-weight: 500;
   }

   .featured-content {
       width: calc(50% - 40px);
   }

   .featured-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .featured-content h2 {
       font-weight: 500;
       margin-bottom: 54px;
   }

   .featured-content h2 a {
       color: #000;
   }

   .featured-date {
       font-size: 20px;
       line-height: 30px;
       font-weight: 700;
       color: #262626;
       opacity: 0.5;
       padding-bottom: 8px;
       margin-bottom: 30px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
       border-bottom: 1px solid #CBCBCB;
   }

   .featured-content p {
       font-size: 20px;
       color: #262626;
       line-height: 1.6;
       margin: 0;
   }

   /* Recent Blogs Section */
   .recent-blogs-heading {
       font-size: 36px;
       font-weight: 700;
       color: #000;
   }

   .blog-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 40px 35px;
       margin-bottom: 40px;
       min-height: auto;
   }

   /* Ensure cards maintain proper sizing */


   .blog-card {
       border: 1px solid rgb(0 0 0 / 25%);
       overflow: hidden;
       transition: transform 0.3s ease, box-shadow 0.3s ease;
   }

   .blog-card:hover {
       transform: translateY(-5px);
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
   }

   .blog-card-image {
       width: 100%;
       height: 252px;
       background-color: #e8e8e8;
       overflow: hidden;
   }

   .blog-card-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .blog-card-content {
       padding: 24px 43px;
   }

   .blog-card-date {
       font-size: 20px;
       color: #262626;
       text-transform: uppercase;
       margin-bottom: 12px;
       opacity: 0.5;
       letter-spacing: 0.5px;
       font-weight: 700;
   }

   .blog-card-title {
       font-size: 18px;
       font-weight: 700;
       color: #000;
       margin-bottom: 15px;
       font-size: 32px;
       line-height: 1.4;
   }

   .blog-card-title a {
       color: #000;
       text-decoration: none;
       transition: color 0.3s ease;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
       overflow: hidden;
   }

   .blog-card-excerpt {
       font-size: 20px;
       color: #262626;
       line-height: 1.6;
       margin-bottom: 24px !important;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 3;
       overflow: hidden;
   }

   .blog-card-link {
       font-size: 16px;
       font-weight: 700;
       color: #262626;
       text-transform: uppercase;
       letter-spacing: 0.5px;
       transition: color 0.3s ease;
       text-decoration: underline !important;
   }

   .blog-card-link:hover,
   .blog-card-title a:hover,
   .featured-content h2 a:hover {
       color: #efc42e;
   }
   .page-template-page-blog-list .site-content > .ast-container {
    max-width: 100% !important;
    flex-wrap: wrap;
}

span.aioseo-breadcrumb {
    text-transform: capitalize;
}

   .page-template-page-blog-list .ast-container > .blog-wrapper,
   .archive .ast-container > .blog-wrapper, .archive .site-content .ast-container {
    max-width: 1380px !important;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px; 
   }
.page-template-page-blog-list .site-content > .ast-container [data-elementor-type="wp-page"] {
    width: 100%;
}
   /* Pagination Styles */
   .blog-pagination {
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 12px;
       margin-top: 60px;
       flex-wrap: wrap;
   }

   .blog-pagination a,
   .blog-pagination span {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-width: 44px;
       height: 44px;
       padding: 0 12px;
       font-family: 'Barlow Semi Condensed', sans-serif;
       font-size: 16px;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.5px;
       border: 2px solid #262626;
       background-color: #fff;
       color: #262626;
       text-decoration: none;
       border-radius: 4px;
       transition: all 0.3s ease;
   }

   .blog-pagination a:hover {
       background-color: #efc42e;
       border-color: #efc42e;
       color: #000;
       transform: translateY(-2px);
   }

   .blog-pagination .page-numbers.current {
       background-color: #efc42e;
       border-color: #efc42e;
       color: #000;
       cursor: default;
   }

   .blog-pagination .prev,
   .blog-pagination .next {
       font-size: 14px;
       min-width: auto;
   }

   .blog-pagination span.page-numbers:not(.current) {
       pointer-events: none;
       opacity: 0.5;
       border-color: #CBCBCB;
       color: #CBCBCB;
   }

   /* Responsive Pagination */

   .blog-card-title {
       font-weight: 400;
   }

   .feature-page-list h2.recent-blogs-heading {
       font-size: 64px;
       font-weight: 500;
       font-family: 'Barlow Semi Condensed', sans-serif;
   }


   /* Blog Details */
   .single-post .site-content>.ast-container .content-area {
       margin-bottom: 0 !important;
       margin-top: 0 !important;
   }

   .single-post .site-content>.ast-container .content-area article {
       padding: 0;
   }

   .ast-container {
       max-width: 1340px;
   }

   .asingle-post-hero-section-innerr .hero-breadcrumb a {
       color: #000000;
       text-decoration: none;
   }

   .hero-breadcrumb {
       color: #000000;
       opacity: 0.5;
   }

   .asingle-post-hero-section-innerr .hero-breadcrumb a:hover {
       text-decoration: underline;
   }

   .single-post-hero-section .entry-title.hero-title {
       color: #000000;
   }

   .blog-content-container .entry-content>h1,
   .blog-content-container .entry-content>h2,
   .blog-content-container .entry-content>h3,
   .blog-content-container .entry-content>h4,
   .blog-content-container .entry-content>h5,
   .blog-content-container .entry-content>h6 {
       font-family: 'Barlow Semi Condensed', sans-serif;
   }

   .single-post h1 {
       font-size: 72px;
       line-height: 94px;
       margin-bottom: 16px;
   }

   .asingle-post-hero-section-innerr .hero-meta,
   .hero-breadcrumb {
       margin-bottom: 40px;
   }

   .asingle-post-hero-section-innerr .hero-meta a {
       color: #CA8B00;
       text-decoration: none;
   }

   .asingle-post-hero-section-innerr .hero-meta {
       font-weight: 600;
       font-size: 20px;
       color: #262626;
   }

   .single-post-hero-section .hero-featured-image img {
       width: 100%;
       height: 600px;
       object-fit: cover;
   }

   .single-post-hero-section .hero-featured-image,
   .blog-content-container {
       margin-bottom: 80px;
   }

   .blog-content-container .entry-content {
       width: 72.308%;
   }

   .blog-content-container .entry-content>p {
       font-size: 20px;
       line-height: 30px;
       color: #262626;
       letter-spacing: -0.5px;
   }

   .blog-content-container .entry-content>p+p {
       margin-top: 40px;
   }
   .blog-content-container .entry-content .wp-block-uagb-image {
       margin-bottom: 30px;
   }

   .blog-content-container .entry-content .wp-block-uagb-advanced-heading {
       margin-top: 80px;
       margin-bottom: 24px;
   }

   .blog-content-container .entry-content .wp-block-uagb-advanced-heading h2 {
       font-size: 64px;
       font-weight: 500 !important;
   }

   .blog-content-container .entry-content h3 {
       font-size: 48px;
   }

   .blog-content-container .entry-content h4 {
       font-size: 36px;
   }

   .blog-content-container .entry-content h5 {
       font-size: 32px;
   }

   .blog-content-container .entry-content h6 {
       font-size: 24px;
   }



   .blog-content-container .entry-content .wp-block-uagb-advanced-heading h2,
   .blog-content-container .entry-content .wp-block-uagb-advanced-heading h3,
   .blog-content-container .entry-content .wp-block-uagb-advanced-heading h4,
   .blog-content-container .entry-content .wp-block-uagb-advanced-heading h5,
   .blog-content-container .entry-content .wp-block-uagb-advanced-heading h6 {
       color: #000000;
       font-weight: 400;
   }

   .custom-blog-cta {
       padding: 40px;
       background: #F7BD00;
       margin: 80px 0;
   }

   .custom-blog-cta h2 {
       font-size: 32px;
       font-family: 'Barlow Semi Condensed', sans-serif;
   }

   .custom-blog-cta-one .custom-blog-inner,
   .custom-blog-cta-one .custom-blog-cta-btn {
       width: 100%;
   }

   .custom-blog-cta-one {
       text-align: center;
   }

   .custom-blog-cta h2,
   .custom-blog-cta p {
       margin-bottom: 24px;
   }

   .custom-blog-cta p {
       font-size: 18px;
   }

   .cta-link-btn {
       padding: 15px 30px;
       display: inline-block;
       background: #000000;
       color: #fff;
       font-size: 20px;
       line-height: 1.5;
   }

   .cta-link-btn:hover,
   .cta-link-btn:focus {
       background: #262626;
       color: #fff;
   }

   .custom-blog-cta-two .custom-blog-cta-btn {
       width: 200px;
       text-align: right;
   }

   .custom-blog-cta-two .cta-link-btn {
       padding: 15px 22px;
   }

   .custom-blog-cta-two .custom-blog-inner {
       width: calc(100% - 230px);
       display: flex;
       flex-wrap: wrap;
       gap: 16px;
   }

   .custom-blog-cta-two {
       display: flex;
       align-items: center;
       justify-content: space-between;
       flex-wrap: wrap;
   }


   .custom-blog-cta-two .custom-blog-inner h2,
   .custom-blog-cta-two .custom-blog-inner p {
       margin: 0;
   }

   .custom-blog-cta-two .custom-blog-inner p {
       font-size: 16px;
   }

   .blog-author-box {
       display: flex;
       flex-wrap: wrap;
       background: #E9E9E9;
       padding: 40px;
       gap: 40px;
   }

   .blog-author-box .author-image {
       width: 160px;
       overflow: hidden;
   }

   .blog-author-box .author-image img {
       width: 100%;
       border-radius: 50%;
   }

   .author-content {
       width: calc(100% - 200px);
   }

   .author-content h5.author-name {
       margin-bottom: 12px;
   }

   .author-content p.author-bio {
       margin-bottom: 0;
       font-size: 20px;
       line-height: 1.5;
   }

   .entry-content-table-of-content {
    width: calc(27.692% - 50px );
    background: #E9E9E9;
    position: sticky;
    top: 40px;
    padding: 40px;
}

.blog-content-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: self-start;
}

h3.toc-title {
    font-size: 20px;
    font-family: 'Source Sans 3',sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}

.entry-content-table-of-content ul {
    margin-left: 20px;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.entry-content-table-of-content ul li {
    width: 100%;
}

.entry-content-table-of-content ul li a {
    font-size: 20px;
    color: #262626;
}

.entry-content-table-of-content ul li:hover a, .entry-content-table-of-content ul li.active a, .entry-content-table-of-content ul li:hover, .entry-content-table-of-content ul li.active {    color: #CA8B00;}

   /* End Blog details */

   /* Responsive Design */

   @media screen and (max-width: 1279px) {
       .single-post h1 {
           font-size: 59px;
       }

       .single-post-hero-section .hero-featured-image img {
           height: 400px;
       }

       .blog-content-container .entry-content>p {
           font-size: 16px;
           line-height: 23px;
           margin-top: 28px;
           letter-spacing: 0;
       }

       .blog-content-container .entry-content {
           width: 100%;
       }

       .blog-content-container .entry-content .wp-block-uagb-advanced-heading {
           margin-top: 40px;
       }

       .blog-content-container .entry-content .wp-block-uagb-advanced-heading h2 {
           font-size: 48px;
       }

       .blog-content-container .entry-content h3 {
           font-size: 36px;
       }

       .blog-content-container .entry-content h4 {
           font-size: 28px;
       }

       .blog-content-container .entry-content h5 {
           font-size: 24px;
       }

       .blog-content-container .entry-content h6 {
           font-size: 18px;
       }

       .single-post-hero-section .hero-featured-image,
       .blog-content-container {
           margin-bottom: 60px;
       }
.entry-content-table-of-content {
    display: none;
}
   }


   @media (max-width: 1024px) {
       .blog-card-image {
           height: 172px;
       }

       .blog-card-date {
           font-size: 16px;
       }

       .featured-blog-section {
           grid-template-columns: 1fr;
       }

       .blog-card-content {
           padding: 20px;
       }

       .cta-link-btn {
           font-size: 17px;
           padding: 12px 27px;
       }

       .blog-filter,
       .recent-blogs-heading,
       .featured-blog-section {
           margin-bottom: 60px;
       }

       .custom-blog-cta {
           margin: 60px 0;
       }

       .blog-card-title {
           font-size: 24px;
       }

       .blog-card-excerpt {
           font-size: 16px !important;
       }

       .blog-card-link {
           font-size: 13px;
           letter-spacing: 0;
       }

       .featured-content h2 {
           margin-bottom: 24px;
       }

       .featured-date {
           margin-bottom: 10px;
           font-size: 16px;
       }

       .feature-page-list h2.recent-blogs-heading {
           font-size: 40px;
       }

       .blog-author-box {
           padding: 20px;
           gap: 20px;
       }

       .blog-author-box .author-image {
           width: 100%;
       }

       .blog-author-box .author-image img {
           width: 110px;
       }

       .author-content {
           width: 100%;
       }

       .author-content p.author-bio {
           font-size: 17px;
       }
   }

   @media (max-width: 768px) {
       .single-post h1 {
           font-size: 37px;
       }

       .asingle-post-hero-section-innerr .hero-meta {
           font-size: 16px;
           line-height: 1.5;
       }

       .asingle-post-hero-section-innerr .hero-meta,
       .hero-breadcrumb {
           margin-bottom: 20px;
       }

       .blog-content-container .entry-content .wp-block-uagb-advanced-heading h2 {
           font-size: 32px;
       }

       .blog-content-container .entry-content h3 {
           font-size: 28px;
       }

       .blog-content-container .entry-content h4 {
           font-size: 24px;
       }

       .blog-content-container .entry-content h5 {
           font-size: 20px;
       }

       .blog-grid {
           grid-template-columns: 1fr;
           gap: 20px;
       }


       .recent-blogs-heading {
           font-size: 28px;
       }

       .blog-card-image {
           height: 250px;
       }

       .featured-image {
           height: 250px;
       }

       .featured-image,
       .featured-content {
           width: 100%;
       }

       .featured-content p {
           font-size: 16px;
       }

       .blog-pagination {
           gap: 8px;
       }

       .blog-pagination a,
       .blog-pagination span {
           min-width: 40px;
           height: 40px;
           font-size: 14px;
           padding: 0 8px;
       }

       .custom-blog-cta-one h2,
       .custom-blog-cta-one p {
           margin-bottom: 16px;
       }

       .custom-blog-cta p {
           font-size: 16px;
       }

       .custom-blog-cta {
           padding: 20px;
       }

       .custom-blog-cta-two .custom-blog-cta-btn,
       .custom-blog-cta-two .custom-blog-inner {
           width: 100%;
           text-align: center;
       }


       .custom-blog-cta-two .custom-blog-inner h2,
       .custom-blog-cta-two .custom-blog-inner p {
           width: 100%;
       }

       .custom-blog-cta-two .custom-blog-inner {
           margin-bottom: 20px;
       }

       .custom-blog-cta h2,
       .custom-blog-cta p {
           margin-bottom: 16px;
       }

   }

   @media (max-width: 480px) {
       .blog-wrapper {
           padding: 20px 0;
       }

       .featured-blog-section {
           gap: 20px;
       }

       .recent-blogs-heading {
           font-size: 22px;
       }

       .blog-card-content {
           padding: 15px;
       }

       .feature-page-list h2.recent-blogs-heading {
           font-size: 32px;
       }
   }