/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.5
Tested up to: 6.9
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
:root{
    --green-color: #69AA50;
    --dark-green-color: #424A3B;
}

.container-fluid{
    width: 90%;
}
h1, h2, h3, h4, h5{
  font-family: 'Red Hat Text', sans-serif;
}
body {
  font-family: 'Poppins', sans-serif;
}
section{
    padding: 60px 0;
    overflow: hidden;
}

.salasar-header {
    padding: 8px 20px;
    background-color: #ffffff00;
    position: absolute;
    z-index: 9;
    width: 100%;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
header.salasar-header.navbar-scrolled {
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 1024;
    padding: 5px 10px;
    border-bottom: 1px solid rgb(106 106 106 / 15%);
}
.header-logo{
    height: 90px;
}
ul.header-list {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    /* gap: 40px; */
}
.salasar-header ul.header-list .active {
    color: var(--green-color);
    font-weight: 600;
    font-size: 17px;
}
.salasar-header ul.header-list li a {
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    text-decoration: none;
}
header.salasar-header.navbar-scrolled ul.header-list li a{
    color: var(--dark-green-color);
}
.btn-pill {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
    background-color: #fff;
    color: var(--green-color);
    padding: 0.6rem 0.6rem 0.6rem 2rem;
    border-radius: 50px;
    font-size: 1rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}






/* Hero section */
.hero-section {
	position: relative;
	height: 100vh;
	min-height: 700px;
	width: 100%;
	background-color: #1a1a1a;
	color: #fff;
}

.hero-section .hero-swiper,
.hero-section .swiper-slide {
	width: 100%;
	height: 100%;
}

.hero-section .slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.hero-section .slide-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.hero-section .bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgb(0 0 0 / 66%) 0%, rgb(0 0 0 / 50%) 50%, rgba(237, 221, 83, 0) 100%);
    z-index: 1;
}

.hero-section .slide-content-wrapper {
	height: 100%;
	display: flex;
	align-items: center;
	/* padding-bottom: var(--nav-height); */
	position: relative;
	/* max-width: 90%; */
	margin: 0 auto;
	z-index: 2;
}

.mt-80 {
	margin-top: 80px;
}

.hero-section .banner-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-bottom: 1rem;
	opacity: 0;
	transform: translateY(20px);
	color: #fff;
	padding: 5px 10px;
	border-radius: 25px;
}

.hero-section .subheading-bg {
    background-color: rgba(247, 249, 252, 0.219);
    border: none;
}

.hero-section .banner-title {
	font-family: 'Red Hat Display', sans-serif;
	color: #fff;
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 1.5rem;
	opacity: 0;
	transform: translateY(30px);
}

.hero-section .hero-text-script {
	font-family:'Marck Script', cursive;;
	font-weight: 400;
	font-size: 4.5rem;
	line-height: 0.8;
	display: inline-block;
	margin-right: 10px;
	color: var(--green-color);
}

.hero-section .banner-description {
	font-size: 1.125rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 2.5rem;
	max-width: 700px;
	opacity: 0;
	transform: translateY(30px);
}

.hero-section .btn-wrapper {
	opacity: 0;
	transform: translateY(30px);
}

.btn-pill {
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-weight: 600;
	transition: all 0.3s ease;
	cursor: pointer;
	background-color: #fff;
	color: var(--dark-green-color);
	padding: 0.6rem 0.6rem 0.6rem 2rem;
	border-radius: 50px;
	font-size: 1rem;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.btn-icon-circle-hero {
	background-color: var(--dark-green-color);
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.btn-pill:hover {
	background-color: var(--green-color);
	color: var(--dark-green-color);
}

.btn-pill:hover .btn-icon-circle-hero {
	transform: rotate(45deg);
	background-color: #fff;
	color: var(--dark-green-color);
}

.hero-section .hero-nav-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 10;
	display: flex;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.hero-section .hero-arrow {
	position: relative;
	margin: 0;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;

	color: #fff;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}

.hero-arrow:last-child {
	border-right: none;
}

.hero-arrow:after {
	display: none;
}

.hero-arrow:hover {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(255, 255, 255, 0.15);
	border-top: rgba(93, 102, 111, 0.5);
}

.hero-arrow svg {
	width: 32px;
	height: 32px;
}

.hero-section .swiper-slide-active .banner-badge {
	animation: fadeUp 0.8s ease forwards 0.2s;
}

.hero-section .swiper-slide-active .banner-title {
	animation: fadeUp 0.8s ease forwards 0.4s;
}

.hero-section .swiper-slide-active .banner-description {
	animation: fadeUp 0.8s ease forwards 0.6s;
}

.hero-section .swiper-slide-active .btn-wrapper {
	animation: fadeUp 0.8s ease forwards 0.8s;
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width:767px) {
	.hero-section .banner-description {
		font-size: 14px;
	}

	.hero-section .subheading span {
		font-size: 11px;
	}

	.hero-section .hero-nav-container {
		height: 50px;
	}

	.hero-section .slide-content-wrapper {
		padding-bottom: 0px;
	}

	.btn-pill {
		font-size: 14px !important;
		padding: 5px 5px 5px 15px;
	}

	.btn-icon-circle-hero {
		width: 35px;
		height: 35px;
	}

}


.btn-pill {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
    background-color: #fff;
    color: var(--dark-green-color);
    padding: 0.6rem 0.6rem 0.6rem 2rem;
    border-radius: 50px;
    font-size: 1rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.btn-icon-circle-hero {
    background-color: var(--dark-green-color);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.btn-pill:hover {
	background-color: var(--dark-green-color);
	color: #fff;
}

.btn-pill:hover .btn-icon-circle-hero {
	transform: rotate(45deg);
	background-color: #fff;
	color: var(--dark-green-color);
}

/* about section */
.about-section{
    background-image: url(images/about-bg.webp);
        width: 100%;
        background-position: center;
    background-size: cover;
    background-attachment: fixed;

}

       .sub-title {
    color: var(--dark-green-color);
    font-size: 17px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
}

        .main-title {
            color: #333333;
            font-size: 40px;
            line-height: 1.2;
            font-weight: 700;
        }
        /* .main-title span {
    color: var(--green-color);
    background-image: linear-gradient(to right, var(--green-color) 0%, #C6D89A 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
} */


        .counter-number {
    font-size: 170px;
    font-weight: 300 !important;
    color: var(--dark-green-color);
    line-height: 1;
    margin-bottom: 0;
}

        .counter-number span {
            font-size: 70px;
            vertical-align: top;
            margin-left: -10px;
        }

        .counter-text {
            color: var(--dark-green-color);
            font-weight: 600;
            font-size: 18px;
            margin-top: 10px;
        }

    .about-desc p {
    color: #252e1d;
    line-height: 1.7;
    font-size: 17px;
    font-weight: 400;
}
.teddy-img {
    width: 90px;
    position: absolute;
    right: 15%;
    bottom: 0;
    opacity: 0.5;
}

        .border-end-custom {
            border-right: 1px solid #e5e5e5;
        }

        .btn-explore {
            display: inline-flex;
            align-items: center;
            padding: 12px 30px;
            border: 1px solid var(--green-color);
            border-radius: 50px;
            color: var(--green-color);
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .btn-explore:hover {
            background-color: var(--dark-green-color);
            border: 1px solid var(--dark-green-color);
            color: #fff;
        }

        .about-image-wrapper img {
            width: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
			border-radius: 15px;
        }

        .about-image-wrapper:hover img {
            transform: scale(1.02);
        }
        .stat-box {
    text-align: center;
}
.stat-box h3 {
    font-weight: bold;
    font-size: 40px;
    color: var(--dark-green-color);
}
.stat-box p {
    margin: 0;
    color: #444;
    font-size: 16px;
}

        /* Mobile Responsive */
        @media (max-width: 767px) {
            .main-title {
                font-size: 28px;
            }

            .counter-number {
                font-size: 80px;
            }

            .border-end-custom {
                border-right: none;
                border-bottom: 1px solid #e5e5e5;
                margin-bottom: 20px;
                padding-bottom: 0;
            }
        }



        /* Marquee Section */
.marquee-section {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 180px;
	padding: 0;
	margin: 0;
}

.marquee-section .marquee-container-wrapper {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateY(-50%);
}

.marquee-section .marquee-track {
	position: absolute;
	top: 50%;
	left: -5px;
	width: 200%;
	height: 60px;
	transform: translateY(-50%);
	white-space: nowrap;
	overflow: hidden;
}

.marquee-section .marquee-track-1 {
	background: linear-gradient(139deg, var(--dark-green-color) 0%, var(--green-color) 100%);
	transform: translateY(-50%) rotate(3deg);
	top: 80%;
	z-index: 2;
}

.marquee-section .marquee-track-2 {
	background:  linear-gradient(139deg, var(--dark-green-color) 0%, var(--green-color) 100%);
	transform: translateY(-50%) rotate(calc(-1 * 3deg));
	top: 40%;
	z-index: 3;
}

.marquee-section .marquee-content {
	display: inline-block;
	height: 100%;
	animation: marquee-scroll 25s linear infinite;
	padding-right: 1px;
}

.marquee-section .marquee-text,
.marquee-section .marquee-content i {
	display: inline-block;
	font-size: 2.2rem;
	/* font-weight: 700; */
	text-transform: uppercase;
	line-height: 60px;
	vertical-align: middle;
	padding: 0 15px;
}

.marquee-section .marquee-track-1 .marquee-text {
	color: #fff;
}

.marquee-section .marquee-track-1 i {
	font-size: 1.8rem;
	color: #fff;
}

.marquee-section .marquee-track-2 .marquee-content {
	animation-direction: reverse;
}

.marquee-section .marquee-track-2 .marquee-text {
	color: #fff;
}

.marquee-section .marquee-track-2 i {
	font-size: 1.8rem;
	color: #fff;
}

@keyframes marquee-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@media (max-width: 768px) {
	.marquee-section .marquee-container-wrapper {
		top: 22%;
	}

	.marquee-section {
		height: 150px;
	}

	.marquee-section .marquee-track {
		height: 40px;
	}

	.marquee-section .marquee-track-1 {
		top: 55%;
	}

	.marquee-section .marquee-track-2 {
		top: 65%;
	}

	.marquee-section .marquee-text,
	.marquee-section .marquee-content i {
		font-size: 1.5rem;
		line-height: 40px;
		padding: 0 10px;
	}

	.marquee-section .marquee-track-1 i,
	.marquee-section .marquee-track-2 i {
		font-size: 1.2rem;
	}
}



/* section services */
section.services {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	background-color: var(--secondary-color);
    /* margin-top: 50px; */
}

section.services .main-heading {
    /* font-family: "Poppins", sans-serif; */
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
}

/* section.services .main-heading span.highlight {
	font-family: "Kalnia", serif;
} */

section.services .services-slider {
	position: relative;
	padding: 20px 0;
	overflow: hidden;
}

section.services .service-item {
	padding: 0 15px;
	text-align: center;
	transition: all 0.3s ease;
}

section.services .service-img-container {
	position: relative;
	display: inline-block;
}

section.services .service-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	transition: all 0.3s ease;
}

section.services .service-badge {
	/* position: absolute;
	top: 15px;
	left: 15px;
	background: var(--green-color);
	color: #fff;
	padding: 5px 15px;
	border-radius: 20px;
	z-index: 2; */
	display: none;
}
.btn-explore-2{
        display: inline-flex;
    align-items: center;
    padding: 12px 30px;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}
.btn-explore-2:hover {
    background-color: var(--dark-green-color);
    border: 1px solid var(--dark-green-color);
    color: #fff;
}

section.services .service-content {
	max-width: 200px;
	margin: 20px auto 0;
}

section.services .service-title {
	font-size: 24px;
	margin-bottom: 8px;
}

section.services .service-title a {
	color: #fff;
	transition: all 0.3s ease;
}

section.services .service-title a:hover {
	color: var(--secondary-color);
}

section.services .service-desc {
	font-size: 0.9rem;
	opacity: 0.9;
}

section.services .services-slider .slick-list {
	overflow: visible;
	padding: 0 10% 0 0 !important;
}

section.services .services-slider .slick-slide {
	transition: all 0.3s ease;
}

section.services .services-slider .slick-center {
	transform: translateY(-20px);
}

section.services .services-slider .slick-center .service-img {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

section.services .slider-controls {
	position: relative;
}

section.services .services-slider-prev,
section.services .services-slider-next {
	background: none;
	border: none;
	color: white;
	font-size: 1.5rem;
	padding: 0 15px;
	cursor: pointer;
	transition: all 0.3s ease;
}

section.services .services-slider-prev:hover,
section.services .services-slider-next:hover {
	color: var(--green-color);
}

section.services .slider-dots {
	display: flex;
	justify-content: center;
}

section.services .slider-dots .slick-dots {
	position: static;
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

section.services .slider-dots .slick-dots li {
	margin: 0 5px;
}

section.services .slider-dots .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50%;
	border: none;
	font-size: 0;
	line-height: 0;
	transition: all 0.3s ease;
}

section.services .slider-dots .slick-dots li.slick-active button {
	background: none;
}

/* section.services .slider-counter {
	position: absolute;
	left: 0;
	top: 0;
} */

section.services .slick-dots li.slick-active button:before {
	color: #fff;
}

section.services .slider-counter {
	font-size: 0.9rem;
}

@media (max-width: 991.98px) {
	section.services .services-slider .slick-list {
		padding: 0 !important;
	}

	section.services .service-img {
		width: 400px;
		height: 400px;
	}

	section.services .slider-counter {
		display: none;
	}
}

@media (max-width: 767.98px) {
	section.services .services-slider .slick-list {
		padding: 0 !important;
	}

	section.services .service-img {
		width: 300px;
		height: 300px;
	}

	section.services .services-slider .slick-center {
		transform: translateY(-15px);
	}
}




/* --- Hayman About Section Styles --- */
.hayman-about-section .section-heading {
    color: #333333;
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 35px;
}
/* .hayman-text-highlight {
    color: var(--green-color);
    background-image: linear-gradient(to right, var(--green-color) 0%, #C6D89A 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
} */
/* p.feature-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */
.hayman-about-section .feature-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border-radius: 0.5rem;
    color: var(--hayman-white);
}
.hayman-about-section .feature-box {
    padding: 13px;
}
.hayman-about-section .icon-teal {
    background-color: #69aa5059;
    color: var(--green-color);
}
.hayman-about-section .icon-orange {
    background-color: #ffc9a5;
    color: #f79954;
}
.hayman-about-section .icon-green {
    background-color: #424a3b4a;
    color: var(--dark-green-color);
}
.hayman-about-section .icon-purple {
    background-color: #e3d0f7;
    color: #9c60e8;
}
.hayman-about-section .feature-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333333;
    font-family: 'Red Hat Text', sans-serif;
    margin-bottom: 0.5rem;
}
.hayman-about-section {
	position: relative;
}

.hayman-about-section .hayman-image-container {
	position: relative;
	height: 550px;
	margin-top: 2rem;
}

.hayman-about-section .hayman-img-top,
.hayman-about-section .hayman-img-bottom {
	position: absolute;
	object-fit: cover;
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
}

.hayman-about-section .hayman-img-top {
	top: -10%;
	left: 45px;
	width: 60%;
	height: 80%;
	z-index: 2;
}

.hayman-about-section .hayman-img-bottom {
	bottom: 25px;
	right: 0;
	width: 50%;
	height: 80%;
	z-index: 3;
}

.hayman-about-section .hayman-quote-box {
	position: absolute;
	bottom: -10px;
	left: 45px;
	width: 56%;
	background-color: var(--hayman-white);
	padding: 15px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border: 4px solid var(--hayman-blue-teal);
	z-index: 3;
	/* box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); */
	border-radius: 10px;
}

.hayman-about-section .hayman-quote-mark i {
	font-size: 24px;
	line-height: 0;
	color: var(--hayman-blue-teal);
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--hayman-white);
	vertical-align: top;
	margin-right: 0.25rem;
	height: 40px;
	width: 40px;
	position: absolute;
	top: -25px;
}

.hayman-about-section .hayman-quote-box p {
	color: var(--hayman-light-text-color);
}

.hayman-about-section .hayman-quote-author {
	font-weight: 600;
	font-style: normal;
	color: var(--hayman-text-dark);
	margin-bottom: 0;
	font-size: 0.9rem;
}

.hayman-about-section .hayman-subtext {
	font-family: var(--hayman-font-secondary);
	color: #5d667c;
	font-size: 1.1rem;
	font-style: italic;
	font-weight: 400;
	margin-bottom: 2rem;
}

.hayman-about-section .hayman-about-content {
	padding: 0 30px;
}

.hayman-about-section ul#myTab {
	gap: 5px;
	border: none;
}

.hayman-about-section .nav-link {
	padding: 15px 20px;
	border-radius: 8px;
	border: 1px solid var(--hayman-border) !important;
	background: transparent;
	color: var(--hayman-light-text-color);
}

.hayman-about-section .nav-link:hover,
.hayman-about-section .nav-link.active {
	background: var(--hayman-dark);
	background-color: var(--hayman-dark) !important;
	color: var(--hayman-white) !important;
	font-weight: 500;
}

.hayman-about-section .btn-text-highlight {
	color: var(--hayman-highlight-teal);
}

.hayman-about-section .hayman-read-more {
	color: var(--hayman-highlight-teal);
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	margin-top: 1rem;
}

.hayman-about-section .hayman-read-more i {
	transition: all 0.3s ease;
	margin-left: 0.5rem;
}

.hayman-about-section .hayman-read-more:hover i {
	margin-left: 5px;
}


@media (max-width: 991.98px) {
	.hayman-about-section .hayman-image-container {
		height: auto;
		margin-top: 0;
		position: static;
	}

	.hayman-about-section .hayman-img-top,
	.hayman-about-section .hayman-img-bottom {
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 1rem;
	}

	.hayman-about-section .hayman-img-top {
		display: none;
	}

	.hayman-about-section .hayman-quote-box {
		position: relative;
		width: 100%;
		margin-top: 1rem;
		bottom: auto;
		left: auto;
	}
    .hayman-about-section {
    padding: 30px 0 !important;
}
.hayman-about-section .hayman-about-content {
    padding: 0;
}
}


.cta-section {
    background: url(images/bg-why-salasar.webp), linear-gradient(180deg, rgb(24 38 8 / 36%) 0%, rgb(20 30 0 / 85%) 100%);
    padding: 100px 0;
    background-blend-mode: multiply;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #fff;
}
.cta-content p {
    font-size: 20px;
}
.cta-content h2 {
    font-size: 32px;
    margin: 15px 0 30px;
}


.why-point {
    background-color: rgb(255 255 255 / 31%);
    font-size: 23px;
    font-family: 'Red Hat Text', sans-serif;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.2);
    border-image: initial;
    padding: 15px 10px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
}





 .desc-text {
            font-family: var(--dm-sans-font);
            color: var(--body-color);
            line-height: 1.7;
        }

        .check-item {
            font-family: 'Red Hat Text', sans-serif;
            color: var(--dark-green-color);
            font-weight: 600;
            display: flex;
            align-items: center;
        }

        .check-item i {
            color: var(--dark-green-color);
            background: rgb(66 74 59 / 24%);
            width: 25px;
            height: 25px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
        }

        .btn-main {
            background-color: var(--theme-color-2);
            color: #fff;
            padding: 15px 35px;
            display: inline-block;
            text-decoration: none;
            font-family: 'Red Hat Text', sans-serif;
            font-weight: 600;
            transition: 0.3s;
        }

        

        .custom-progress {
            height: 8px;
            background-color: #eee;
            border-radius: 0;
        }

        .custom-progress .progress-bar {
            background-color: var(--dark-green-color);
        }

        .skill-name {
            font-family: 'Red Hat Text', sans-serif;
            font-weight: 700;
            color: var(--dark-green-color);
        }
.manufacture-img{
	border-radius: 15px;
}
       .floating-card {
    position: absolute;
    bottom: 0px;
    right: 12px;
    background-color: #fff;
    width: 260px;
    z-index: 2;
    border-radius: 15px 0 !important;
}
.brand-icon img {
    width: 65%;
}
        .floating-card h5 {
    font-family: 'Red Hat Text', sans-serif;
    font-weight: 600;
    color: var(--dark-green-color);
    font-size: 18px;
    line-height: 1.4;
}

        .join-link {
            color: var(--dark-green-color);
            text-decoration: none;
            font-family: 'Red Hat Text', sans-serif;
            font-weight: 700;
            border-bottom: 2px solid var(--dark-green-color);
            padding-bottom: 2px;
        }
		.join-link:hover{
			color: var(--green-color);
		}

        /* Responsive Fixes */
        @media (max-width: 991px) {
            .floating-card {
                
                display: none;
            }

            .main-title {
                font-size: 32px;
            }
        }





 /* Our Testimonial Css    */


.our-testimonial{
	background: var(--dark-green-color);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto;
	padding: 100px 0;
	overflow: unset;
}

.our-testimonial-content{
	position: sticky;
	top: 100px;
}
.our-testimonial .main-heading {
    font-size: 35px;
    color: #fff;
    /* font-weight: 600; */
}
/* .our-testimonial .main-heading span{
	    font-weight: 700;
    background-image: linear-gradient(to right, var(--green-color) 0%, #C6D89A 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.our-testimonial-content .section-title{
	margin-bottom: 0;
}

.our-testimonial-content .section-title h2,
.our-testimonial-content .section-title h3{
	color: #fff;
}

.testimonial-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}

/* .testimonial-slider-content,
.testimonial-slider-image{
	width: calc(50% - 15px);
} */

.testimonial-slider-image figure{
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.testimonial-slider-image img{
	width: 100%;
	border-radius: 20px;
	aspect-ratio: 1 / 1.19;
	object-fit: cover;
}



.testimonial-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}

.testimonial-rating-company{
	margin-right: 20px;
}

.testimonial-rating-company img{
	max-width: 150px;
	max-height: 60px;
}

.testimonial-quote img{
	max-width: 58px;
}

.testimonial-rating{
	margin-bottom: 20px;
}

.testimonial-rating i{
	font-size: 16px;
	color: #d5a61e;
	margin-right: 2px;
}

.testimonial-rating i:last-child{
	margin-right: 0;
}

.testimonial-content{
	margin-bottom: 40px;
}

.testimonial-content p{
	font-size: 18px;
	/* font-weight: 600; */
	color: #fff;
	margin-bottom: 0;
}

.author-content .client-name{
	font-size: 22px;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 5px;
}

.author-content p{
	color: #fff;
	text-transform: capitalize;
	margin: 0;
}

.testimonial-btn{
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: right;
	margin-top: 30px;
	z-index: 1;
}

.testimonial-slider .testimonial-button-next,
.testimonial-slider .testimonial-button-prev{
	position: relative;
	width: 45px;
	height: 45px;
	background-image: linear-gradient(to right, var(--green-color) 0%, var(--dark-green-color) 50%, #C6D89A 100%);
    background-size: 200% auto;
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-next{
	margin-left: 30px;
}


.testimonial-slider .testimonial-button-next:hover,
.testimonial-slider .testimonial-button-prev:hover{
	background-position: right center;
}

.testimonial-slider .testimonial-button-next::before,
.testimonial-slider .testimonial-button-prev::before{
	content: '';
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("images/arrow-white.svg") no-repeat center center;
    background-size: 24px auto;
    display: flex;
    align-items: center;
    justify-content: center;
	transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-prev::before{
	transform: rotate(225deg);
}

.testimonial-rating-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin-top: 100px;
}

.testimonial-rating-item{
	position: relative;
	width: calc(25% - 22.5px);
	border-radius: 20px;
	text-align: center;
	overflow: hidden;
	padding: 25px 30px;
}

.testimonial-rating-item::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
	opacity: 6%;
    width: 100%;
    height: 100%;
}

.testimonial-rating-item .icon-box{
	border-bottom: 1px solid var(--dark-divider-color);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.testimonial-rating-item .icon-box img{
	max-width: 162px;
	max-height: 40px;
}

.testimonial-rating-content p{
	color: #fff;
	margin: 0;
}

.testimonial-rating-content p span{
	color: var(--accent-color);
}



.appointment-section {
    border-radius: 20px;
    overflow: hidden;
}
.appointment-section input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    padding: 10px;
    border: var(--green-color);
    background: var(--dark-green-color);
    color: #fff;
}
.bg-image {
  background: url('images/salasar-contact.png') center center/cover no-repeat;
  /* min-height: 600px; */
}

.bg-light-green {
    background-color: #DEEED9 !important;
    border-radius: 0 20px 20px 0;
}
.faq-contact-box {
    background-color: #dae6fd;
}

.btn-dark-green {
    background-color: #10182c;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-dark-green:hover {
    background-color: #142c5d;
    color: #fff;
}
span.badge.bg-light-green.text-dark.px-3.py-2.rounded-pill.mb-3 {
    font-size: 13px;
}
.bg-light-green {
  background-color: #e3f0e1;
}

.accordion-button {
  background-color: #f8f9f8;
  border-radius: 10px !important;
  box-shadow: none;
  font-weight: 600;
  color: #1e3a2f;
}

.accordion-button:not(.collapsed) {
    background-color: #dce6fb;
    color: #030303;
}
.accordion-body {
  color: #4b4b4b;
  font-size: 15px;
  line-height: 1.7;
}

.sticky-box {
  position: sticky;
  top: 90px;
}
.content-box {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 13px;
    max-width: 100%;
    margin: 0 20px 0 20px;
}

.content-box h2,
.content-box h3,
.content-box p {
  color: #fff;
}
.content-box h2{
	font-size: 36px;
	font-weight: 500 !important;
}

.btn-light i {
  transition: transform 0.3s ease;
}

.btn-light:hover i {
  transform: translateX(5px);
}



/* New styles for the blog section */
.blog-section {
    background-color: #f7f9fc;
   
}
.blog-section .main-title {
	    font-size: 35px;
}
.blog-section a{
	text-decoration: none;
}
.blog-card {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.blog-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.blog-card .card-body {
    position: relative;
}

.blog-meta {
    color: #999;
    font-size: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500;
}

.blog-meta .blog-date {
    color: var(--green-color);
}

.blog-card .card-title {
    font-size: 1.2rem;
    color: var(--dark-green-color);
    margin-top: 1rem;
    line-height: 1.4;
	font-weight: 600;
}

.blog-card .read-more-link {
    color: var(--green-color);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
}

.read-more-link:hover {
    color: var(--dark-green-color);
}
button.btn.btn-dark-blue-arrow {
    position: relative;
    
    background-image: linear-gradient(to right, var(--green-color) 0%, var(--dark-green-color) 50%, #C6D89A 100%);
    background-size: 200% auto;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
    padding: 12px 25px;
    color: #fff;
}
button.btn.btn-dark-blue-arrow:hover{
	    background-position: right center;
}
.blog-image{
	border-radius: 25px;
}



/* footer */
p.footer-head.text-white {
    color: var(--green-color) !important;
}
footer.derma-footer a{
	text-decoration: none;
}
footer.derma-footer {
    background: #151515;
    padding-top: 60px;
}
footer.derma-footer img {
    background: #fff;
    padding: 5px;
    border-radius: 63px;
    width: 35%;
}
footer.derma-footer a:hover {
    color: var(--green-color) !important;
}

footer.derma-footer .footer-head {
	font-size: 19px;
	color: var(--white-color);
	font-weight: 500;
}

footer.derma-footer .footer-links {
	list-style: none;
	padding: 0;
}

footer.derma-footer .link-items a,
footer.derma-footer .link-items {
	color: #fff;
	margin-bottom: 10px;
}

footer.derma-footer .icon i {
	background: #fff;
	padding: 10px;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
footer.derma-footer .icon i:hover{
color: var(--green-color);
}
footer.derma-footer .contact-head {
    font-size: 19px;
    color: var(--green-color);
    font-weight: 500;
}

footer.derma-footer .contact-desc,
footer.derma-footer .contact-desc a {
	color: #fff;
	font-size: 17px;
	text-decoration: none;
}

footer.derma-footer .copyright {
	margin-top: 60px;
	padding: 40px 0;
	border-top: 2px solid #ccc;
}

footer.derma-footer .copyright-text {
	color: #fff;
}

footer.derma-footer .privacy-links {
	gap: 30px;
	display: flex;
}

footer.derma-footer .privacy-links,
footer.derma-footer .privacy-links a {
	color: var(--white-color);
}

footer.derma-footer .social-icons {
	display: flex;
	gap: 15px;
}

footer.derma-footer .social-icons i {
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dark-green-color);
}
footer.derma-footer .social-icons i:hover{
	color: var(--green-color);
}
ul#footer-menu li {
    margin-bottom: 10px;
}
ul#footer-menu li a{
	color:#fff !important;
}
ul#footer-menu li a:hover{
	color:var(--green-color) !important;
}
@media(max-width:767px) {
	footer.derma-footer .icon {
		margin-bottom: 10px;
	}

	footer.derma-footer .contact-head {
		margin-bottom: 10px;
	}
}
.footer-map{
	width: 100%;
	height: 250px;
}


    @media (max-width: 991px) {
.container-fluid{
	width: 96%;
}
section{
	padding: 40px 0;
}
.hero-section .banner-title {
    font-size: 2.5rem;
}
.counter-number span {
    font-size: 70px;
    margin-left: 0px;
}
.sub-title {
    letter-spacing: unset;
}
.stat-box {
    margin-bottom: 20px;
}
.hayman-about-section .section-heading {
    font-size: 32px;
}
section.services{
	margin-top: 0;
	background-position: left;
}
section.services .main-heading {
    font-size: 32px;
	    line-height: 38px;
}
.why-choose-section .main-title {
    font-size: 28px;
}
.cta-section {
    padding: 60px 0;
}
.cta-content h2 {
    font-size: 28px;
}
.why-point {
    font-size: 20px;
    padding: 8px 10px;
}
.content-box {
    margin: 0 10px ;
    padding: 20px !important;
}
.content-box h2 {
    font-size: 28px;
}
.content-box h3 {
    color: #fff;
    font-size: 18px;
}
.our-testimonial {
    padding: 50px 0;
}
.testimonial-item{
	display: unset;
}
.our-testimonial .main-heading {
    font-size: 28px;
}
.testimonial-slider-content, .testimonial-slider-image {
    width: 100%;
}
.our-testimonial-content {
    position: unset;
    /* top: 100px; */
}
.btn-explore{
	border: 2px solid var(--green-color);
}
.testimonial-header {
    margin-top: 30px;
}
.blog-section .main-title {
    font-size: 28px;
}
footer.derma-footer img {
    width: 25%;
}
footer.derma-footer {
    padding-top: 40px;
}
footer.derma-footer .copyright {
    margin-top: 35px;
    padding: 30px 0 15px;
    border-top: 2px solid #ccc;
}
	}



	  #sequence a {
    width: 33.3333%;
    float: left;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
 
}
#sequence a:not(:last-child) {
    border-right: 1px solid #fffdfd;
}
#sequence {
    width: 100%;
    float: left;
    background: var(--dark-green-color);
    position: fixed;
    bottom: 0px;
    z-index: 100;
    padding: 0;
    color: #fff !important;
    margin: 0 !important;
}
.modal-body.contact-modal {
    background: var(--dark-green-color);
    color: #fff;
}
.contact-modal input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    padding: 10px;
    border: var(--green-color);
    background: var(--green-color);
    color: #fff;
}



/* Breadcrumb Css */
.page-breadcrumb {
	background: linear-gradient(135deg, var(--green-color) 0%, var(--dark-green-color) 100%);
	padding: 90px 0 0px 0;
	color: #fff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	position: relative;
	overflow: hidden;
}
.page-breadcrumb .container-fluid{
	position:relative;
	z-index:9;
}
.page-breadcrumb::before {
	content: "";
	position: absolute;
	top: -50px;
	right: -50px;
	width: 200px;
	height: 200px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
}

.page-breadcrumb::after {
	content: "";
	position: absolute;
	bottom: -80px;
	left: -80px;
	width: 250px;
	height: 250px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
}

.page-breadcrumb .container {
	position: relative;
	z-index: 1;
}

.page-breadcrumb span.breadcrumb_new a {
	color: #fff;
	background: var(--green-color);
	padding: 5px;
	border-radius: 7px;
	text-decoration: none;
}

.page-breadcrumb span.breadcrumb_new {
	color: #fff;
}

.page-breadcrumb .extraa {
	margin: 54px 0;
}

@media(max-width:767px) {
	.page-breadcrumb {
    padding: 125px 0 15px 0;
}

	.page-breadcrumb .extraa {
		margin: 15px 0;
	}
}


/* inner pages */
/* ====== Inner Pages Common Styles ====== */
.page-section {
    margin-bottom: 5rem;
}

.page-section h2,
.page-section h3 {
    font-weight: 700;
    color: var(--dark-green-color);
    margin-bottom: 1.2rem;
    position: relative;
}

.page-section h2::after,
.page-section h3::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background-color: var(--yellow-color);
    margin-top: 10px;
    border-radius: 2px;
}

.page-section p {
    color: var(--text-color);
    line-height: 1.9;
    font-size: 1.05rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

/* Subtle background section */
.page-section.bg-subtle {
    background: linear-gradient(135deg, #DEEED9, #DEEED9);
    padding: 3rem 2rem;
    border-radius: 14px;
    border: 1px solid var(--dark-green-color);
}

/* Card style for last section */
.page-card {
    background: #d5d5d5;
    border-radius: 14px;
    padding: 1.8rem;
    transition: all 0.3s ease;
    height: 100%;
}

.page-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-6px);
}

.page-img {
    border-radius: 14px;
    width: 100%;
    height: auto;
    margin-bottom: 1.5rem;
    object-fit: cover;
}

.text-custom-heading {
    color: #082772 !important;
}

.infrastructure-card {
    background-color: var(--color-card-bg);
    border: none;
    border-radius: 1rem;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.hero-header-bg {
    background: linear-gradient(180deg, var(--color-page-bg) 0%, var(--color-subtle-bg) 100%);
}

.list-header {
    background-color: var(--color-primary-dark);
    color: var(--color-light);
    padding: 1rem 1rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.list-header.accent-bg {
    background-color: #d15a2e;
    color: var(--color-light);
}

.machine-list-item {
    padding: 1.1rem 2rem;
    border-bottom: 1px solid var(--color-border-light);
    color: var(--color-primary-dark);
    font-weight: 500;
    transition: all 0.3s ease;
    background-color: var(--color-card-bg);
}

.machine-list-item:hover {
    background-color: #f3f3f3;
    transform: none;
}

.machine-list-item:last-child {
    border-bottom: none;
}

.feature-icon-box-small {
    color: var(--color-light);
    background-color: #082772;
    border: 2px solid #082772;
    width: 55px;
    height: 55px;
    line-height: 51px;
    border-radius: 50%;
    font-size: 1.8rem;
    font-weight: 900;
    text-align: center;
    box-shadow: 0 5px 15px rgba(8, 39, 114, 0.2);
}

.heading-accent-line {
    width: 60px;
    height: 3px;
    background-color: var(--color-accent);
    margin: 0.75rem auto 30px;
    border-radius: 3px;
}

.feature-card-title {
    color: #082772;
    font-weight: 800;
    margin-bottom: 0.3rem;
}