@font-face {
	font-family: 'Anek Tamil';
	src: 
		url('https://fonts.googleapis.com/css2?family=Anek+Tamil:wdth,wght@75..125,100..800&display=swap') tech('variations');
	unicode-range: U+0B80-0BFF;
}

body {
	font-family: 'Lexend', 'Anek Tamil', sans-serif;
}

.pattern-square {
    height: 25px;
}

@media (min-width: 1200px) { .pattern-square {
    height: 50px;
}}

.pattern-square:after {
    background-image: url(../images/pattern/coir_for_pattern.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 475px;
	-webkit-mask-image: linear-gradient(0deg, transparent 20%, #000 142%);
    mask-image: linear-gradient(0deg, transparent 20%, #000 142%);
}

.brand-logo {
	max-width: 12rem;
}

@media (min-width: 1200px) { .brand-logo {
	max-width: 12rem;
}}

@media (max-width: 990px) { 
	.navbar-boxed {
		z-index: 999;
	}

	.navbar-boxed.navbar-clone {
		display: flex !important;
	}
}

.text-justify {
    text-align: justify;
}

.navbar .navbar-toggler {
	border: none !important;
}

a.nav-link[data-bs-toggle="collapse"]:after {
	content: "\f282";
	float: right;
	border: 0;
    font-family: bootstrap-icons !important;
    margin-left: .255em;
    vertical-align: .255em;
	transition-duration: 0.2s;
    transition-property: transform;
}

a.nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
    transform: rotate(180deg)
}

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show, 
.navbar-nav .nav-link:not([data-bs-toggle="collapse"]):hover, 
.navbar .navbar-nav .nav-item .nav-link.active, 
.navbar .navbar-nav .nav-item .nav-link:hover {
    color: var(--bs-primary);
	font-weight: 700;
}

.invalid-feedback strong{
    color: var(--bs-form-invalid-color);
}

[data-bs-theme=dark] .navbar-brand, [data-bs-theme=dark] .text-inverse {
    filter: brightness(1) invert(0);
}

.bg-swiper {
    background-color: rgb(255 255 255) !important;
}

[data-bs-theme=dark] .bg-swiper {
    background-color: rgb(3 6 22) !important;
}


.btn-email {
    background-color: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-200);
    color: var(--bs-gray-500);
}

.btn-email:active,
.btn-email:focus,
.btn-email:hover {
    background-color: #d44638 !important; /* Gmail red */
    border-color: #d44638 !important;
    color: #fff !important;
}

.btn-phone {
    background-color: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-200);
    color: var(--bs-gray-500);
}

.btn-phone:active,
.btn-phone:focus,
.btn-phone:hover {
    background-color: #28a745 !important; /* Green for phone calls */
    border-color: #28a745 !important;
    color: #fff !important;
}