@charset "utf-8";
/* CSS Document */

 body { font-family: 'Inter', sans-serif; background-color: #FAFAFA; color: #111827; }
        h1, h2, h3, .font-serif { font-family: 'Playfair Display', serif; }
        html { scroll-behavior: smooth; }
        
       
        .page-section { display: none; opacity: 0; transition: opacity 0.4s ease-in-out; }
        .page-section.active { display: block; opacity: 1; }

        
        #mobile-menu { display: none; }
        #mobile-menu.active { display: block; }
        
       
        #lang-dropdown { display: none; opacity: 0; transition: opacity 0.2s; }
        #lang-dropdown.active { display: block; opacity: 1; }

       
        .nav-link { color: #6B7280; font-weight: 500; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.05em; transition: color 0.3s; position: relative; padding-bottom: 0.25rem; }
        .nav-link:hover { color: #000; }
        .nav-link.active { color: #000; font-weight: 700; }
        .nav-link.active::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background-color: #7A1F2D; }

        .mobile-nav-link { display: block; padding: 1rem 1.5rem; font-size: 0.85rem; text-transform: uppercase; font-weight: 600; color: #4B5563; border-bottom: 1px solid #E5E7EB; }
        .mobile-nav-link:hover, .mobile-nav-link.active { color: #000; background-color: #F3F4F6; }

       
        .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
        
       
        .carousel-btn { z-index: 30; pointer-events: auto; }
		
.mb4md {text-align: center; }

.maxw4xl {
    max-width: 90%!important;
}

.mt16flex a{
        width: 2.5rem;
		height: 2.5rem;
		border-width: 1px;
		border-radius: 0.25rem;
		font-weight: 500;
		display: flex;
		justify-content: center;
		    align-items: center;
}


.mt16flex a:hover{
background-color: rgb(122 31 45 / var(--tw-bg-opacity, 1));
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    font-weight: 700;
}


.mt16flex span{
        width: 2.5rem;
		height: 2.5rem;
		border-width: 1px;
		border-radius: 0.25rem;
		font-weight: 500;
		display: flex;
		justify-content: center;
		    align-items: center;
}


.mt16flex span:hover{
background-color: rgb(122 31 45 / var(--tw-bg-opacity, 1));
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    font-weight: 700;
}


.mt16flex a.page-num-current {

background-color: rgb(122 31 45 / var(--tw-bg-opacity, 1));
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    font-weight: 700;
}

.textxs {
 font-size: 1rem;
}


.textxs1 {
 font-size: 0.9rem;
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: unset!important;
}


.text-bys {
 --tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.w3 {
    width:  0.9rem;
}

.h3 {
    height:  0.9rem;
}

.pt24 {
    padding-top: 3rem;
}


.group:hover .group-hover\:text-white img {
    filter: brightness(0) invert(1);
}

.text85 {
    font-size: 0.85rem;
}


 @media (max-width: 767px) {

.maxw4xl {
    max-width:unset!important;
}

.mt16flex {
    display: flex;
    flex-wrap: wrap;
}



}