.elementor-10 .elementor-element.elementor-element-40e1af2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:150px;--padding-right:150px;}.elementor-10 .elementor-element.elementor-element-40e1af2:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-40e1af2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BEBEBE;background-image:url("https://www.sachiyasteelintl.com/blog/wp-content/uploads/2026/05/top-banner-bg.jpg");}.elementor-10 .elementor-element.elementor-element-40e1af2::before, .elementor-10 .elementor-element.elementor-element-40e1af2 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-40e1af2 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-40e1af2 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-40e1af2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-40e1af2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000F2;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-6ffc7ac{text-align:center;}.elementor-10 .elementor-element.elementor-element-6ffc7ac .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:50px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-6f8be722{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:02%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-d3b67bd{--grid-row-gap:30px;width:100%;max-width:100%;--grid-column-gap:30px;}.elementor-10 .elementor-element.elementor-element-d3b67bd .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-10 .elementor-element.elementor-element-d3b67bd:after{content:"0.7";}.elementor-10 .elementor-element.elementor-element-d3b67bd .elementor-post__thumbnail__link{width:40%;}.elementor-10 .elementor-element.elementor-element-d3b67bd .elementor-post__meta-data span + span:before{content:"///";}.elementor-10 .elementor-element.elementor-element-d3b67bd.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-10 .elementor-element.elementor-element-d3b67bd.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-10 .elementor-element.elementor-element-d3b67bd.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-10 .elementor-element.elementor-element-d3b67bd .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-d3b67bd .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-d3b67bd .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-10 .elementor-element.elementor-element-d3b67bd .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-10 .elementor-element.elementor-element-d3b67bd .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-6f8be722{--content-width:1300px;}}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-6ffc7ac .elementor-heading-title{font-size:45px;}.elementor-10 .elementor-element.elementor-element-6f8be722{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-6ffc7ac .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-10 .elementor-element.elementor-element-6f8be722{--margin-top:0%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;}.elementor-10 .elementor-element.elementor-element-d3b67bd .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-10 .elementor-element.elementor-element-d3b67bd:after{content:"0.5";}.elementor-10 .elementor-element.elementor-element-d3b67bd .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-6f8be722 *//* ======================================================
   ARCHIVE POSTS SECTION
   ====================================================== */

#archive-post{
    padding:40px 0;
}

/* GRID SPACING */
#archive-post .elementor-posts-container{
    gap:35px !important;
}

/* ======================================================
   POST CARD DESIGN
   ====================================================== */

#archive-post .elementor-post{
    background:#ffffff;
    border-radius:14px;
    padding:28px;
    box-shadow:0 8px 30px rgba(0,0,0,0.06);
    transition: all .35s ease;
    display:flex;
    height:100%;
    
    position:relative;
    overflow:hidden;
}

/* Hover Lift Effect */
#archive-post .elementor-post:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,0.15);
}

/* Subtle top gradient on hover */
#archive-post .elementor-post:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#fdd907;
    transform:scaleX(0);
    transition:.35s;
}
#archive-post .elementor-post:hover:before{
    transform:scaleX(1);
}

/* ======================================================
   TEXT AREA
   ====================================================== */

#archive-post .elementor-post__text{
    display:flex;
    flex-direction:column;
    height:100%;
  
}

/* ======================================================
   POST TITLE
   ====================================================== */

#archive-post .elementor-post__title{
    margin-bottom:10px;
}

#archive-post .elementor-post__title a{
    font-size:22px;
    font-weight:700;
    line-height:1.4;
    color:#000;
    text-decoration:none;
    transition:.3s;
}

#archive-post .elementor-post__title a:hover{
    color:#fdd907;
}


/* ======================================================
   DATE
   ====================================================== */

#archive-post .elementor-post-date{
    font-size:13px;
    color:#999;
    margin-bottom:14px;
    letter-spacing:.3px;
}

/* ======================================================
   EXCERPT
   ====================================================== */


#archive-post .elementor-post__excerpt{
    margin: 0;
}

#archive-post .elementor-post__excerpt p{
    font-size:15px;
    line-height:1.7;
    color:#555;
    margin-bottom:10px;
}

/* ======================================================
   READ MORE BUTTON
   ====================================================== */

#archive-post .elementor-post__read-more{
    align-self:flex-start;
    padding:11px 20px;
 background:#fdd907;
    color:#000 !important;
    border-radius:6px;
    /*margin-top: 20px;*/
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition: all .3s ease;
}

#archive-post .elementor-post__read-more:hover{
    background:#000;
    color: #fff !important;
    transform:translateY(-2px);
}

/* ======================================================
   REMOVE DEFAULT ELEMENTOR STYLES
   ====================================================== */

#archive-post .elementor-post__meta-data{
    border:none;
    padding:0;
    margin:0;
}

#archive-post .elementor-post__thumbnail{
    margin-bottom:18px;
    border-radius: 10px;
}

/* ======================================================
   PAGINATION STYLE
   ====================================================== */

#archive-post .page-numbers{
    display:inline-block;
    padding:10px 16px;
    margin:5px;
    background:#f4f4f4;
    color:#111;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

#archive-post .page-numbers:hover{
    background:#e63946;
    color:#fff;
}

#archive-post .page-numbers.current{
    background:#111;
    color:#fff;
}

/* ======================================================
   TABLET RESPONSIVE
   ====================================================== */

@media (max-width:1024px){

    #archive-post{
        padding:30px 0;
    }

    #archive-post .elementor-post{
        padding:24px;
    }

    #archive-post .elementor-post__title a{
        font-size:20px;
    }
}

/* ======================================================
   MOBILE RESPONSIVE
   ====================================================== */

@media (max-width:767px){

    #archive-post{
        padding:20px 0;
    }

    #archive-post .elementor-post{
        padding:22px;
    }

    #archive-post .elementor-post__title a{
        font-size:19px;
    }

    #archive-post .elementor-post__excerpt p{
        font-size:14px;
    }

    #archive-post .elementor-post__read-more{
        padding:10px 18px;
        font-size:13px;
    }
}

/* ======================================================
   SMALL MOBILE
   ====================================================== */

@media (max-width:480px){

    #archive-post .elementor-post{
        padding:18px;
    }
}

/* =========================================
   🔥 MOBILE FIX — DO NOT CHANGE DESKTOP
   ========================================= */

@media (max-width:767px){

    /* Stack card content vertically */
    #archive-post .elementor-post{
        flex-direction:column !important;
    }

    /* Ensure text gets full width */
    #archive-post .elementor-post__text{
        width:100% !important;
    }

    /* Fix Elementor weird flex shrinking */
    #archive-post .elementor-post__thumbnail,
    #archive-post .elementor-post__text{
        flex: 0 0 auto;
    }

}/* End custom CSS */