/*==================================================
3 Blogs Section
==================================================*/

.ies-3blogs-wrapper{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:30px;
    align-items:stretch;
}

/*==========================
Featured Main
===========================*/

.ies-3blogs-main{
    display:grid;
    grid-template-columns:1fr 1fr;
    background:var(--ies-white, #fff);
    overflow:hidden;
    height:100%;
}

.ies-3blogs-main.right{
    grid-template-columns:1fr 1fr;
}

.ies-3blogs-main.right .ies-3blogs-image{
    order:2;
}

.ies-3blogs-main.right .ies-3blogs-content{
    order:1;
}

.ies-3blogs-image{
    overflow:hidden;
    height:100%;
}

.ies-3blogs-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.ies-3blogs-main:hover img{
    transform:scale(1.05);
}

.ies-3blogs-content{
    padding:45px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.ies-3blogs-category{
    display:inline-block;
    margin-bottom:15px;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    color:#0073aa;
    letter-spacing:.5px;
}

.ies-3blogs-title{
    font-size:36px;
    line-height:1.2;
    margin:0 0 20px;
}

.ies-3blogs-title a{
    text-decoration:none;
    color:inherit;
}

.ies-3blogs-title a:hover{
    color:#0073aa;
}

.ies-3blogs-excerpt{
    font-size:16px;
    line-height:1.8;
    color:#666;
    margin-bottom:25px;
}

.ies-3blogs-readmore{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight:600;
    text-decoration:none;
    color:#111;
    transition:.3s;
}

.ies-3blogs-readmore:hover{
    color:#0073aa;
}

.ies-3blogs-readmore span{
    transition:.3s;
}

.ies-3blogs-readmore:hover span{
    transform:translateX(6px);
}

/*==========================
Side Posts
===========================*/

.ies-3blogs-side{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.ies-3blogs-side-card{
    flex:1;
    background:#f7f7f7;
    padding:40px;
    transition:.3s;
    display:flex;
    align-items:center;
}

.ies-3blogs-side-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.ies-3blogs-side-content{
    width:100%;
}

.ies-3blogs-side-title{
    font-size:24px;
    line-height:1.35;
    margin:15px 0 25px;
}

.ies-3blogs-side-title a{
    color:#111;
    text-decoration:none;
}

.ies-3blogs-side-title a:hover{
    color:#0073aa;
}

/*==========================
Responsive
===========================*/

@media(max-width:1024px){

    .ies-3blogs-wrapper{

        grid-template-columns:1fr;

    }

    .ies-3blogs-main{

        grid-template-columns:1fr;

    }

    .ies-3blogs-main.right .ies-3blogs-image{

        order:1;

    }

    .ies-3blogs-main.right .ies-3blogs-content{

        order:2;

    }

}

@media(max-width:767px){

    .ies-3blogs-content{

        padding:25px;

    }

    .ies-3blogs-side-card{

        padding:25px;

    }

    .ies-3blogs-title{

        font-size:28px;

    }

    .ies-3blogs-side-title{

        font-size:22px;

    }


}

/*** 09-07-2026---
***/
#post_wrapper .post-details .post-content {
    box-shadow: none;
    padding: 20px;
}

#post_wrapper .post-details {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    padding: 0;
    width: calc(33.333% - 40px);
}

#post_wrapper {
    margin: 0;
    column-gap: 60px;
    row-gap: 45px;
}

#post_wrapper .post-thumbnail img {
    border-radius: 0;
    margin-bottom: 0;
}

.pagination {
    margin-top: 43px;
    gap: 12px;
}

.pagination .page-numbers{
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 0;
    background-color: #F2F3F5;
    color: #373A36;
    font-size: 13px;
    line-height: 1.5;
}

.pagination .page-numbers:hover {
    color: #000;
}


@media(max-width:1200px){
    #post_wrapper{
        column-gap:45px;
    }
    #post_wrapper .post-details{
        width:calc(33.333% - 30px)
    }
}

@media(max-width:991px){
    #post_wrapper{
        column-gap:30px;
        row-gap:30px;
    }
    #post_wrapper .post-details{
        width:calc(50% - 15px);
    }
}
@media(max-width:767px){
    #post_wrapper .post-details{
        width:100%;
    }
}
.hentry #filter_search_form {
    gap: 40px;
    margin: 45px 0;
}

.hentry #filter_search_form input {
    margin: 0;
    border: none;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 12px 12px 12px 36px;
    background-position: 12px 50%;
    background-size: 19px;
    color: #373A36;
    border-radius: 4px;
    font-size: 16px;
}

.hentry #filter_search_form select {
    border-width: 1px;
    border-radius: 4px;
    padding: 12px;
    line-height: normal;
    color: #373A36;
    background-position: calc(100% - 12px) 50%;
}

.hentry #filter_search_form input, #filter_search_form select {
    max-width: 480px;
}

.featured-post-wrapper .featured-main,
.featured-post-wrapper .featured-side-card {
    border-radius: 0;
}

.featured-post-wrapper .featured-main .content-inner .arrow-btn {
    margin-bottom: 0;
}

.featured-post-wrapper .featured-main .content-inner {
    gap: 20px;
}

.featured-post-wrapper .featured-main .content-inner h2,
.featured-post-wrapper .featured-side .category , 
.featured-post-wrapper .featured-side-title {
    margin: 0;
}

.featured-post-wrapper .featured-side-content {
    gap: 8px;
}

.featured-post-wrapper .featured-side .featured-side-title a {
    text-decoration: none;
}
.cme-section .cme-section-header .cme-section-link {
    text-decoration: none;
}
.card {
    max-width: 800px;
    margin: 0 auto;
}

.card .card_description {
    margin-bottom: 0;
}

.ies-resources-header {
    margin-bottom: 25px;
}

.ies-featured-card {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.153327);
}

.ies-featured-card .ies-featured-content {
    padding: 40px;
    gap: 20px;
}

.ies-featured-card .ies-featured-content .ies-category {
    margin: 0;
}

.ies-featured-card .ies-featured-content h3 {
    margin: 0;
}

.ies-featured-card .ies-featured-content .ies-download-btn {
    margin-top: 0;
}

.ies-small-card {
    padding: 40px;
    gap: 8px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.153327);
}

.ies-side-cards {
    gap: 29px;
}

.ies-resources-grid .ies-small-card .ies-category{
    margin-bottom: 0;
}
#post_container #post_wrapper .post-meta {
    font-size: 13px;
    line-height: 1.5;
    color: #373a36;
    letter-spacing: 0;
    font-weight: 600;
}

#post_container #post_wrapper .post_title {
    margin: 0;
    font-size: 23px;
    line-height: 1.4;
    color: #373A36;
}

#post_container #post_wrapper .post_title a {
    color: currentColor;
    font-weight: 700;
}

#post_container #post_wrapper .post-details .post-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}

#post_container #post_wrapper .read-more {
    margin: 0;
}
#post_wrapper .read-more a {
    color: #373A36 !important;
    display: inline-flex;
    width: auto;
    white-space: nowrap;
}

#post_wrapper .read-more a svg {
    width: 19px;
    aspect-ratio: 1/1;
    height: auto;
}

#post_wrapper .read-more a:hover {
    text-decoration: none;
}

.cme-section .cme-section-header .cme-section-link {
    white-space: nowrap;
}
.cme-section .cme-section-header .cme-section-link svg {
    width: 22px;
    aspect-ratio: 1/1;
    margin-bottom: 2px;
}
.cme-equal-height .cme-card-body .cme-card-title a {
    font-weight: 700;
}


@media(max-width:767px){
.site-main article.hentry {
    padding-top: 0;
}
/* Scoped to the archive template's featured post (archive.php emits
 * "image-content-wrapper featured-post left"). Unscoped, this also hit the
 * Image & Content Side by Side and Custom Hero widgets, which emit the same
 * wrapper class — and the !important overrode their own margin rules, leaving
 * 20px under the copy that the section rhythm could not account for. */
.image-content-wrapper.featured-post .content-inner {
    margin-bottom: 20px;
}
}
/* Scoped to archive featured post only. Unscoped margin:auto + max-width
 * also hit Custom Hero / Image & Content, and with the theme's
 * .image-content-wrapper.right .content-inner { max-width: 50% } the auto
 * margins ate leftover flex space and pushed copy off the site gutter. */
.image-content-wrapper.featured-post .content-inner {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.resource-tools .ies-resources-header:not(.ies-resources-header--intro) h2.ies-section-title {
    font-family: Onest, sans-serif;
    font-size: clamp(1.75rem, 2.5vw, 2.5rem);
    line-height: 1.1;
    font-weight: 800;
    color: var(--ies-navy, #11294b);
}

.resource-tools .ies-resources-header {
    margin-bottom: 25px;
}

.resource-tools .ies-resources-widget--gradient .ies-resources-header {
    margin-bottom: 40px;
}

/* View-all / download button chrome: theme ies-buttons.css */

.ies-featured-card .ies-featured-image {
    height: auto !important;
    flex: 1;
}

.ies-side-cards .ies-small-card {
    padding: 30px;
}

.resource-tools .ies-featured-card .ies-featured-content .ies-download-btn {
    margin-top: auto;
}

.ies-featured-card .ies-featured-content .ies-category {
    font-family: Onest, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.16px;
    text-transform: none;
    color: var(--ies-primary-dark, #4D4285);
}

.ies-featured-card .ies-featured-content h3 {
    font-family: Onest, sans-serif;
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--ies-navy-text, #11294B);
}

.ies-featured-card .ies-featured-content h3 a {
    font-family: Onest, sans-serif;
    font-weight: 700;
    color: inherit;
}

.resource-tools .ies-small-card h4 {
    color: var(--ies-navy-text, #11294B);
}

.resource-tools .ies-small-card h4 a {
    font-family: Onest, sans-serif;
    font-weight: 700;
}

/* Content Sections on /blog/ — match related-card pattern */
.resource-content-section .cme-equal-height .cme-card-body {
    padding: 30px;
    gap: 0;
}
.resource-content-section .cme-card-category:before {
    content: none;
}
.resource-content-section .cme-card-category {
    margin: 0 0 10px;
    margin-left: 0;
    gap: 0;
    font-family: Onest, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.16px;
    text-transform: none;
    color: var(--ies-primary-dark, #4D4285);
}
.resource-content-section .cme-equal-height .cme-card-body span.cme-card-date {
    font-family: Onest, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--ies-navy, #11294b);
}
.resource-content-section .cme-equal-height .cme-card-footer {
    margin-top: auto;
    padding-top: 30px;
}
.resource-content-section .cme-equal-height h3.cme-card-title {
    margin: 0 0 20px;
    color: var(--ies-navy-text, #11294B);
    font-family: Onest, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}
.resource-content-section .cme-equal-height h3.cme-card-title a {
    color: var(--ies-navy-text, #11294B) !important;
    font-family: Onest, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}
.resource-content-section .cme-equal-height h3.cme-card-title a:hover {
    color: var(--ies-primary, #5D43DE) !important;
}
.banner.post .banner-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
}

.banner.post .left-content {
    flex: 1;
}

.banner.post .right-content-data {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.banner.post .right-content-data .post-hero-meta {
    margin: 0;
}
.single-post .banner.post .right-content-data .post-hero-meta {
    margin: 0;
}
.site-content .banner.post .left-content p {
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.site-content .banner.post .left-content h1 {
    font-size: 33px;
    line-height: 120%;
    font-family: var(--ies-font-display, Onest, sans-serif);
    color: #373A36;
    margin: 0;
}

.site-content .banner.post {
    min-height: auto;
    padding: 60px 10px 70px;
}

.site-content .banner.post .banner-content.content-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
@media(max-width:991px){
   .banner.post .banner-content{
       flex-direction:column;
   }
    .banner.post .right-content-data{
        width:100%;
        flex-wrap:wrap;
        align-items:center;
		flex-wrap:wrap;
    }
}

.post-page .site-content .site-main .row>div.col-md-4 {
    padding-left: 0;
    padding-right: 40px;
	top: 100px;
   
}

.post-page .site-content .site-main .row>div.col-md-8 {
    padding-left: 40px;
    padding-right: 0;
    min-height: auto;
    width: calc(70% - 80px);
    margin-right: 80px;
}
@media(max-width:767px){
	.banner.post .post-hero-meta-icon{
display:none;
}
.post-page .site-content .site-main .row>div.col-md-4,
.post-page .site-content .site-main .row>div.col-md-8{
     padding-right: 0;
     padding-left: 0;
     min-height: auto;
     width: 100%;
     margin: 0;
}
.post-page .site-content .site-main .row>div.col-md-4 {
    position: static;
}
}
.post-page .site-content .site-main .toc_wrap {
    padding: 40px;
}

.post-page .site-content .toc_wrap .ies-toc >h3 {
    font-size: 19px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #000;
}

.post-page .site-content .toc_wrap .ies-toc ul {
    list-style: number;
    margin-left: 20px;
    font-size: 12px;
    line-height: 1.5;
    font-family: var(--ies-font-display, Onest, sans-serif);
    color: #000000;
}

.post-page .site-content .toc_wrap .ies-toc ul li:not(:last-child) {
    margin-bottom: 12px;
}

.post-page .site-content .toc_wrap .ies-toc ul li a {
    color: inherit;
}

.post-page .site-content .toc_wrap .ies-toc ul li a:hover {
    opacity: .8;
}
.post-page .site-main .content-width {
    padding-top: 0 !important;
}
.mega-menu-wrap .box-hover {
    border-radius: 5px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.menu-after-footer-row {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 10px 50px;
    background-color: var(--ies-light-purple-gray, #F7F7FD);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu:has(.menu-after-footer-row) {padding-bottom: 90px;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.menu-after-footer-row a.menu-close-footer svg {
    width: 22px;
    aspect-ratio: 1/1;
}

/***AI Overview temporary css start**/
.ies-ai-overview-section {
    padding: 41px 0;
    background-color: #F2F3F5;
    margin-bottom: 80px;
}

.ies-ai-overview-section .ies-ai-overview {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 30px;
    padding: 20px;
    border: 1px solid #4B6464;
}

.ies-ai-overview-section .ies-ai-overview-description p:last-child {
    margin-bottom: 0;
}

.ies-ai-overview-section h2.ies-ai-overview-title {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    font-family: var(--ies-font-display, Onest, sans-serif);
}

.ies-ai-overview-section .ies-ai-overview-description {
    max-width: 886px;
    line-height: 1.5;
    margin: 0 auto;
    color: #373A36;
    font-family: var(--ies-font-display, Onest, sans-serif);
}

.ies-ai-overview-section .content-width {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
@media(max-width:767px){
.post-page .site-content .site-main .toc_wrap{
    padding:0;
}
}
/***AI Overview temporary css end**/
.ies-view-all{
    display:inline-flex;
    align-items:center;
}

.ies-view-all svg{
    display:block;
}
.ies-ai-overview-section .ies-ai-overview {
    flex-direction: column;
}

/**** Header fixed positioning (pre-header / optional ticker offsets) ***/
/*
 * Menu bar height comes from --ies-header-height (logo + padding).
 * Default: below pre-header.
 * With ticker: below ticker + pre-header (--ies-chrome-offset).
 * Scroll-down → 0; scroll-up restores the matching offset.
 * Document spacer (.fixed-header) uses the same --ies-header-height.
 */
#masthead .header-wrapper {
	position: fixed !important;
	width: 100%;
	background: var(--ies-white, #fff);
	top: var(--ies-preheader-height, 33px);
	height: var(--ies-header-height, 110px);
	box-sizing: border-box;
}

body.has-ticker-bar #masthead .header-wrapper {
	top: var(--ies-chrome-offset, 67px);
}

body.scroll-header #masthead .header-wrapper,
html.page-scrolled-250 #masthead .header-wrapper,
html.scrolled-down #masthead .header-wrapper {
	top: 0;
}

html.scrolled-up #masthead .header-wrapper {
	top: var(--ies-preheader-height, 33px);
}

html.scrolled-up body.has-ticker-bar #masthead .header-wrapper {
	top: var(--ies-chrome-offset, 67px);
}

.scrolled-up .ies-ticker-bar {
	transition-delay: 0s !important;
}

/* Site gutter — keep on sticky scroll too (do not collapse to 0). */
@media (min-width: 1025px) {
	header .header-wrapper,
	body.scroll-header header .header-wrapper {
		padding-left: var(--ies-site-gutter, 30px) !important;
		padding-right: var(--ies-site-gutter, 30px) !important;
	}
}

@media (max-width: 1024px) {
	html.scrolled-down body.has-ticker-bar #masthead .header-wrapper {
		top: 0 !important;
	}
}
.elementor-element.ies-preset-dark_bg {
    background: var(--ies-navy, #11294B);
    color: var(--ies-white, #fff);
}
.elementor-element.ies-preset-dark_bg *{
    color: var(--ies-white, #fff);
}
.elementor-element.ies-preset-dark_bg svg path{
    fill:var(--ies-white, #fff);
}
/* White confined cards: cancel forced white fill so icons inherit natural/Elementor color */
.elementor-element.ies-preset-dark_bg .ies-cic-cards-confined .ies-cic-card-icon svg path {
    fill: inherit;
}
/* White ghost CTA on dark preset; solid white on hover (matches Content + Icon Cards / Figma).
   Skip .ies-btn so widgets can pick a theme style instead of inheriting this. */
.elementor-element.ies-preset-dark_bg .text-link > a:not(.ies-btn) {
    background: transparent !important;
    background-color: transparent !important;
    border-color: var(--ies-white, #fff) !important;
    color: var(--ies-white, #fff) !important;
}

.elementor-element.ies-preset-dark_bg .text-link > a:not(.ies-btn):hover,
.elementor-element.ies-preset-dark_bg .text-link > a:not(.ies-btn):focus-visible {
    background: var(--ies-white, #fff) !important;
    background-color: var(--ies-white, #fff) !important;
    border-color: var(--ies-white, #fff) !important;
    color: var(--ies-button-primary, #5D43DE) !important;
    opacity: 1;
}
.elementor-widget-custom-icon-repeater-box .icon-boxes-container .icon-box--unconfined {
    padding:0;
    border:none;
    box-shadow:none !important;
    border-radius: 0;
}
.elementor-widget-custom-icon-repeater-box .icon-boxes-container .icon-box--unconfined:hover{
    transform:none;
    background:none;
}
@media (min-width:992px){
    .header-wrapper #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    margin-top: 25px !important;
}
}
.ea-accordion-wrapper .ea-left .text-link a:not(.ies-btn):hover{
    background-color:var(--ies-primary, #5D43DE);;
    color:var(--ies-white, #fff);
    border-color:var(--ies-primary, #5D43DE);;
}
@media(max-width:991px){
    .ies-price-card-wrap {
    width:100%;
    margin-bottom:40px;
}
}
@media(min-width:768px){
    .ies-price-card-wrap {
    width:50%;
    margin-bottom:40px;
    padding: 0 10px;
}
    .ies-price-card-wrapper .ies-price-card-grid{
        margin:0 !important;
    }

}
@media(min-width:992px){
    .ies-price-card-wrap{
        width:33.33%;
    }
}