/* ========================================
   MOBILE & TABLET STYLES
   ========================================
   This file contains all mobile and tablet responsive styles.
   Desktop styles remain in custom.css
   Organized by section for easy modification.
   ======================================== */

/* ========================================
   TABLET STYLES (max-width: 991px)
   ======================================== */
@media only screen and (max-width: 991px) {
	/* 01. General Tablet Styles */
	.main-header {
		border-bottom: 1px solid var(--divider-color);
	}

	.navbar {
		padding: 20px 0;
	}

	/* Force navbar to display on mobile */
	.navbar-collapse {
		display: flex !important;
	}

	.navbar-collapse.main-menu {
		display: flex !important;
	}

	.slicknav_nav li,
	.slicknav_nav ul {
		display: block;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
	}

	.header-btn {
		display: none;
	}

	.btn-default {
		padding: 14px 20px;
	}

	.section-row {
		margin-bottom: 40px;
	}

	.section-title.section-title-center {
		max-width: 100%;
	}

	.section-title {
		margin-bottom: 30px;
	}

	.section-title h3 {
		font-size: 14px;
		background-position: left 15px center;
		background-size: 20px auto;
		padding: 8px 15px 8px 40px;
		margin-bottom: 15px;
	}

	/* Hero subtitle mobile spacing */
	.hero .section-title h3 {
		margin-bottom: 30px;
		color: #374151 !important;
	}

	.theme-dark .hero .section-title h3 {
		color: #FFFFFF !important;
	}

	.section-title h1 {
		font-size: 40px;
	}

	/* Hero heading mobile spacing */
	.hero .section-title h1.hero-two-lines {
		gap: 18px;
		color: #374151 !important;
	}

	.theme-dark .hero .section-title h1.hero-two-lines {
		color: #FFFFFF !important;
	}

	.hero .section-title h1 .hero-static-line {
		font-size: 1em;
		white-space: normal;
		color: #374151 !important;
		font-weight: 700;
	}

	.theme-dark .hero .section-title h1 .hero-static-line {
		color: #FFFFFF;
	}

	.section-title h2 {
		font-size: 32px;
	}

	.section-title p {
		margin-top: 15px;
	}

	/* Hero paragraph mobile spacing */
	.hero .section-title p {
		margin-top: 30px;
		font-size: 18px;
		line-height: 1.7;
	}

	.section-title p span {
		font-size: 18px;
	}

	.section-title-content {
		margin-top: 15px;
	}

	/* Hide desktop button on tablet/mobile */
	.section-btn-desktop {
		display: none;
	}

	/* Tablet/Mobile button - show at bottom right */
	.section-btn-mobile {
		display: block !important;
		text-align: right !important;
		margin-top: 10px !important;
		margin-bottom: 0;
		padding-top: 0 !important;
	}

	.section-btn {
		text-align: left;
		margin-top: 15px;
	}

	.btn-view-all-mobile {
		font-size: 14px;
		padding: 12px 24px;
		display: inline-block;
	}

	.section-content-btn .section-btn {
		margin-top: 15px;
	}

	/* 02. Hero Tablet Styles */
	.hero {
		padding: 170px 0 175px;
		background-size: 80% auto;
		min-height: 600px; /* Reserve height to prevent layout shifts */
	}

	.grid-lines {
		max-width: 100%;
		padding: 0 10px;
	}

	.hero.hero-bg-image {
		padding: 170px 0 175px;
		min-height: 600px; /* Reserve height to prevent layout shifts */
	}

	.hero.hero-bg-image.hero-slider-layout .hero-slide {
		padding: 170px 0 175px;
		min-height: 600px; /* Reserve height to prevent layout shifts */
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination {
		bottom: 30px;
	}

	.hero-btn {
		margin-top: 30px;
	}

	.hero-company-slider {
		margin-top: 80px;
	}

	.hero-company-slider p {
		margin-bottom: 20px;
	}

	/* 03. Scrolling Ticker Tablet */
	.our-scrolling-ticker {
		padding: 15px 0;
	}

	.scrolling-content span {
		font-size: 24px;
	}

	.scrolling-content span img {
		max-width: 24px;
	}

	/* 04. About Us Tablet */
	.about-us {
		padding: 90px 0 45px;
	}

	.about-us::before {
		right: -40px;
		width: 150px;
		height: 150px;
		opacity: 20%;
	}

	.about-counter-box {
		margin-bottom: 30px;
	}

	.about-counter-box h2 {
		font-size: 140px;
	}

	.about-counter-box p {
		padding: 8px 15px;
	}

	.about-list-item img {
		max-width: 40px;
		margin-bottom: 15px;
	}

	.about-us-body {
		margin-top: 40px;
	}

	/* 05. Services Tablet */
	.our-services {
		padding: 45px 0 15px;
	}

	.our-services::before {
		left: -40px;
		width: 150px;
		height: 150px;
		opacity: 20%;
	}

	.service-item {
		border-radius: 20px;
		padding: 30px;
	}

	.service-btn .readmore-btn {
		padding: 10px 45px 10px 15px;
	}

	.service-btn .readmore-btn::after {
		display: none;
	}

	.service-item .icon-box {
		margin-bottom: 40px;
	}

	.service-item .icon-box img {
		max-width: 40px;
	}

	/* 06. Specialties Tablet */
	.our-specialties {
		padding: 45px 0;
	}

	.our-specialties::before {
		right: -120px;
		width: 250px;
		height: 151px;
		opacity: 20%;
	}

	.our-specialties-content {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.specialties-items-list {
		margin-top: 30px;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.specialties-item {
		padding: 15px 0;
	}

	.intro-video-box {
		margin-top: 40px;
	}

	.intro-bg-image {
		border-radius: 20px;
	}

	.video-play-button a {
		width: 70px;
		height: 70px;
	}

	.video-play-button a i {
		font-size: 24px;
	}

	/* 07. Facts Tablet */
	.our-facts {
		padding: 45px 0;
	}

	.our-facts::before {
		left: -40px;
		width: 150px;
		height: 150px;
		opacity: 20%;
	}

	.our-facts-content {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.facts-counter-box {
		margin-top: 30px;
	}

	.facts-counter-item h2 {
		font-size: 32px;
	}

	.facts-image-box {
		padding-left: 65px;
	}

	.award-box {
		padding: 18px 20px;
		max-width: 170px;
	}

	.award-box::after {
		font-size: 20px;
		top: 6px;
		right: 6px;
		opacity: 1;
		filter: brightness(0) saturate(100%) invert(60%) sepia(95%) saturate(1352%) hue-rotate(3deg) brightness(75%) contrast(105%);
	}

	.award-box h2 {
		font-size: 36px;
		margin-bottom: 6px;
	}

	.award-box p {
		font-size: 12px;
	}

	.facts-video-content h3 {
		font-size: 18px;
	}

	/* 08. Why Choose Us Tablet */
	.why-choose-us {
		padding: 45px 0;
	}

	.why-choose-box {
		border-radius: 20px;
		padding: 50px 40px;
		flex-direction: column;
	}

	.why-choose-image {
		min-height: 400px;
		margin-bottom: 40px;
	}

	.why-choose-item-list {
		gap: 30px;
		margin-top: 30px;
	}

	.why-choose-item {
		width: calc(33.33% - 20px);
	}

	.why-choose-item::before {
		right: -15px;
		border-right: 1px solid rgba(255, 255, 255, 1);
		width: 1px;
	}

	.why-choose-item .icon-box {
		margin-bottom: 20px;
	}

	.why-choose-item .icon-box img {
		max-width: 40px;
	}

	.why-choose-item-content p {
		font-size: 14px;
	}

	.section-footer-text {
		margin-top: 30px;
	}

	/* 09. Case Study Tablet */
	.case-study {
		padding: 45px 0;
	}

	.case-study::before {
		right: -30px;
		width: 150px;
		height: 150px;
		opacity: 20%;
	}

	.case-study-image {
		max-width: 360px;
		height: 360px;
	}

	.case-study .section-footer-text {
		margin-top: 10px;
	}

	/* 10. Features Tablet */
	.our-features {
		padding: 45px 0 15px;
	}

	.features-item {
		border-radius: 20px;
		padding: 20px;
	}

	.features-item .icon-box {
		margin-bottom: 40px;
	}

	.features-item .icon-box img {
		max-width: 40px;
	}

	/* 11. Pricing Tablet */
	.our-pricing {
		padding: 45px 0;
	}

	.our-pricing::before {
		left: -40px;
		width: 150px;
		height: 150px;
		opacity: 20%;
	}

	.our-pricing-swich {
		gap: 20px;
		margin-bottom: 30px;
	}

	.our-pricing-swich.form-switch .form-check-input {
		width: 56px;
		height: 31px;
		background-size: 22px auto;
	}

	.our-pricing-swich label {
		font-size: 18px;
	}

	.pricing-item {
		border-radius: 20px;
		padding: 30px;
	}

	.pricing-header h3 {
		padding: 8px 15px;
	}

	.pricing-body {
		margin-bottom: 30px;
	}

	.pricing-body ul li {
		padding-left: 25px;
		margin-bottom: 15px;
	}

	.pricing-body ul li::before {
		font-size: 18px;
		top: 3px;
	}

	.pricing-benefit-list {
		margin-top: 10px;
	}

	/* 12. Testimonial Tablet */
	.our-testimonial {
		padding: 45px 0;
	}

	.our-testimonial::before {
		right: -110px;
		top: 45%;
		width: 240px;
		height: 150px;
		opacity: 20%;
	}

	.customer-review-box.testimonial-customer-box {
		max-width: 100%;
		margin: 15px 0 0 0;
		justify-content: left;
	}

	.testimonial-review-box {
		padding: 30px;
		margin-bottom: 30px;
	}

	.testimonial-review-header h2 {
		font-size: 60px;
	}

	.testimonial-review-header {
		margin-bottom: 20px;
	}

	.testimonial-review-content {
		margin-top: 20px;
	}

	.testimonial-slider {
		margin: 0;
	}

	.testimonial-company-logo {
		margin-bottom: 15px;
	}

	.testimonial-company-logo img {
		max-width: 160px;
		max-height: 30px;
	}

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

	.testimonial-content p {
		font-size: 18px;
	}

	.testimonial-slider .testimonial-button-next,
	.testimonial-slider .testimonial-button-prev {
		width: 40px;
		height: 40px;
	}

	.testimonial-slider .testimonial-button-next::before,
	.testimonial-slider .testimonial-button-prev::before {
		background-size: 22px auto;
	}

	/* 13. FAQs Tablet */
	.our-faqs {
		padding: 45px 0;
	}

	.faqs-content {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.faqs-image {
		margin-top: 30px;
	}

	.faq-accordion .accordion-item {
		margin-bottom: 20px;
		border-radius: 12px;
	}

	.faq-accordion .accordion-header .accordion-button {
		font-size: 18px;
	}

	.faq-accordion .accordion-header .accordion-button,
	.faq-accordion .accordion-header .accordion-button.collapsed {
		padding: 14px 45px 14px 20px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after {
		right: 20px;
		font-size: 20px;
	}

	.faq-accordion .accordion-item .accordion-body {
		padding: 14px 45px 14px 20px;
	}

	/* 14. Blog Tablet */
	.our-blog {
		padding: 45px 0 15px;
	}

	.our-blog::before {
		top: 40%;
		left: -40px;
		width: 150px;
		height: 150px;
		opacity: 30%;
	}

	.post-featured-image {
		margin-bottom: 15px;
	}

	.post-featured-image a,
	.post-featured-image img {
		border-radius: 20px;
	}

	/* 15. CTA Box Tablet */
	.cta-box {
		padding: 45px 0;
	}

	.cta-box::before {
		right: -40px;
		width: 150px;
		height: 150px;
		opacity: 20%;
	}

	.cta-box-content {
		border-radius: 20px;
		padding: 40px;
	}

	.cta-box-list ul {
		gap: 15px;
	}

	.cta-box-list ul li {
		padding: 6px 15px 6px 40px;
	}

	.cta-box-list ul li::before {
		left: 15px;
		font-size: 18px;
	}

	.subscribe-form,
	.cta-box-list {
		padding-top: 30px;
	}

	.subscribe-form .form-group .form-control {
		padding: 10px 15px;
	}

	/* 16. Footer Tablet */
	.main-footer {
		padding: 50px 0 0;
	}

	.about-footer {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.about-footer-content,
	.footer-logo {
		margin-bottom: 20px;
	}

	.footer-links h3 {
		margin-bottom: 20px;
	}

	.footer-links ul li {
		margin-bottom: 10px;
	}

	.footer-contact-item {
		margin-bottom: 15px;
	}

	.footer-copyright-text {
		margin-top: 30px;
		padding: 30px 0;
	}

	/* 17. Page Header Tablet */
	.page-header {
		padding: 140px 0 60px;
	}

	.page-header-box h1 {
		font-size: 36px;
		line-height: 1.3;
	}

	.breadcrumb-item {
		font-size: 14px;
	}

	/* 19. Services Listing Page Tablet */
	.page-services {
		padding: 80px 0 50px;
	}

	.page-services::before {
		opacity: 15%;
		right: -60px;
		width: 200px;
		height: 120px;
	}

	/* 20. Service Single Page Tablet */
	.page-service-single {
		padding: 80px 0 50px;
	}

	.page-service-single::before,
	.page-service-single::after {
		opacity: 15%;
		width: 120px;
		height: 120px;
	}

	.page-single-sidebar {
		position: initial;
		margin: 0 0 30px 0;
	}

	.page-catagory-list {
		padding: 25px;
		margin-bottom: 25px;
	}

	.sidebar-cta-box {
		padding: 30px 25px;
	}

	.service-entry h2 {
		font-size: 32px;
	}

	.service-solution-step-item {
		width: calc(50% - 15px);
	}

	/* 21. Blog Listing Page Tablet */
	.page-blog {
		padding: 80px 0 50px;
	}

	.page-blog::before {
		opacity: 20%;
		width: 120px;
		height: 120px;
	}

	.post-item-content h2 {
		font-size: 20px;
	}

	/* 22. Blog Single Page Tablet */
	.page-single-post {
		padding: 80px 0 50px;
	}

	.page-single-post::before,
	.page-single-post::after {
		opacity: 15%;
		width: 120px;
		height: 120px;
	}

	.post-entry h1 {
		font-size: 36px;
	}

	.post-entry h2 {
		font-size: 28px;
	}

	.post-entry h3 {
		font-size: 24px;
	}

	/* 23. Case Study Listing Page Tablet */
	.page-case-study {
		padding: 80px 0 50px;
	}

	.page-case-study::before,
	.page-case-study::after {
		opacity: 15%;
		width: 120px;
		height: 120px;
	}

	/* 24. Case Study Single Page Tablet */
	.page-case-study-single {
		padding: 80px 0 50px;
	}

	.page-case-study-single::before,
	.page-case-study-single::after {
		opacity: 15%;
		width: 120px;
		height: 120px;
	}

	.case-study-entry h2 {
		font-size: 28px;
	}

	.solution-item-list {
		gap: 15px;
	}

	.solution-item {
		width: calc(50% - 8px);
	}

	/* 25. Team Listing Page Tablet */
	.page-team {
		padding: 80px 0 50px;
	}

	.page-team::before,
	.page-team::after {
		opacity: 15%;
		width: 120px;
		height: 120px;
	}

	/* 26. Team Single Page Tablet */
	.page-team-single {
		padding: 80px 0 50px;
	}

	.page-team-single::before,
	.page-team-single::after {
		opacity: 15%;
		width: 120px;
		height: 120px;
	}

	/* 27. Pricing Page Tablet */
	.page-pricing {
		padding: 80px 0 50px;
	}

	.page-pricing::before {
		opacity: 15%;
		width: 120px;
		height: 120px;
	}

	.pricing-item {
		margin-bottom: 30px;
	}

	/* 28. Testimonials Page Tablet */
	.page-testimonials {
		padding: 80px 0 50px;
	}

	.page-testimonials::before,
	.page-testimonials::after {
		opacity: 15%;
		width: 120px;
		height: 120px;
	}

	/* 29. FAQs Page Tablet */
	.page-faqs {
		padding: 80px 0 50px;
	}

	.page-faqs::before,
	.page-faqs::after {
		opacity: 15%;
		width: 120px;
		height: 120px;
	}

	.page-faq-accordion .accordion-header .accordion-button {
		font-size: 17px;
		padding: 15px 45px 15px 20px;
	}

	/* 30. Contact Page Tablet */
	.page-contact-us {
		padding: 80px 0 50px;
	}

	.page-contact-us::before {
		opacity: 15%;
		width: 120px;
		height: 120px;
	}

	.contact-us-form {
		padding-right: 0;
		margin-bottom: 40px;
	}

	.contact-form .form-control {
		font-size: 15px;
		padding: 13px 18px;
	}

	.contact-us-content {
		border-left: none;
		border-top: 1px solid var(--divider-color);
		padding-left: 0;
		padding-top: 40px;
		margin-top: 40px;
	}

	.contact-info-item {
		margin-bottom: 30px;
	}

	.google-map-iframe {
		margin-top: 60px;
	}

	.google-map-iframe iframe {
		height: 400px;
	}

	/* 31. Shared Components - PageHeader Tablet */
	.page-header-box h1 {
		font-size: 36px;
	}

	/* 32. Shared Components - Footer Tablet */
	.footer-links {
		margin-bottom: 25px;
	}

	.footer-contact-item {
		margin-bottom: 25px;
	}

	/* 18. Modern Navbar Tablet */
	.navbar-menu {
		display: none;
	}

	.mobile-toggle {
		display: block;
	}

	.header-actions {
		display: none;
	}

	.navbar-toggle {
		display: block;
		margin-right: 0;
	}

	.main-menu {
		display: none !important;
	}

	.navbar-collapse.main-menu {
		display: none !important;
	}

	.header-btn {
		display: none !important;
	}

	.navbar {
		padding: 20px 0;
	}
}

/* ========================================
   MOBILE STYLES (max-width: 767px)
   ======================================== */
@media only screen and (max-width: 767px) {
	/* 01. General Mobile Styles */
	.section-row {
		margin-bottom: 30px;
	}

	/* Hide desktop button column on mobile and make title column full width */
	.section-row .col-lg-4 {
		display: none !important;
	}

	.section-row .col-lg-8 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.section-title h1 {
		font-size: 28px;
	}

	.section-title h2 {
		font-size: 22px;
	}

	.section-title p {
		margin-top: 10px;
	}

	.section-title p span {
		font-size: 16px;
	}

	.section-title-content {
		margin-top: 10px;
	}

	.grid-lines {
		display: none;
	}

	/* 02. Hero Mobile */
	.hero-company-slider {
		margin-top: 40px;
	}

	.scrolling-ticker-box {
		--gap: 15px;
	}

	.scrolling-content span {
		font-size: 20px;
	}

	.scrolling-content span img {
		max-width: 20px;
		margin-right: 15px;
	}

	.hero-company-slider p {
		font-size: 14px;
	}

	/* 03. About Us Mobile */
	.about-counter-box h2 {
		font-size: 80px;
	}

	.about-list-item {
		width: 100%;
	}

	.about-list-item h3 {
		font-size: 18px;
	}

	/* 04. Services Mobile */
	/* Ensure 2x2 grid layout for service cards on mobile */
	.our-services .row > [class*="col-"] {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 10px;
	}

	/* Remove padding and spacing between service cards and button */
	.our-services .row:first-of-type {
		margin-bottom: 0 !important;
	}

	/* Remove padding and spacing for button row */
	.our-services .row:last-of-type {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.our-services .row:last-of-type > .col-12 {
		padding-top: 10px !important;
		padding-bottom: 0 !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	/* Mobile button positioning - ensure right alignment */
	.section-btn-mobile {
		text-align: right !important;
		margin-top: 10px !important;
		padding-right: 0 !important;
	}

	.btn-view-all-mobile {
		font-size: 13px;
		padding: 10px 20px;
		margin-right: 0 !important;
	}

	.service-item {
		padding: 20px;
		margin-bottom: 0;
	}

	.service-item .icon-box {
		margin-bottom: 20px;
	}

	.service-item .icon-box img {
		max-width: 35px;
	}

	.service-item .icon-box i {
		font-size: 35px;
	}

	.service-item-content {
		margin-bottom: 15px;
	}

	.service-item-content h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.service-item {
		min-height: 280px;
	}

	.service-item-content p {
		font-size: 13px;
		line-height: 1.5;
		-webkit-line-clamp: 3;
		line-clamp: 3;
	}

	.service-btn {
		margin-top: auto;
		padding-top: 15px;
		text-align: left;
	}

	.service-btn .readmore-btn {
		font-size: 12px;
		padding: 8px 16px;
	}

	.service-btn .readmore-btn::after {
		display: none;
	}

	/* 05. Specialties Mobile */
	.specialties-items-list {
		margin-top: 25px;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.specialties-item {
		flex-direction: row;
		align-items: flex-start;
		text-align: left;
		padding: 15px 0;
		gap: 15px;
	}

	.specialties-item-icon {
		margin-bottom: 0;
	}

	.specialties-item-content h3 {
		font-size: 18px;
		margin-bottom: 8px;
		color: #4B5563 !important;
	}

	.intro-bg-image img {
		aspect-ratio: 1 / 0.7;
	}

	/* 06. Facts Mobile */
	.facts-counter-box {
		gap: 30px;
	}

	.facts-counter-item {
		width: calc(50% - 15px);
	}

	.facts-counter-item::before {
		right: -15px;
	}

	.facts-counter-item h2 {
		font-size: 22px;
	}

	.facts-image-box {
		padding-left: 30px;
	}

	.award-box {
		padding: 15px 18px;
		max-width: 140px;
	}

	.award-box::after {
		font-size: 18px;
		top: 5px;
		right: 5px;
		opacity: 1;
		filter: brightness(0) saturate(100%) invert(60%) sepia(95%) saturate(1352%) hue-rotate(3deg) brightness(75%) contrast(105%);
	}

	.award-box h2 {
		font-size: 28px;
		margin-bottom: 5px;
	}

	.award-box p {
		font-size: 11px;
	}

	.facts-video-content {
		right: 0;
		bottom: 10px;
		max-width: 145px;
	}

	.facts-video-content .video-play-button a {
		width: 45px;
		height: 45px;
	}

	.facts-video-content .video-play-button i {
		font-size: 18px;
	}

	.facts-video-content h3 {
		font-size: 14px;
		margin-left: 5px;
	}

	/* 07. Why Choose Us Mobile */
	.why-choose-box {
		padding: 40px 25px;
		flex-direction: column;
	}

	.why-choose-image {
		min-height: 300px;
		margin-bottom: 30px;
	}

	.why-choose-item-list {
		gap: 25px;
		margin-top: 30px;
		flex-direction: column;
	}

	.why-choose-item {
		width: 100%;
	}

	.why-choose-item::before {
		display: none;
	}

	.why-choose-item-content h3 {
		font-size: 18px;
	}

	.section-footer-text span {
		padding: 2px 8px;
		margin-right: 5px;
	}

	.section-footer-text p {
		font-size: 14px;
	}

	/* 08. Case Study Mobile */
	.case-study-image {
		max-width: 100%;
		height: 300px;
		margin-bottom: 20px;
		cursor: pointer;
	}

	/* On mobile, show overlay on tap/click */
	.case-study-item.mobile-active .case-study-image {
		transform: translateY(-5px);
		box-shadow: 0 15px 40px rgba(65, 133, 221, 0.25);
		border-color: var(--accent-color);
	}

	.case-study-overlay-content {
		padding: 20px;
		color: #fff !important;
	}

	.case-study-overlay-content h5 {
		font-size: 24px;
		margin-bottom: 12px;
		color: #fff !important;
		line-height: 1.3;
		word-wrap: break-word;
		word-break: break-word;
	}

	.case-study-overlay-content p {
		font-size: 14px;
		color: #fff !important;
	}

	/* 09. Features Mobile */
	.features-item .icon-box {
		margin-bottom: 30px;
	}

	.features-item-content h3 {
		font-size: 18px;
	}

	/* 10. Pricing Mobile */
	.our-pricing-swich label {
		font-size: 16px;
	}

	.pricing-item {
		padding: 20px;
	}

	.pricing-benefit-list {
		margin-top: 5px;
	}

	.pricing-benefit-list ul {
		gap: 10px;
	}

	.pricing-benefit-list ul li {
		width: calc(50% - 5px);
		font-size: 12px;
	}

	.pricing-benefit-list ul li img {
		max-width: 16px;
		margin-right: 5px;
	}

	/* 11. Testimonial Mobile */
	.customer-review-box {
		margin-bottom: 15px;
	}

	.customer-image {
		margin-left: -10px;
	}

	.customer-image img {
		max-width: 40px;
	}

	.customer-review-content p {
		font-size: 14px;
	}

	.testimonial-review-box {
		padding: 20px;
	}

	.testimonial-review-header h2 {
		font-size: 40px;
	}

	.testimonial-review-content h3 {
		font-size: 18px;
	}

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

	.testimonial-content p {
		font-size: 16px;
	}

	.author-content h3 {
		font-size: 18px;
	}

	.author-content p {
		font-size: 14px;
	}

	.testimonial-btn {
		position: relative;
		justify-content: center;
		margin-top: 20px;
	}

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

	/* 12. FAQs Mobile */
	.faqs-contact-item {
		width: 100%;
	}

	.faqs-contact-item .icon-box {
		margin-right: 10px;
	}

	.faqs-contact-item .icon-box img {
		max-width: 40px;
	}

	.faqs-contact-item-content {
		width: calc(100% - 50px);
	}

	.faqs-contact-item-content h3 {
		font-size: 18px;
	}

	.faqs-image img {
		aspect-ratio: 1 / 0.7;
	}

	.faq-accordion .accordion-header .accordion-button {
		font-size: 16px;
	}

	.faq-accordion .accordion-header .accordion-button,
	.faq-accordion .accordion-header .accordion-button.collapsed {
		padding: 14px 35px 14px 15px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after {
		right: 15px;
		font-size: 18px;
	}

	.faq-accordion .accordion-item .accordion-body p {
		font-size: 14px;
	}

	.faq-accordion .accordion-item .accordion-body {
		padding: 14px 15px;
	}

	/* 13. Blog Mobile */
	.post-item-content {
		margin-bottom: 15px;
	}

	.post-item-content h2 {
		font-size: 18px;
	}

	/* 14. CTA Box Mobile */
	.cta-box-content {
		padding: 30px 20px;
	}

	.subscribe-form .form-group .form-control {
		width: 100%;
	}

	.subscribe-form .form-group .btn-default {
		width: auto;
	}

	/* 15. Footer Mobile */
	.footer-links {
		margin-bottom: 30px;
	}

	.footer-links h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.footer-copyright-text {
		margin-top: 0px;
		padding: 15px 0;
	}

	/* 16. Page Header Mobile */
	.page-header-box h1 {
		font-size: 28px;
		margin-bottom: 10px;
	}

	.page-header-box ol li.breadcrumb-item {
		font-size: 14px;
	}

	/* 17. Modern Navbar Mobile */
	.navbar {
		height: 70px;
	}

	.mobile-menu {
		max-width: 100%;
	}

	.mobile-menu-header {
		padding: 15px 20px;
	}

	.mobile-menu-content {
		padding: 15px 20px;
	}

	.mobile-nav-link {
		padding: 14px 16px;
		font-size: 15px;
	}

	.mobile-submenu-item {
		padding: 10px 16px 10px 32px;
		font-size: 13px;
	}

	.responsive-menu {
		max-width: 100%;
	}

	.responsive-menu-header {
		padding: 14px 16px;
	}

	.responsive-menu-logo span {
		font-size: 16px !important;
	}

	.responsive-menu-logo img {
		max-height: 32px;
	}

	.responsive-menu-list > li {
		padding: 0 8px;
	}

	.responsive-menu-list a,
	.menu-toggle {
		font-size: 14px;
		padding: 10px 14px;
	}

	.responsive-menu-list .submenu li a {
		padding: 8px 14px 8px 28px;
		font-size: 13px;
	}

	.responsive-menu-footer {
		padding: 12px 16px;
	}

	.btn-mobile-menu {
		padding: 10px 20px;
		font-size: 13px;
	}

	.responsive-menu-wrapper {
		padding: 20px 15px;
	}

	.responsive-menu-list a,
	.menu-toggle {
		font-size: 16px;
		padding: 12px 15px;
	}

	.responsive-menu-list .submenu li a {
		padding: 10px 15px 10px 30px;
		font-size: 14px;
	}

	/* 18. Additional Page Styles Mobile */
	.potential-accordion .accordion-header .accordion-button {
		font-size: 18px;
	}

	.accordion-image,
	.accordion-item-content {
		width: 100%;
	}

	.accordion-item-content p {
		margin-bottom: 15px;
	}

	.potential-image img {
		aspect-ratio: 1 / 1.1;
	}

	.who-we-are-images {
		gap: 20px;
	}

	.who-we-img-box {
		width: calc(50% - 10px);
	}

	.who-we-img-box .customer-review-box {
		flex-wrap: wrap;
		gap: 5px;
	}

	.who-we-img-box .customer-review-content {
		width: 100%;
	}

	.who-we-img-box .customer-review-content p {
		font-size: 12px;
	}

	.who-we-img-box:nth-child(even) .who-we-are-img img {
		aspect-ratio: 1 / 1.5;
	}

	.readmore-img-circle a img {
		max-width: 90px;
	}

	.who-we-counter-item {
		display: block;
	}

	.who-we-counter-item h2 {
		width: 100%;
		font-size: 22px;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.who-we-counter-item p {
		width: 100%;
	}

	.team-content h3 {
		font-size: 18px;
	}

	.team-content p {
		font-size: 14px;
	}

	.success-item {
		padding: 15px;
		margin-bottom: 20px;
	}

	.success-item .icon-box {
		margin-right: 10px;
	}

	.success-item .icon-box img {
		max-width: 40px;
	}

	.success-item-content {
		width: calc(100% - 50px);
	}

	.success-item-content h3 {
		font-size: 18px;
	}

	.success-item-content p {
		font-size: 14px;
	}

	.success-img-1 {
		margin-right: 80px;
	}

	.success-img-2 {
		border-width: 5px;
		max-width: 240px;
		margin-top: -190px;
		border-radius: 20px;
	}

	.success-img-2 figure,
	.success-img-2 img {
		border-radius: 14px;
	}

	.our-partners-box {
		padding: 30px 0;
	}

	.our-partners-content {
		margin: 0 10px 30px;
	}

	.page-catagory-list h3,
	.sidebar-cta-content h3 {
		font-size: 18px;
	}

	.service-entry h2 {
		font-size: 22px;
	}

	.service-solution-step-item {
		width: 100%;
		padding: 0 15px 20px;
	}

	.solution-step-no {
		height: 60px;
		width: 60px;
		margin: 0 -15px 0 auto;
	}

	.service-solution-step-item .icon-box {
		margin-bottom: 20px;
	}

	.solution-step-content h3,
	.solution-step-no h3 {
		font-size: 18px;
	}

	.service-trusted-expert-item .success-item {
		padding: 15px;
	}

	.service-trusted-expert-item .success-item .icon-box {
		margin-right: 15px;
	}

	.service-trusted-expert-item .success-item .success-item-content {
		width: calc(100% - 55px);
	}

	.post-single-meta ol li {
		font-size: 16px;
	}

	.post-single-meta ol li i {
		font-size: 16px;
	}

	.post-image img {
		aspect-ratio: 1 / 0.7;
	}

	.post-entry blockquote {
		background-position: 15px 15px;
		padding: 60px 15px 15px 15px;
	}

	.post-entry blockquote p {
		font-size: 16px;
	}

	.post-entry h2 {
		font-size: 22px;
	}

	.tag-links {
		font-size: 18px;
	}

	.case-study-category-item h3 {
		font-size: 18px;
	}

	.case-study-slider {
		margin-bottom: 30px;
	}

	.case-study-slider img {
		aspect-ratio: 1 / 0.7;
	}

	.case-study-pagination {
		margin-top: 20px;
	}

	.case-study-entry h2 {
		font-size: 22px;
	}

	.case-study-solution-item {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.case-study-solution-item h3 {
		font-size: 18px;
	}

	.solution-item {
		width: 100%;
	}

	.solution-item p {
		font-size: 14px;
	}

	.team-single-image img {
		aspect-ratio: 1 / 0.99;
	}

	.member-social-list {
		padding: 10px;
	}

	.team-member-body-list,
	.team-contact-list {
		width: 100%;
	}

	.team-contact-list {
		padding: 15px;
	}

	.skills-progress-bar {
		width: 100%;
	}

	.skills-progress-bar .skill-data {
		margin-bottom: 10px;
	}

	.skills-progress-bar .skill-data .skill-title {
		font-size: 16px;
	}

	.page-testimonials .testimonial-item {
		padding: 20px;
	}

	.contact-info-item .icon-box img {
		max-width: 30px;
	}

	.contact-item-content {
		width: calc(100% - 45px);
	}

	.contact-item-content h3 {
		font-size: 18px;
	}

	.google-map-iframe iframe {
		height: 350px;
	}

	.error-page-image img {
		max-width: 80%;
	}

	/* 19. Services Listing Page Mobile */
	.page-services {
		padding: 60px 0 40px;
	}

	.page-services::before {
		display: none;
	}

	/* Service filters and categories mobile */
	.service-filters,
	.service-categories {
		margin-bottom: 25px;
	}

	.service-category-btn,
	.service-filter-btn {
		padding: 12px 20px;
		font-size: 14px;
		min-height: 44px;
		margin: 5px;
		border-radius: 8px;
	}

	/* Service grid mobile - ensure 2 columns */
	.page-services .service-item {
		margin-bottom: 20px;
	}

	/* 20. Service Single Page Mobile */
	.page-service-single {
		padding: 60px 0 40px;
	}

	.page-service-single::before,
	.page-service-single::after {
		display: none;
	}

	.page-single-sidebar {
		position: initial;
		margin: 0 0 30px 0;
	}

	.page-catagory-list {
		padding: 20px;
		margin-bottom: 25px;
	}

	.page-catagory-list ul li a {
		padding: 12px 30px 12px 0;
		margin-bottom: 12px;
		min-height: 44px;
		display: flex;
		align-items: center;
	}

	.sidebar-cta-box {
		padding: 25px 20px;
	}

	.service-featured-image {
		margin-bottom: 25px;
	}

	.service-featured-image img {
		border-radius: 16px;
	}

	.service-entry {
		margin-bottom: 30px;
	}

	.service-entry h2 {
		font-size: 24px;
		margin-bottom: 15px;
		line-height: 1.3;
	}

	.service-entry p {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 15px;
	}

	.service-solution-box,
	.service-trusted-expert {
		margin-top: 30px;
	}

	.service-solution-steps {
		gap: 20px;
	}

	.service-solution-step-item {
		width: 100%;
		padding: 20px 15px;
		margin-bottom: 20px;
	}

	.solution-step-no {
		height: 50px;
		width: 50px;
		font-size: 16px;
	}

	/* 21. Blog Listing Page Mobile */
	.page-blog {
		padding: 60px 0 40px;
	}

	.page-blog::before {
		display: none;
	}

	.post-item {
		margin-bottom: 25px;
	}

	.post-featured-image {
		margin-bottom: 15px;
	}

	.post-featured-image img {
		border-radius: 16px;
		aspect-ratio: 1 / 0.65;
	}

	.post-item-content h2 {
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 12px;
	}

	.post-item-content h2 a {
		min-height: 44px;
		display: flex;
		align-items: center;
	}

	.post-item-btn {
		margin-top: 15px;
	}

	.post-item-btn .readmore-btn {
		padding: 12px 24px;
		font-size: 13px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.page-pagination {
		margin-top: 30px;
	}

	.page-pagination ul li a,
	.page-pagination ul li span {
		width: 44px;
		height: 44px;
		font-size: 14px;
		margin: 5px;
	}

	/* 22. Blog Single Page Mobile */
	.page-single-post {
		padding: 60px 0 40px;
	}

	.page-single-post::before,
	.page-single-post::after {
		display: none;
	}

	.post-single-meta {
		margin-bottom: 20px;
	}

	.post-single-meta ol {
		flex-wrap: wrap;
		gap: 10px;
	}

	.post-single-meta ol li {
		font-size: 14px;
		margin-right: 10px;
		margin-bottom: 5px;
	}

	.post-image {
		margin-bottom: 25px;
	}

	.post-image img {
		border-radius: 16px;
	}

	.post-content {
		max-width: 100%;
	}

	.post-entry {
		padding-bottom: 25px;
		margin-bottom: 25px;
	}

	.post-entry h1 {
		font-size: 28px;
		line-height: 1.3;
		margin-bottom: 15px;
	}

	.post-entry h2 {
		font-size: 24px;
		line-height: 1.4;
		margin-bottom: 12px;
	}

	.post-entry h3 {
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 10px;
	}

	.post-entry h4 {
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 10px;
	}

	.post-entry p {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 15px;
	}

	.post-entry ul,
	.post-entry ol {
		margin-bottom: 15px;
		padding-left: 25px;
	}

	.post-entry ul li,
	.post-entry ol li {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 10px;
	}

	.post-entry blockquote {
		padding: 20px 15px 20px 60px;
		margin-bottom: 20px;
		border-radius: 12px;
	}

	.post-entry blockquote p {
		font-size: 16px;
		line-height: 1.6;
	}

	.post-tags {
		margin-bottom: 20px;
	}

	.post-tags .tag-links a {
		padding: 10px 16px;
		font-size: 13px;
		margin: 5px 5px 5px 0;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		border-radius: 8px;
	}

	.post-social-sharing {
		margin-top: 25px;
	}

	.post-social-sharing ul {
		justify-content: flex-start;
		gap: 10px;
	}

	.post-social-sharing ul li a {
		width: 44px;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* 23. Case Study Listing Page Mobile */
	.page-case-study {
		padding: 60px 0 40px;
	}

	.page-case-study::before,
	.page-case-study::after {
		display: none;
	}

	.case-study-item {
		margin-bottom: 25px;
	}

	.case-study-category-list {
		padding: 20px;
		margin-bottom: 25px;
	}

	.case-study-category-item {
		padding-bottom: 12px;
		margin-bottom: 12px;
	}

	.case-study-category-item h3 {
		font-size: 16px;
		margin-bottom: 8px;
	}

	/* 24. Case Study Single Page Mobile */
	.page-case-study-single {
		padding: 60px 0 40px;
	}

	.page-case-study-single::before,
	.page-case-study-single::after {
		display: none;
	}

	.case-study-slider {
		margin-bottom: 25px;
	}

	.case-study-slider img {
		border-radius: 16px;
	}

	.case-study-entry {
		margin-bottom: 30px;
	}

	.case-study-entry h2 {
		font-size: 24px;
		line-height: 1.3;
		margin-bottom: 15px;
	}

	.case-study-entry p {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 15px;
	}

	.case-study-entry ul li {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 10px;
		padding-left: 22px;
	}

	.case-study-solution-box {
		margin-top: 30px;
	}

	.case-study-solution-list {
		margin-top: 25px;
	}

	.case-study-solution-item {
		margin-bottom: 25px;
		padding-bottom: 25px;
	}

	.case-study-solution-item h3 {
		font-size: 20px;
		margin-bottom: 12px;
	}

	.solution-item-list {
		gap: 15px;
		margin-top: 15px;
	}

	.solution-item {
		padding: 15px 12px 15px 35px;
		border-radius: 12px;
	}

	.solution-item::before {
		left: 12px;
		font-size: 18px;
	}

	.solution-item p {
		font-size: 14px;
		line-height: 1.6;
	}

	/* 25. Team Listing Page Mobile */
	.page-team {
		padding: 60px 0 40px;
	}

	.page-team::before,
	.page-team::after {
		display: none;
	}

	.team-item {
		margin-bottom: 25px;
	}

	.team-item-content h3 {
		font-size: 18px;
		margin-bottom: 8px;
	}

	.team-item-content p {
		font-size: 14px;
	}

	/* 26. Team Single Page Mobile */
	.page-team-single {
		padding: 60px 0 40px;
	}

	.page-team-single::before,
	.page-team-single::after {
		display: none;
	}

	.team-single-image {
		margin-bottom: 25px;
	}

	.team-single-image figure {
		border-radius: 16px;
	}

	.team-single-image img {
		border-radius: 16px;
	}

	.member-social-list {
		bottom: 15px;
		right: 15px;
		left: 15px;
		padding: 12px;
		border-radius: 12px;
	}

	.member-social-list a {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.team-member-body-list {
		margin-bottom: 25px;
	}

	.team-member-body-list ul li {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 10px;
		padding-left: 22px;
	}

	.team-member-skills,
	.team-member-qualification,
	.team-contact-form {
		margin-top: 30px;
	}

	.team-contact-list {
		padding: 20px;
		border-radius: 16px;
	}

	.team-member-list ul li {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 10px;
		padding-left: 22px;
	}

	.skills-progress-bar {
		margin-top: 20px;
	}

	.skills-progress-bar .skill-data {
		margin-bottom: 15px;
		padding: 12px;
		border-radius: 8px;
	}

	.skills-progress-bar .skill-data .skill-title {
		font-size: 15px;
		margin-bottom: 8px;
	}

	/* 27. Pricing Page Mobile */
	.page-pricing {
		padding: 60px 0 40px;
	}

	.page-pricing::before {
		display: none;
	}

	.our-pricing-swich {
		margin-bottom: 25px;
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px;
	}

	.our-pricing-swich label {
		font-size: 15px;
	}

	.pricing-item {
		margin-bottom: 25px;
	}

	.pricing-header {
		padding: 20px;
	}

	.pricing-header h3 {
		font-size: 20px;
		padding: 10px 20px;
	}

	.pricing-body {
		padding: 20px;
		margin-bottom: 20px;
	}

	.pricing-body ul li {
		font-size: 14px;
		padding-left: 28px;
		margin-bottom: 12px;
		min-height: 44px;
		display: flex;
		align-items: center;
	}

	.pricing-body ul li::before {
		font-size: 16px;
		top: 50%;
		transform: translateY(-50%);
	}

	.pricing-benefit-list {
		padding: 0 20px 20px;
	}

	.pricing-benefit-list ul {
		gap: 8px;
	}

	.pricing-benefit-list ul li {
		padding: 10px 12px;
		font-size: 12px;
		min-height: 44px;
		display: flex;
		align-items: center;
	}

	.pricing-benefit-list ul li img {
		max-width: 18px;
		margin-right: 8px;
	}

	.pricing-footer {
		padding: 20px;
	}

	.pricing-footer .btn-default {
		width: 100%;
		padding: 14px 24px;
		min-height: 44px;
		font-size: 15px;
	}

	/* 28. Testimonials Page Mobile */
	.page-testimonials {
		padding: 60px 0 40px;
	}

	.page-testimonials::before,
	.page-testimonials::after {
		display: none;
	}

	.page-testimonials .testimonial-item {
		margin-bottom: 25px;
		padding: 25px 20px;
	}

	.page-testimonials .testimonial-item .testimonial-body {
		display: block;
	}

	.page-testimonials .testimonial-item .testimonial-body .testimonial-author-box {
		margin-bottom: 15px;
	}

	/* 29. FAQs Page Mobile */
	.page-faqs {
		padding: 60px 0 40px;
	}

	.page-faqs::before,
	.page-faqs::after {
		display: none;
	}

	.page-faqs .page-faq-accordion {
		margin-bottom: 20px;
	}

	.page-faq-accordion .accordion-item {
		border-radius: 12px;
		margin-bottom: 15px;
	}

	.page-faq-accordion .accordion-header .accordion-button {
		font-size: 16px;
		padding: 16px 40px 16px 20px;
		min-height: 44px;
	}

	.page-faq-accordion .accordion-item .accordion-button::after {
		right: 20px;
		font-size: 18px;
	}

	.page-faq-accordion .accordion-item .accordion-body {
		padding: 16px 20px;
		font-size: 14px;
		line-height: 1.7;
	}

	/* 30. Contact Page Mobile */
	.page-contact-us {
		padding: 60px 0 40px;
	}

	.page-contact-us::before {
		display: none;
	}

	.contact-us-form {
		padding-right: 0;
		margin-bottom: 30px;
	}

	.contact-form .form-group {
		margin-bottom: 20px;
	}

	.contact-form .form-control {
		font-size: 16px;
		padding: 14px 18px;
		min-height: 44px;
		border-radius: 12px;
		-webkit-appearance: none;
		appearance: none;
	}

	.contact-form .form-control:focus {
		border-color: var(--accent-color);
		outline: none;
		box-shadow: 0 0 0 3px rgba(65, 133, 221, 0.1);
	}

	.contact-form textarea.form-control {
		min-height: 120px;
		resize: vertical;
	}

	.contact-form .btn-default {
		width: 100%;
		padding: 16px 24px;
		min-height: 44px;
		font-size: 16px;
		font-weight: 600;
		border-radius: 12px;
		margin-top: 10px;
	}

	.contact-us-content {
		border-left: none;
		border-top: 1px solid var(--divider-color);
		padding-left: 0;
		padding-top: 30px;
		margin-top: 30px;
	}

	.contact-info-item {
		margin-bottom: 25px;
		padding: 15px;
		border-radius: 12px;
		background: var(--secondary-color);
	}

	.contact-info-item:last-child {
		margin-bottom: 0;
	}

	.contact-info-item .icon-box {
		margin-right: 15px;
		min-width: 44px;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.contact-info-item .icon-box img {
		max-width: 32px;
	}

	.contact-item-content {
		width: calc(100% - 60px);
	}

	.contact-item-content p {
		font-size: 13px;
		margin-bottom: 5px;
		color: var(--text-color);
	}

	.contact-item-content h3 {
		font-size: 18px;
		margin-bottom: 0;
	}

	.contact-item-content h3 a {
		min-height: 44px;
		display: flex;
		align-items: center;
		word-break: break-word;
	}

	.google-map-iframe {
		margin-top: 40px;
	}

	.google-map-iframe iframe {
		height: 300px;
		border-radius: 16px;
	}

	/* 31. Shared Components - PageHeader Mobile */
	.page-header {
		padding: 120px 0 50px;
	}

	.page-header::before {
		display: none;
	}

	.page-header-box {
		text-align: center;
	}

	.page-header-box h1 {
		font-size: 28px;
		line-height: 1.3;
		margin-bottom: 15px;
	}

	.page-header-box h1 span {
		display: block;
		margin-top: 5px;
	}

	.breadcrumb {
		justify-content: center;
		flex-wrap: wrap;
		gap: 5px;
	}

	.breadcrumb-item {
		font-size: 13px;
	}

	.breadcrumb-item a {
		min-height: 32px;
		display: inline-flex;
		align-items: center;
		padding: 4px 8px;
	}

	.breadcrumb-item.active {
		font-weight: 500;
	}

	/* 32. Shared Components - ScrollingTicker Mobile */
	.our-scrolling-ticker {
		padding: 12px 0;
	}

	.scrolling-ticker-box {
		--gap: 12px;
	}

	.scrolling-content span {
		font-size: 18px;
		padding: 8px 16px;
	}

	.scrolling-content span img {
		max-width: 18px;
		margin-right: 10px;
	}

	/* 33. Shared Components - Footer Mobile */
	.main-footer {
		padding: 40px 0 0;
	}

	.about-footer {
		margin-bottom: 30px;
		text-align: center;
	}

	.about-footer-content {
		margin-bottom: 25px;
	}

	.footer-logo {
		margin-bottom: 20px;
		text-align: center;
	}

	.footer-logo img {
		max-height: 50px;
	}

	.footer-links {
		margin-bottom: 30px;
		text-align: center;
	}

	.footer-links h3 {
		font-size: 18px;
		margin-bottom: 15px;
		font-weight: 600;
	}

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

	.footer-links ul li {
		margin-bottom: 12px;
	}

	.footer-links ul li a {
		font-size: 14px;
		color: var(--text-color);
		text-decoration: none;
		transition: color 0.3s ease;
		min-height: 32px;
		display: inline-flex;
		align-items: center;
		padding: 4px 0;
	}

	.footer-links ul li a:hover {
		color: var(--accent-color);
	}

	.footer-contact-item {
		margin-bottom: 20px;
		text-align: center;
	}

	.footer-contact-item .icon-box {
		justify-content: center;
		margin-bottom: 10px;
	}

	.footer-copyright-text {
		margin-top: 30px;
		padding: 20px 0;
		text-align: center;
		border-top: 1px solid var(--divider-color);
	}

	.footer-copyright-text p {
		font-size: 13px;
		margin: 0;
	}

	/* 34. Shared Components - Navbar Mobile Enhancements */
	.navbar-brand img {
		object-fit: contain;
	}

	.mobile-toggle,
	.navbar-toggle {
		min-width: 44px;
		min-height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px;
	}

	/* 35. Form Inputs Mobile Optimization */
	.form-control,
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	textarea,
	select {
		font-size: 16px !important;
		min-height: 44px;
		padding: 12px 16px;
		border-radius: 12px;
		-webkit-appearance: none;
		appearance: none;
	}

	textarea {
		min-height: 120px;
		resize: vertical;
	}

	/* 36. Buttons Mobile Optimization */
	.btn-default,
	.readmore-btn,
	button[type="submit"],
	button[type="button"] {
		min-height: 44px;
		padding: 12px 24px;
		font-size: 15px;
		border-radius: 12px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	/* 37. Links Mobile Optimization */
	a {
		min-height: 32px;
		display: inline-flex;
		align-items: center;
	}

	/* 38. Cards Mobile Optimization */
	.service-item,
	.post-item,
	.case-study-item,
	.team-item,
	.pricing-item,
	.testimonial-item {
		border-radius: 16px;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}

	.service-item:active,
	.post-item:active,
	.case-study-item:active,
	.team-item:active,
	.pricing-item:active {
		transform: scale(0.98);
	}

	/* 39. Images Mobile Optimization */
	img {
		max-width: 100%;
		height: auto;
		border-radius: 12px;
	}

	/* 40. Spacing Mobile Optimization */
	.section-row {
		margin-bottom: 30px;
	}

	.container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.row > [class*="col-"] {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* ========================================
   SMALL MOBILE STYLES (max-width: 768px)
   ======================================== */
@media (max-width: 768px) {
	.theme-switch {
		margin: 10px 0;
	}

	.theme-switch button {
		padding: 8px;
		min-width: 44px;
		min-height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* Extra small adjustments */
	.section-title h1 {
		font-size: 24px;
	}

	.section-title h2 {
		font-size: 20px;
	}

	.section-title h3 {
		font-size: 13px;
		padding: 6px 12px 6px 35px;
	}

	.hero {
		padding: 120px 0 100px;
		min-height: 500px; /* Reserve height to prevent layout shifts */
	}

	.hero .section-title h1 {
		font-size: 26px;
	}

	.hero .section-title h2 {
		font-size: 22px;
	}

	.page-header {
		padding: 100px 0 40px;
	}

	.page-header-box h1 {
		font-size: 24px;
	}
}