/* ==========================================================================
   ১. গ্লোবাল বেস স্টাইল (Global Base)
   ========================================================================== */
   body {
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #1a1a1a;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   ২. হেডিং স্টাইল (Headings) - আর্কিটেকচারাল লুক
   ========================================================================== */
   h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.2;
    margin-top: 1em;
    margin-bottom: .5em;
}
h1 { font-size: 2.5rem; letter-spacing: 0.15em; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; font-weight: 400; }
h5 { font-size: 1rem; font-weight: 400; }
h6 { font-size: 0.875rem; letter-spacing: 0.2em;  }
@media (max-width:767px){
    h1 { font-size: 1.8rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1.1rem; font-weight: 400; }
h5 { font-size: 1rem; font-weight: 400; }
h6 { font-size: 0.875rem; letter-spacing: 0.2em;  }
}

.home h1, .home h2,.home h3, .home h4, .home h5, .home h6 {
    color: unset;
    font-weight: unset;
    text-transform: uppercase;
    letter-spacing:unset;
    line-height: unset;
    margin-top: unset;
    margin-bottom: unset;}.projectgrid h1, .projectgrid h2,.projectgrid h3, .projectgrid h4, .projectgrid h5, .projectgrid h6 {
    color: white;
    font-weight: unset;
    text-transform: uppercase;
    letter-spacing:unset;
    line-height: unset;
    margin-top: unset;
    margin-bottom: unset;
font-size: 20px;}
/* ==========================================================================
   ৩. প্যারাগ্রাফ এবং লিঙ্ক (Paragraphs & Links)
   ========================================================================== */


/* শুধুমাত্র কন্টেন্টের ভেতরের লিঙ্কগুলোর জন্য (মেনু/বাটন বাদে) */
p a, li a {
    text-decoration: none;
    transition: all 0.3s ease;
}

p a:hover, li a:hover {
    color: #555555;
}

/* ==========================================================================
   ৪. লিস্ট আইটেম (Lists)
   ========================================================================== */
ul, ol {
    margin-bottom: 1.2em;
    padding-left: 1em;
    color: #000;
}

ul {
    list-style-type: square; 
}

ol {
    list-style-type: decimal;
}

li {
    margin-bottom: 0.8em;
}
header li {
    margin-bottom: unset;
}
header ul {
    list-style-type: none; 
}
header ul, ol {
    margin-bottom: unset;
    padding-left: unset;
    color: unset;
}
/* ==========================================================================
   ৫. ব্লককোট বা উক্তি (Blockquotes)
   ========================================================================== */
blockquote {
    margin: 2em 0;
    padding: 1em 1.5em;
    border-left: 2px solid #000000;
    background-color: #f9fafb;
    font-style: italic;
    font-size: 1.25rem;
    color: #111827;
}

blockquote p {
    margin-bottom: 0;
}

/* ==========================================================================
   ৬. টেবিল (Tables)
   ========================================================================== */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5em;
    text-align: left;
}

th, td {
    padding: 1em;
    border-bottom: 1px solid #e5e7eb;
}

th {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    color: #000;
    font-weight: 400;
}

/* ==========================================================================
   ৭. গুটেনবার্গ ইমেজ অ্যালাইনমেন্ট ক্লাস
   ========================================================================== */
figure { margin: 2.5em 0; }
figcaption {
    text-align: center;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #9ca3af;
    margin-top: 1em;
}

.aligncenter { display: block; margin: 1em auto; }
.alignleft { float: left; margin: 0.5em 1em 1em 0; max-width: 50%; }
.alignright { float: right; margin: 0.5em 0 1em 1em; max-width: 50%; }

/* ==========================================================================
   ৮. ছোট এলিমেন্ট (Hr, Code)
   ========================================================================== */
hr, .wp-block-separator {
    border: 0;
    height: 1px;
    background-color: #e5e7eb;
    margin: 3em 0;
}

pre {
    background: #f3f4f6;
    padding: 1.5em;
    overflow-x: auto;
    margin-bottom: 2em;
    font-size: 0.875rem;
    border: 1px solid #e5e7eb;
}
.home .color-white>a,.home .color-white>li>a{
 color: #fff !important;
}
.color-white ul> li.relative.group>ul a{
    color:black!important;
}
div#mobile-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 58px;
}
.home .color-white span{
    background-color: #fff;
}
.slide-content {
    height: 100%;
    padding-bottom: 90px;
    display: flex;
    justify-content: center;
    align-items: end;
    z-index: 999;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    left:0
}
.width20px{
    width: 18px;
}
.svg-control svg{
  display: inline;
}
    .swiper-button-next::after { display: none; }
    .filter-btn.active { color: black; font-weight: 400; border-bottom: 1px solid black; }
    .project-item.hidden { display: none; }
.align-center {
    align-items: center;
}

/* অ্যারো পজিশন এবং স্টাইল */
.swiper-button-next-project, 
.swiper-button-prev-project {
    color: white !important;
    transition: all 0.3s ease;
    width: auto !important;
    height: auto !important;
}

.swiper-button-next-project:after, 
.swiper-button-prev-project:after {
    display: none; /* ডিফল্ট ছোট আইকনটি হাইড করা হলো */
}

.swiper-button-next-project:hover, 
.swiper-button-prev-project:hover {
    transform: translateY(-50%) scale(1.2);
    opacity: 0.8;
}

/* ডট পজিশন (ইমেজের ওপরে) */
.swiper-pagination-project .swiper-pagination-bullet {
    background: white !important; /* সাদা ডট ইমেজের ওপর ভালো ফুটে ওঠে */
    width: 8px;
    height: 8px;
    opacity: 0.5;
    margin: 0 4px !important;
    transition: all 0.3s ease;
}

.swiper-pagination-project .swiper-pagination-bullet-active {
    opacity: 1;
    transform: scale(1.3);
}
.sl-absulate{
    bottom: 20px!important;
    position: absolute;
}div#mobile-menu ul li {
    padding: 8px;
    margin: 0 18px;
}
.list-unstyled {
    list-style: none;
}