/*
Theme Name: Ziarul Theme
Theme URI: https://www.facebook.com/ziawebdeveloper/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Ziarul Theme একটি আধুনিক, হালকা এবং সম্পূর্ণ রেসপনসিভ ওয়ার্ডপ্রেস থিম। এটি ব্লগ, পোর্টফোলিও, নিউজ সাইটসহ বিভিন্ন ধরণের ওয়েবসাইট তৈরির জন্য উপযুক্ত। থিমটিতে রয়েছে পরিষ্কার ও আকর্ষণীয় ডিজাইন, কাস্টমাইজযোগ্য রঙ, নমনীয় লেআউট এবং ফুল সাইট এডিটিং-এর সমর্থন। এছাড়াও ওয়ার্ডপ্রেস ব্লক এডিটরের সাথে সম্পূর্ণভাবে সামঞ্জস্যপূর্ণ হওয়ায় সহজেই কন্টেন্ট তৈরি ও সম্পাদনা করা যায়। পারফরম্যান্স ও এক্সেসিবিলিটি মাথায় রেখে তৈরি এই থিম ব্যবহারকারীদেরকে দ্রুত লোডিং এবং মোবাইল ফ্রেন্ডলি অভিজ্ঞতা প্রদান করে। অতিরিক্ত প্লাগইন ছাড়াই পেশাদার মানের ওয়েবসাইট তৈরিতে Ziarul Theme হবে আপনার নির্ভরযোগ্য সমাধান।
Version: 1.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/



.zi_image_gallery .showcase-img {
    position: relative;
    overflow: hidden;
}

.zi_image_gallery .showcase-img img {
    transition: transform 0.5s ease;
    display: block;
}

.zi_image_gallery .showcase-hover {
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}

.zi_image_gallery .showcase-hover i {
    color: #fff;
    font-size: 28px;
}

.zi_image_gallery .showcase-img:hover img {
    transform: scale(1.1);
}

.zi_image_gallery .showcase-img:hover .showcase-hover {
    opacity: 1;
    transform: scale(1);
}

.gallary_banner_area{
    background:url('/wp-content/uploads/2025/10/05.jpg');
}
.contact_area{
     background:url('/wp-content/uploads/2025/10/04-1.jpg');
}

.ziarul_team_content p{
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    padding: 4px 10px;
    color: #000;
}

img{
 transition: all 0.5s ease; /* সব property smooth 0.5s animation */
}

.zi_transform img:hover{
 transform: scale(1.5) !important; /* use only if necessary */
}
.about-chart-img{
    overflow:hidden;
}
.zi_transform{
    overflow:hidden;
}




.fade-section {
  opacity: 0;
  transform: translateY(180px); /* নিচ থেকে আসবে */
  transition: all 1s ease; /* animation duration & smoothness */
}

.fade-section.show {
  opacity: 1;
  transform: translateY(0);
}




.team-area .card-wrap .card-img{
    text-align:center!important;
}


.team-area .col-sm-6.col-12{
    margin:auto!important;
}

@media(max-width:1600px){
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width:1100px!important;
    }
    .e-con-inner {
    max-width: 1100px !important;
}
    .logo_header img{
        max-width: 517px;
    padding: 7px 0px;
    border-radius: 5px;
    }
}